# カラーコード #90a2ef：鮮やかな 明るいインディゴ

#90a2ef はRGBで rgb(144, 162, 239)、OKLCHで oklch(72.883% 0.11389 273.233) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/90a2ef

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #90a2ef |
| RGB | rgb(144, 162, 239) |
| HSL | hsl(228.63, 74.8%, 75.1%) |
| HSB / HSV | hsv(228.63 39.75% 93.73%) |
| HWB | hwb(228.63 56.47% 6.27%) |
| CMYK | cmyk(40% 32% 0% 6%) |
| Lab | lab(67.53 7.9 -41.2) |
| LCH | lch(67.53 41.95 280.85) |
| OKLab | oklab(72.883% 0.00642 -0.11371) |
| OKLCH | oklch(72.883% 0.11389 273.233) |
| Display P3 | color(display-p3 0.57805 0.63311 0.91471) |
| Rec. 2020 | color(rec2020 0.56941 0.59599 0.90022) |
| Adobe RGB | color(a98-rgb 0.58049 0.62945 0.92503) |
| ProPhoto RGB | color(prophoto-rgb 0.59118 0.57328 0.87987) |
| 線形sRGB | color(srgb-linear 0.27889 0.36131 0.86316) |
| XYZ D65 | color(xyz-d65 0.39999 0.38001 0.86892) |
| XYZ D50 | color(xyz-d50 0.38427 0.37339 0.65534) |
| SwiftUI | Color(red: 0.565, green: 0.635, blue: 0.937) |
| UIKit | UIColor(red: 0.565, green: 0.635, blue: 0.937, alpha: 1) |
| Flutter / Compose | Color(0xFF90A2EF) |
| Android XML | #90A2EF |

## 基本情報

- 最も近い色名: 鮮やかな 明るいインディゴ
- 色相の系統: インディゴ, 鮮やかな 明るいインディゴ
- 最も近いTailwindクラス: indigo-300
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 2.44:1
- 黒とのコントラスト: 8.6:1

## ティント

#90a2ef, #9aabf1, #a5b5f3, #b0bef5, #bbc7f7, #c6d1f9, #d1dafa, #dce3fc, #e8ecfd, #f3f6fe

## シェード

#90a2ef, #7d8cd0, #6a77b1, #576394, #454f78, #343c5c, #242a42, #15192a, #070a14, #010103

## トーン

#90a2ef, #92a3e8, #94a4e1, #97a4da, #99a5d3, #9ba6cc, #9ea6c5, #a0a6bd, #a2a7b6, #a5a7af

## カラーハーモニー

- 補色: #90a2ef, #c0a64b
- 分裂補色: #90a2ef, #da9757, #9ab360
- 類似色: #90a2ef, #63afe9, #b695e2
- トライアド: #90a2ef, #e68c78, #6bbc85
- テトラード: #90a2ef, #d28cc6, #c0a64b, #6bbc85
- スクエア: #90a2ef, #e388a0, #c0a64b, #3cbeae
- モノクロマティック: #90a2ef, #4c59a0, #6d7dc7, #b9caff, #edf4ff

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

### #90a2ef は何色ですか？

#90a2ef は鮮やかな 明るいインディゴです。最も近い名前のある色は鮮やかな 明るいインディゴです。RGBでは rgb(144, 162, 239)、HSLでは hsl(228.63, 74.8%, 75.1%)、OKLCHでは oklch(72.883% 0.11389 273.233) です。

### #90a2ef に合う色は？

#90a2ef の補色は #c0a64b です。落ち着いた組み合わせにするなら、類似色の #63afe9 と #b695e2 を使いましょう。トライアドの組み合わせは #e68c78 と #6bbc85 です。

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

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

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

#90a2ef は寒色系の色です。OKLCHでは色相 273度、明度 72.9%、クロマ 0.114 です。