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

#a2dffa はRGBで rgb(162, 223, 250)、OKLCHで oklch(87.146% 0.07225 227.187) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #a2dffa |
| RGB | rgb(162, 223, 250) |
| HSL | hsl(198.41, 89.8%, 80.78%) |
| HSB / HSV | hsv(198.41 35.2% 98.04%) |
| HWB | hwb(198.41 63.53% 1.96%) |
| CMYK | cmyk(35% 11% 0% 2%) |
| Lab | lab(85.37 -15.23 -19.76) |
| LCH | lch(85.37 24.95 232.38) |
| OKLab | oklab(87.146% -0.0491 -0.053) |
| OKLCH | oklch(87.146% 0.07225 227.187) |
| Display P3 | color(display-p3 0.6859 0.86792 0.96859) |
| Rec. 2020 | color(rec2020 0.71341 0.84559 0.96315) |
| Adobe RGB | color(a98-rgb 0.70845 0.87092 0.97554) |
| ProPhoto RGB | color(prophoto-rgb 0.73123 0.8248 0.9549) |
| 線形sRGB | color(srgb-linear 0.36131 0.73791 0.95597) |
| XYZ D65 | color(xyz-d65 0.5854 0.67357 1.00362) |
| XYZ D50 | color(xyz-d50 0.57854 0.66734 0.75933) |
| SwiftUI | Color(red: 0.635, green: 0.875, blue: 0.98) |
| UIKit | UIColor(red: 0.635, green: 0.875, blue: 0.98, alpha: 1) |
| Flutter / Compose | Color(0xFFA2DFFA) |
| Android XML | #A2DFFA |

## 基本情報

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

## ティント

#a2dffa, #ace2fb, #b6e6fb, #bfe9fc, #c8ecfc, #d2effd, #dbf2fd, #e4f6fe, #edf9fe, #f6fcff

## シェード

#a2dffa, #8cc2d9, #77a5ba, #638a9b, #4f6f7d, #3c5661, #2a3d46, #19272d, #0a1215, #010203

## トーン

#a2dffa, #a8def6, #adddf3, #b3dcef, #b8dbeb, #bddae7, #c2d9e4, #c7d8e0, #cbd7dc, #d0d6d8

## カラーハーモニー

- 補色: #a2dffa, #fec7ac
- 分裂補色: #a2dffa, #ffc2c4, #f0cf9f
- 類似色: #a2dffa, #9be4e5, #b7d7ff
- トライアド: #a2dffa, #f9c2de, #d9d9a1
- テトラード: #a2dffa, #d1ceff, #fec7ac, #d9d9a1
- スクエア: #a2dffa, #e9c7f5, #fec7ac, #bfe0b2
- モノクロマティック: #a2dffa, #5893ac, #7cb8d2, #d6fcff, #d6fcff

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

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

#a2dffa はパステル調の ごく明るい空色です。最も近い名前のある色はパステル調の ごく明るい空色です。RGBでは rgb(162, 223, 250)、HSLでは hsl(198.41, 89.8%, 80.78%)、OKLCHでは oklch(87.146% 0.07225 227.187) です。

### #a2dffa に合う色は？

#a2dffa の補色は #fec7ac です。落ち着いた組み合わせにするなら、類似色の #9be4e5 と #b7d7ff を使いましょう。トライアドの組み合わせは #f9c2de と #d9d9a1 です。

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

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

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

#a2dffa は寒色系の色です。OKLCHでは色相 227度、明度 87.1%、クロマ 0.072 です。