# カラーコード #aeecbc：パステル調の ごく明るい緑

#aeecbc はRGBで rgb(174, 236, 188)、OKLCHで oklch(88.845% 0.09094 151.173) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/aeecbc

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #aeecbc |
| RGB | rgb(174, 236, 188) |
| HSL | hsl(133.55, 62%, 80.39%) |
| HSB / HSV | hsv(133.55 26.27% 92.55%) |
| HWB | hwb(133.55 68.24% 7.45%) |
| CMYK | cmyk(26% 0% 20% 7%) |
| Lab | lab(88.26 -27.42 16.78) |
| LCH | lch(88.26 32.14 148.53) |
| OKLab | oklab(88.845% -0.07967 0.04385) |
| OKLCH | oklch(88.845% 0.09094 151.173) |
| Display P3 | color(display-p3 0.7334 0.91874 0.75213) |
| Rec. 2020 | color(rec2020 0.74995 0.89848 0.72762) |
| Adobe RGB | color(a98-rgb 0.75669 0.92318 0.74065) |
| ProPhoto RGB | color(prophoto-rgb 0.73295 0.87631 0.7109) |
| 線形sRGB | color(srgb-linear 0.42327 0.8388 0.50289) |
| XYZ D65 | color(xyz-d65 0.56525 0.72619 0.58617) |
| XYZ D50 | color(xyz-d50 0.57959 0.72598 0.44644) |
| SwiftUI | Color(red: 0.682, green: 0.925, blue: 0.737) |
| UIKit | UIColor(red: 0.682, green: 0.925, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFFAEECBC) |
| Android XML | #AEECBC |

## 基本情報

- 最も近い色名: パステル調の ごく明るい緑
- 色相の系統: 緑, パステル調の ごく明るい緑
- 最も近いTailwindクラス: emerald-200
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 1.35:1
- 黒とのコントラスト: 15.52:1

## ティント

#aeecbc, #b7eec3, #bff0c9, #c7f2d0, #cff4d7, #d7f6dd, #dff8e4, #e7faeb, #effbf2, #f7fdf8

## シェード

#aeecbc, #97cda3, #80af8b, #6a9273, #55765d, #415b47, #2e4232, #1c291f, #0b130d, #010302

## トーン

#aeecbc, #b3eabf, #b8e9c2, #bce7c5, #c1e5c8, #c5e3cb, #cae2ce, #cee0d1, #d2ded4, #d6dcd7

## カラーハーモニー

- 補色: #aeecbc, #fec5f6
- 分裂補色: #aeecbc, #e4cdff, #ffc3d6
- 類似色: #aeecbc, #d1e4a0, #93eede
- トライアド: #aeecbc, #c8d8ff, #ffc7b9
- テトラード: #aeecbc, #8febfd, #fec5f6, #ffc7b9
- スクエア: #aeecbc, #a9e2ff, #fec5f6, #ffcd9d
- モノクロマティック: #aeecbc, #639f72, #88c596, #cbffd8, #cbffd8

## #aeecbc についてのよくある質問

### #aeecbc は何色ですか？

#aeecbc はパステル調の ごく明るい緑です。最も近い名前のある色はパステル調の ごく明るい緑です。RGBでは rgb(174, 236, 188)、HSLでは hsl(133.55, 62%, 80.39%)、OKLCHでは oklch(88.845% 0.09094 151.173) です。

### #aeecbc に合う色は？

#aeecbc の補色は #fec5f6 です。落ち着いた組み合わせにするなら、類似色の #d1e4a0 と #93eede を使いましょう。トライアドの組み合わせは #c8d8ff と #ffc7b9 です。

### #aeecbc の上では白と黒のどちらの文字が読みやすいですか？

#aeecbc の上では黒の文字のほうが読みやすくなります。白はコントラスト比 1.35:1、黒は 15.52:1 です。WCAG AAでは本文に4.5:1以上が求められます。

### #aeecbc は暖色と寒色のどちらですか？

#aeecbc は寒色系の色です。OKLCHでは色相 151度、明度 88.8%、クロマ 0.091 です。