# カラーコード #add1ec：パステル調の 明るい空色

#add1ec はRGBで rgb(173, 209, 236)、OKLCHで oklch(84.354% 0.05383 240.695) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #add1ec |
| RGB | rgb(173, 209, 236) |
| HSL | hsl(205.71, 62.38%, 80.2%) |
| HSB / HSV | hsv(205.71 26.69% 92.55%) |
| HWB | hwb(205.71 67.84% 7.45%) |
| CMYK | cmyk(27% 11% 0% 7%) |
| Lab | lab(81.89 -7.82 -17.51) |
| LCH | lch(81.89 19.18 245.92) |
| OKLab | oklab(84.354% -0.02635 -0.04694) |
| OKLCH | oklch(84.354% 0.05383 240.695) |
| Display P3 | color(display-p3 0.70622 0.81543 0.91481) |
| Rec. 2020 | color(rec2020 0.71154 0.79025 0.90287) |
| Adobe RGB | color(a98-rgb 0.71656 0.81494 0.91902) |
| ProPhoto RGB | color(prophoto-rgb 0.7171 0.7679 0.88832) |
| 線形sRGB | color(srgb-linear 0.41789 0.6376 0.8388) |
| XYZ D65 | color(xyz-d65 0.55171 0.6054 0.88138) |
| XYZ D50 | color(xyz-d50 0.54781 0.60091 0.6667) |
| SwiftUI | Color(red: 0.678, green: 0.82, blue: 0.925) |
| UIKit | UIColor(red: 0.678, green: 0.82, blue: 0.925, alpha: 1) |
| Flutter / Compose | Color(0xFFADD1EC) |
| Android XML | #ADD1EC |

## 基本情報

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

## ティント

#add1ec, #b5d6ee, #bddaf0, #c6dff2, #cee3f4, #d6e8f6, #deedf8, #e6f1fa, #eff6fb, #f7fafd

## シェード

#add1ec, #96b5cd, #7f9baf, #6a8192, #556876, #41505b, #2d3942, #1b2329, #0b1013, #010203

## トーン

#add1ec, #b0d1e9, #b3d0e6, #b7d0e2, #bacfdf, #bdcedc, #c0ced9, #c3cdd5, #c6cdd2, #c9cccf

## カラーハーモニー

- 補色: #add1ec, #e7c4a9
- 分裂補色: #add1ec, #edbfb7, #d9cba4
- 類似色: #add1ec, #a3d6e0, #becbf0
- トライアド: #add1ec, #ebbeca, #c6d2ab
- テトラード: #add1ec, #d1c4ea, #e7c4a9, #c6d2ab
- スクエア: #add1ec, #e1bfdc, #e7c4a9, #b3d6ba
- モノクロマティック: #add1ec, #64869f, #88abc5, #dbf8ff, #dff9ff

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

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

#add1ec はパステル調の 明るい空色です。最も近い名前のある色はパステル調の 明るい空色です。RGBでは rgb(173, 209, 236)、HSLでは hsl(205.71, 62.38%, 80.2%)、OKLCHでは oklch(84.354% 0.05383 240.695) です。

### #add1ec に合う色は？

#add1ec の補色は #e7c4a9 です。落ち着いた組み合わせにするなら、類似色の #a3d6e0 と #becbf0 を使いましょう。トライアドの組み合わせは #ebbeca と #c6d2ab です。

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

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

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

#add1ec は寒色系の色です。OKLCHでは色相 241度、明度 84.4%、クロマ 0.054 です。