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

#aee6fa はRGBで rgb(174, 230, 250)、OKLCHで oklch(89.315% 0.06325 221.884) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #aee6fa |
| RGB | rgb(174, 230, 250) |
| HSL | hsl(195.79, 88.37%, 83.14%) |
| HSB / HSV | hsv(195.79 30.4% 98.04%) |
| HWB | hwb(195.79 68.24% 1.96%) |
| CMYK | cmyk(30% 8% 0% 2%) |
| Lab | lab(87.94 -15.05 -15.85) |
| LCH | lch(87.94 21.85 226.48) |
| OKLab | oklab(89.315% -0.04709 -0.04223) |
| OKLCH | oklch(89.315% 0.06325 221.884) |
| Display P3 | color(display-p3 0.7278 0.89578 0.97084) |
| Rec. 2020 | color(rec2020 0.75264 0.87673 0.96609) |
| Adobe RGB | color(a98-rgb 0.74803 0.89903 0.97657) |
| ProPhoto RGB | color(prophoto-rgb 0.76653 0.85842 0.95911) |
| 線形sRGB | color(srgb-linear 0.42327 0.7913 0.95597) |
| XYZ D65 | color(xyz-d65 0.63004 0.72493 1.01118) |
| XYZ D50 | color(xyz-d50 0.62612 0.7194 0.76537) |
| SwiftUI | Color(red: 0.682, green: 0.902, blue: 0.98) |
| UIKit | UIColor(red: 0.682, green: 0.902, blue: 0.98, alpha: 1) |
| Flutter / Compose | Color(0xFFAEE6FA) |
| Android XML | #AEE6FA |

## 基本情報

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

## ティント

#aee6fa, #b7e9fb, #bfebfb, #c7eefc, #cff0fc, #d7f3fd, #dff5fd, #e7f8fe, #effafe, #f7fdff

## シェード

#aee6fa, #97c8d9, #80abba, #6a8e9b, #55737d, #415961, #2e4046, #1c282d, #0b1315, #010303

## トーン

#aee6fa, #b3e5f7, #b8e4f4, #bde3f1, #c2e2ee, #c6e1eb, #cbe0e8, #cfdfe5, #d3dee2, #d7dddf

## カラーハーモニー

- 補色: #aee6fa, #ffcfbc
- 分裂補色: #aee6fa, #ffcbd1, #f7d6ae
- 類似色: #aee6fa, #abeae6, #bedfff
- トライアド: #aee6fa, #facce8, #e4deae
- テトラード: #aee6fa, #d4d7ff, #ffcfbc, #e4deae
- スクエア: #aee6fa, #ead0fb, #ffcfbc, #cde5ba
- モノクロマティック: #aee6fa, #6399ac, #88bfd2, #d2feff, #d2feff

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

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

#aee6fa はパステル調の ごく明るい空色です。最も近い名前のある色はパステル調の ごく明るい空色です。RGBでは rgb(174, 230, 250)、HSLでは hsl(195.79, 88.37%, 83.14%)、OKLCHでは oklch(89.315% 0.06325 221.884) です。

### #aee6fa に合う色は？

#aee6fa の補色は #ffcfbc です。落ち着いた組み合わせにするなら、類似色の #abeae6 と #bedfff を使いましょう。トライアドの組み合わせは #facce8 と #e4deae です。

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

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

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

#aee6fa は寒色系の色です。OKLCHでは色相 222度、明度 89.3%、クロマ 0.063 です。