# カラーコード #a8d2bf：パステル調の 明るいエメラルド

#a8d2bf はRGBで rgb(168, 210, 191)、OKLCHで oklch(82.834% 0.05161 165.836) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #a8d2bf |
| RGB | rgb(168, 210, 191) |
| HSL | hsl(152.86, 31.82%, 74.12%) |
| HSB / HSV | hsv(152.86 20% 82.35%) |
| HWB | hwb(152.86 65.88% 17.65%) |
| CMYK | cmyk(20% 0% 9% 18%) |
| Lab | lab(80.78 -17.21 4.67) |
| LCH | lch(80.78 17.83 164.82) |
| OKLab | oklab(82.834% -0.05004 0.01263) |
| OKLCH | oklch(82.834% 0.05161 165.836) |
| Display P3 | color(display-p3 0.69185 0.81874 0.75333) |
| Rec. 2020 | color(rec2020 0.69113 0.79082 0.72663) |
| Adobe RGB | color(a98-rgb 0.70502 0.81893 0.74672) |
| ProPhoto RGB | color(prophoto-rgb 0.67529 0.7641 0.70524) |
| 線形sRGB | color(srgb-linear 0.39157 0.64448 0.521) |
| XYZ D65 | color(xyz-d65 0.48597 0.58179 0.57961) |
| XYZ D50 | color(xyz-d50 0.49352 0.58072 0.44006) |
| SwiftUI | Color(red: 0.659, green: 0.824, blue: 0.749) |
| UIKit | UIColor(red: 0.659, green: 0.824, blue: 0.749, alpha: 1) |
| Flutter / Compose | Color(0xFFA8D2BF) |
| Android XML | #A8D2BF |

## 基本情報

- 最も近い色名: パステル調の 明るいエメラルド
- 色相の系統: エメラルド, パステル調の 明るいエメラルド
- 最も近いTailwindクラス: mist-300
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 1.66:1
- 黒とのコントラスト: 12.64:1

## ティント

#a8d2bf, #b1d6c5, #b9dbcc, #c2dfd2, #cbe4d8, #d4e8df, #dcede5, #e5f1eb, #eef6f2, #f6faf8

## シェード

#a8d2bf, #92b6a6, #7c9b8d, #678175, #52685e, #3f5048, #2c3933, #1a241f, #0a100d, #010202

## トーン

#a8d2bf, #abd1c0, #afd0c1, #b2cfc1, #b5cec2, #b8ccc3, #bbcbc4, #becac4, #c1c9c5, #c4c8c6

## カラーハーモニー

- 補色: #a8d2bf, #e1bace
- 分裂補色: #a8d2bf, #d4bdde, #e7babb
- 類似色: #a8d2bf, #b8cfae, #a0d2d2
- トライアド: #a8d2bf, #c3c3e8, #e4bdab
- テトラード: #a8d2bf, #a4cee1, #e1bace, #e4bdab
- スクエア: #a8d2bf, #b1c9e9, #e1bace, #dbc3a2
- モノクロマティック: #a8d2bf, #5f8776, #83ac99, #cffae6, #d6ffed

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

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

#a8d2bf はパステル調の 明るいエメラルドです。最も近い名前のある色はパステル調の 明るいエメラルドです。RGBでは rgb(168, 210, 191)、HSLでは hsl(152.86, 31.82%, 74.12%)、OKLCHでは oklch(82.834% 0.05161 165.836) です。

### #a8d2bf に合う色は？

#a8d2bf の補色は #e1bace です。落ち着いた組み合わせにするなら、類似色の #b8cfae と #a0d2d2 を使いましょう。トライアドの組み合わせは #c3c3e8 と #e4bdab です。

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

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

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

#a8d2bf は寒色系の色です。OKLCHでは色相 166度、明度 82.8%、クロマ 0.052 です。