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

#afe2bc はRGBで rgb(175, 226, 188)、OKLCHで oklch(86.701% 0.07425 152.487) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #afe2bc |
| RGB | rgb(175, 226, 188) |
| HSL | hsl(135.29, 46.79%, 78.63%) |
| HSB / HSV | hsv(135.29 22.57% 88.63%) |
| HWB | hwb(135.29 68.63% 11.37%) |
| CMYK | cmyk(23% 0% 17% 11%) |
| Lab | lab(85.56 -22.64 13.05) |
| LCH | lch(85.56 26.13 150.04) |
| OKLab | oklab(86.701% -0.06585 0.0343) |
| OKLCH | oklch(86.701% 0.07425 152.487) |
| Display P3 | color(display-p3 0.72713 0.88057 0.74855) |
| Rec. 2020 | color(rec2020 0.73461 0.85758 0.72284) |
| Adobe RGB | color(a98-rgb 0.74488 0.88296 0.73855) |
| ProPhoto RGB | color(prophoto-rgb 0.71643 0.83359 0.70421) |
| 線形sRGB | color(srgb-linear 0.42869 0.76052 0.50289) |
| XYZ D65 | color(xyz-d65 0.5395 0.67136 0.57695) |
| XYZ D50 | color(xyz-d50 0.55181 0.67108 0.43891) |
| SwiftUI | Color(red: 0.686, green: 0.886, blue: 0.737) |
| UIKit | UIColor(red: 0.686, green: 0.886, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFFAFE2BC) |
| Android XML | #AFE2BC |

## 基本情報

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

## ティント

#afe2bc, #b7e5c3, #bfe8c9, #c7ebd0, #cfeed7, #d7f1dd, #dff4e4, #e7f6eb, #eff9f1, #f7fcf8

## シェード

#afe2bc, #98c4a3, #81a88b, #6b8c73, #56715d, #415747, #2e3e32, #1c271f, #0b120d, #010302

## トーン

#afe2bc, #b3e1be, #b7dfc1, #bbdec3, #bedcc5, #c2dbc8, #c5d9ca, #c9d8cc, #ccd6cf, #d0d5d1

## カラーハーモニー

- 補色: #afe2bc, #f1c2e9
- 分裂補色: #afe2bc, #dcc8fc, #febfcf
- 類似色: #afe2bc, #cadca6, #9be4d7
- トライアド: #afe2bc, #c2d1ff, #ffc2b5
- テトラード: #afe2bc, #99e1f0, #f1c2e9, #ffc2b5
- スクエア: #afe2bc, #a9daff, #f1c2e9, #f7c9a1
- モノクロマティック: #afe2bc, #659673, #89bb96, #d0ffdd, #d0ffdd

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

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

#afe2bc はパステル調の ごく明るい緑です。最も近い名前のある色はパステル調の ごく明るい緑です。RGBでは rgb(175, 226, 188)、HSLでは hsl(135.29, 46.79%, 78.63%)、OKLCHでは oklch(86.701% 0.07425 152.487) です。

### #afe2bc に合う色は？

#afe2bc の補色は #f1c2e9 です。落ち着いた組み合わせにするなら、類似色の #cadca6 と #9be4d7 を使いましょう。トライアドの組み合わせは #c2d1ff と #ffc2b5 です。

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

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

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

#afe2bc は寒色系の色です。OKLCHでは色相 152度、明度 86.7%、クロマ 0.074 です。