# カラーコード #c9daeb：くすんだ ごく明るい青

#c9daeb はRGBで rgb(201, 218, 235)、OKLCHで oklch(88.082% 0.0298 248.166) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #c9daeb |
| RGB | rgb(201, 218, 235) |
| HSL | hsl(210, 45.95%, 85.49%) |
| HSB / HSV | hsv(210 14.47% 92.16%) |
| HWB | hwb(210 78.82% 7.84%) |
| CMYK | cmyk(14% 7% 0% 8%) |
| Lab | lab(86.15 -3.36 -10.41) |
| LCH | lch(86.15 10.94 252.13) |
| OKLab | oklab(88.082% -0.01108 -0.02767) |
| OKLCH | oklch(88.082% 0.0298 248.166) |
| Display P3 | color(display-p3 0.80061 0.8528 0.91487) |
| Rec. 2020 | color(rec2020 0.79573 0.83367 0.9035) |
| Adobe RGB | color(a98-rgb 0.80311 0.85089 0.91646) |
| ProPhoto RGB | color(prophoto-rgb 0.79212 0.81584 0.89035) |
| 線形sRGB | color(srgb-linear 0.58408 0.7011 0.83077) |
| XYZ D65 | color(xyz-d65 0.64151 0.68558 0.88453) |
| XYZ D50 | color(xyz-d50 0.64359 0.68293 0.66945) |
| SwiftUI | Color(red: 0.788, green: 0.855, blue: 0.922) |
| UIKit | UIColor(red: 0.788, green: 0.855, blue: 0.922, alpha: 1) |
| Flutter / Compose | Color(0xFFC9DAEB) |
| Android XML | #C9DAEB |

## 基本情報

- 最も近い色名: くすんだ ごく明るい青
- 色相の系統: 青, くすんだ ごく明るい青
- 最も近いTailwindクラス: slate-300
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 1.43:1
- 黒とのコントラスト: 14.71:1

## ティント

#c9daeb, #cedeed, #d4e1ef, #d9e5f1, #dee9f3, #e4ecf5, #e9f0f7, #eff4f9, #f4f8fb, #fafbfd

## シェード

#c9daeb, #aebdcc, #95a2ae, #7c8791, #646c75, #4c545b, #363c41, #222529, #0f1113, #020203

## トーン

#c9daeb, #cadae9, #ccdae7, #cdd9e5, #cfd9e3, #d0d9e1, #d2d9df, #d3d8dd, #d5d8db, #d6d8da

## カラーハーモニー

- 補色: #c9daeb, #e5d5c3
- 分裂補色: #c9daeb, #ead2ca, #ddd8c2
- 類似色: #c9daeb, #c3dde5, #d3d6ec
- トライアド: #c9daeb, #ead0d4, #d2dcc7
- テトラード: #c9daeb, #ddd3e7, #e5d5c3, #d2dcc7
- スクエア: #c9daeb, #e6d1df, #e5d5c3, #c8ded0
- モノクロマティック: #c9daeb, #7f8e9e, #a3b3c4, #e6f7ff, #e6f7ff

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

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

#c9daeb はくすんだ ごく明るい青です。最も近い名前のある色はくすんだ ごく明るい青です。RGBでは rgb(201, 218, 235)、HSLでは hsl(210, 45.95%, 85.49%)、OKLCHでは oklch(88.082% 0.0298 248.166) です。

### #c9daeb に合う色は？

#c9daeb の補色は #e5d5c3 です。落ち着いた組み合わせにするなら、類似色の #c3dde5 と #d3d6ec を使いましょう。トライアドの組み合わせは #ead0d4 と #d2dcc7 です。

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

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

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

#c9daeb は寒色系の色です。OKLCHでは色相 248度、明度 88.1%、クロマ 0.03 です。