# カラーコード #a2baee：やわらかな 明るい青

#a2baee はRGBで rgb(162, 186, 238)、OKLCHで oklch(78.938% 0.07899 265.35) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #a2baee |
| RGB | rgb(162, 186, 238) |
| HSL | hsl(221.05, 69.09%, 78.43%) |
| HSB / HSV | hsv(221.05 31.93% 93.33%) |
| HWB | hwb(221.05 63.53% 6.67%) |
| CMYK | cmyk(32% 22% 0% 7%) |
| Lab | lab(75.09 0.58 -28.91) |
| LCH | lch(75.09 28.91 271.15) |
| OKLab | oklab(78.938% -0.0064 -0.07873) |
| OKLCH | oklch(78.938% 0.07899 265.35) |
| Display P3 | color(display-p3 0.6533 0.72654 0.91638) |
| Rec. 2020 | color(rec2020 0.649 0.69536 0.90325) |
| Adobe RGB | color(a98-rgb 0.65795 0.72367 0.92379) |
| ProPhoto RGB | color(prophoto-rgb 0.66014 0.67167 0.88576) |
| 線形sRGB | color(srgb-linear 0.36131 0.49102 0.85499) |
| XYZ D65 | color(xyz-d65 0.47889 0.48971 0.87821) |
| XYZ D50 | color(xyz-d50 0.469 0.48422 0.66325) |
| SwiftUI | Color(red: 0.635, green: 0.729, blue: 0.933) |
| UIKit | UIColor(red: 0.635, green: 0.729, blue: 0.933, alpha: 1) |
| Flutter / Compose | Color(0xFFA2BAEE) |
| Android XML | #A2BAEE |

## 基本情報

- 最も近い色名: やわらかな 明るい青
- 色相の系統: 青, やわらかな 明るい青
- 最も近いTailwindクラス: blue-300
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 1.95:1
- 黒とのコントラスト: 10.79:1

## ティント

#a2baee, #abc1f0, #b4c8f2, #bdcff4, #c6d6f6, #d0dcf7, #d9e3f9, #e2eafb, #ecf1fc, #f5f8fe

## シェード

#a2baee, #8ca1cf, #7789b1, #637293, #4f5c77, #3c465c, #2a3242, #191e2a, #0a0d14, #010203

## トーン

#a2baee, #a4bae9, #a7bae4, #a9badf, #acbada, #aebad5, #b1bacf, #b3baca, #b5bac5, #b8bac0

## カラーハーモニー

- 補色: #a2baee, #d1b77f
- 分裂補色: #a2baee, #e3ad8a, #b8c186
- 類似色: #a2baee, #88c3e6, #beb1e8
- トライアド: #a2baee, #e9a7a1, #9bc89c
- テトラード: #a2baee, #d5a9d6, #d1b77f, #9bc89c
- スクエア: #a2baee, #e4a6bc, #d1b77f, #82cbb8
- モノクロマティック: #a2baee, #5b70a0, #7e94c6, #cde1ff, #eaf5ff

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

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

#a2baee はやわらかな 明るい青です。最も近い名前のある色はやわらかな 明るい青です。RGBでは rgb(162, 186, 238)、HSLでは hsl(221.05, 69.09%, 78.43%)、OKLCHでは oklch(78.938% 0.07899 265.35) です。

### #a2baee に合う色は？

#a2baee の補色は #d1b77f です。落ち着いた組み合わせにするなら、類似色の #88c3e6 と #beb1e8 を使いましょう。トライアドの組み合わせは #e9a7a1 と #9bc89c です。

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

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

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

#a2baee は寒色系の色です。OKLCHでは色相 265度、明度 78.9%、クロマ 0.079 です。