# カラーコード #89a6ea：鮮やかな 明るい青

#89a6ea はRGBで rgb(137, 166, 234)、OKLCHで oklch(72.999% 0.10451 266.158) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/89a6ea

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #89a6ea |
| RGB | rgb(137, 166, 234) |
| HSL | hsl(222.06, 69.78%, 72.75%) |
| HSB / HSV | hsv(222.06 41.45% 91.76%) |
| HWB | hwb(222.06 53.73% 8.24%) |
| CMYK | cmyk(41% 29% 0% 8%) |
| Lab | lab(67.94 2.72 -37.89) |
| LCH | lch(67.94 37.98 274.11) |
| OKLab | oklab(72.999% -0.007 -0.10428) |
| OKLCH | oklch(72.999% 0.10451 266.158) |
| Display P3 | color(display-p3 0.55963 0.64761 0.89677) |
| Rec. 2020 | color(rec2020 0.5573 0.60965 0.88061) |
| Adobe RGB | color(a98-rgb 0.56736 0.64508 0.90588) |
| ProPhoto RGB | color(prophoto-rgb 0.579 0.58491 0.85933) |
| 線形sRGB | color(srgb-linear 0.25016 0.38133 0.82279) |
| XYZ D65 | color(xyz-d65 0.38802 0.3853 0.83237) |
| XYZ D50 | color(xyz-d50 0.37368 0.3789 0.62805) |
| SwiftUI | Color(red: 0.537, green: 0.651, blue: 0.918) |
| UIKit | UIColor(red: 0.537, green: 0.651, blue: 0.918, alpha: 1) |
| Flutter / Compose | Color(0xFF89A6EA) |
| Android XML | #89A6EA |

## 基本情報

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

## ティント

#89a6ea, #94afed, #a0b8ef, #abc1f2, #b7caf4, #c3d3f6, #cfdbf8, #dae4fa, #e7edfc, #f3f6fd

## シェード

#89a6ea, #7690cb, #647aae, #536591, #425175, #313e5a, #222b41, #141a29, #070a13, #010103

## トーン

#89a6ea, #8ca6e4, #8fa7dd, #92a7d7, #95a7d0, #98a8c9, #9ba8c3, #9ea8bc, #a1a8b5, #a5a8ae

## カラーハーモニー

- 補色: #89a6ea, #c5a355
- 分裂補色: #89a6ea, #da9665, #a4b061
- 類似色: #89a6ea, #61b2e1, #ae9ae2
- トライアド: #89a6ea, #e28d85, #7bba80
- テトラード: #89a6ea, #ca90cb, #c5a355, #7bba80
- スクエア: #89a6ea, #dc8caa, #c5a355, #53bda5
- モノクロマティック: #89a6ea, #445d9c, #6681c2, #b1cdff, #eaf5ff

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

### #89a6ea は何色ですか？

#89a6ea は鮮やかな 明るい青です。最も近い名前のある色は鮮やかな 明るい青です。RGBでは rgb(137, 166, 234)、HSLでは hsl(222.06, 69.78%, 72.75%)、OKLCHでは oklch(72.999% 0.10451 266.158) です。

### #89a6ea に合う色は？

#89a6ea の補色は #c5a355 です。落ち着いた組み合わせにするなら、類似色の #61b2e1 と #ae9ae2 を使いましょう。トライアドの組み合わせは #e28d85 と #7bba80 です。

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

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

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

#89a6ea は寒色系の色です。OKLCHでは色相 266度、明度 73%、クロマ 0.105 です。