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

#abebd4 はRGBで rgb(171, 235, 212)、OKLCHで oklch(89.059% 0.07202 170.388) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #abebd4 |
| RGB | rgb(171, 235, 212) |
| HSL | hsl(158.44, 61.54%, 79.61%) |
| HSB / HSV | hsv(158.44 27.23% 92.16%) |
| HWB | hwb(158.44 67.06% 7.84%) |
| CMYK | cmyk(27% 0% 10% 8%) |
| Lab | lab(88.26 -24.51 4.37) |
| LCH | lch(88.26 24.89 169.89) |
| OKLab | oklab(89.059% -0.07101 0.01203) |
| OKLCH | oklch(89.059% 0.07202 170.388) |
| Display P3 | color(display-p3 0.72367 0.91465 0.83595) |
| Rec. 2020 | color(rec2020 0.74589 0.89472 0.81837) |
| Adobe RGB | color(a98-rgb 0.74789 0.91915 0.83095) |
| ProPhoto RGB | color(prophoto-rgb 0.74055 0.8737 0.80346) |
| 線形sRGB | color(srgb-linear 0.40724 0.83077 0.65837) |
| XYZ D65 | color(xyz-d65 0.58384 0.72827 0.7327) |
| XYZ D50 | color(xyz-d50 0.59176 0.72609 0.55647) |
| SwiftUI | Color(red: 0.671, green: 0.922, blue: 0.831) |
| UIKit | UIColor(red: 0.671, green: 0.922, blue: 0.831, alpha: 1) |
| Flutter / Compose | Color(0xFFABEBD4) |
| Android XML | #ABEBD4 |

## 基本情報

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

## ティント

#abebd4, #b4edd8, #bdefdc, #c5f1e1, #cef3e5, #d6f5e9, #dff7ee, #e7f9f2, #effbf6, #f7fdfb

## シェード

#abebd4, #94ccb8, #7eae9d, #689183, #547569, #405b51, #2d413a, #1b2924, #0b1310, #010302

## トーン

#abebd4, #b0e9d5, #b6e8d5, #bbe6d6, #c0e5d7, #c4e3d7, #c9e1d8, #cee0d9, #d2ded9, #d6dcda

## カラーハーモニー

- 補色: #abebd4, #ffc8e1
- 分裂補色: #abebd4, #f1ccf9, #ffc9c7
- 類似色: #abebd4, #c2e7bb, #a1eaee
- トライアド: #abebd4, #dad3ff, #ffceb1
- テトラード: #abebd4, #aae5ff, #ffc8e1, #ffceb1
- スクエア: #abebd4, #c0dcff, #ffc8e1, #f4d7a5
- モノクロマティック: #abebd4, #609e89, #85c4ae, #c5ffee, #c5ffee

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

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

#abebd4 はパステル調の ごく明るいエメラルドです。最も近い名前のある色はパステル調の ごく明るいエメラルドです。RGBでは rgb(171, 235, 212)、HSLでは hsl(158.44, 61.54%, 79.61%)、OKLCHでは oklch(89.059% 0.07202 170.388) です。

### #abebd4 に合う色は？

#abebd4 の補色は #ffc8e1 です。落ち着いた組み合わせにするなら、類似色の #c2e7bb と #a1eaee を使いましょう。トライアドの組み合わせは #dad3ff と #ffceb1 です。

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

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

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

#abebd4 は寒色系の色です。OKLCHでは色相 170度、明度 89.1%、クロマ 0.072 です。