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

#89bef2 はRGBで rgb(137, 190, 242)、OKLCHで oklch(78.399% 0.09309 248.621) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #89bef2 |
| RGB | rgb(137, 190, 242) |
| HSL | hsl(209.71, 80.15%, 74.31%) |
| HSB / HSV | hsv(209.71 43.39% 94.9%) |
| HWB | hwb(209.71 53.73% 5.1%) |
| CMYK | cmyk(43% 21% 0% 5%) |
| Lab | lab(74.74 -7.81 -31.76) |
| LCH | lch(74.74 32.7 256.19) |
| OKLab | oklab(78.399% -0.03394 -0.08669) |
| OKLCH | oklch(78.399% 0.09309 248.621) |
| Display P3 | color(display-p3 0.58131 0.73938 0.93094) |
| Rec. 2020 | color(rec2020 0.59914 0.70606 0.91957) |
| Adobe RGB | color(a98-rgb 0.60035 0.73948 0.9399) |
| ProPhoto RGB | color(prophoto-rgb 0.62346 0.67993 0.90363) |
| 線形sRGB | color(srgb-linear 0.25016 0.51492 0.88792) |
| XYZ D65 | color(xyz-d65 0.44754 0.48555 0.91021) |
| XYZ D50 | color(xyz-d50 0.43445 0.47862 0.68754) |
| SwiftUI | Color(red: 0.537, green: 0.745, blue: 0.949) |
| UIKit | UIColor(red: 0.537, green: 0.745, blue: 0.949, alpha: 1) |
| Flutter / Compose | Color(0xFF89BEF2) |
| Android XML | #89BEF2 |

## 基本情報

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

## ティント

#89bef2, #95c5f4, #a1cbf5, #add2f7, #b9d8f8, #c4dffa, #d0e5fb, #dcecfc, #e7f2fd, #f3f9fe

## シェード

#89bef2, #76a5d2, #648cb4, #537596, #425e79, #31485e, #223343, #141f2b, #070d14, #010203

## トーン

#89bef2, #8ebeec, #93bde7, #98bde1, #9dbcdb, #a2bcd6, #a7bbd0, #abbbca, #b0bac4, #b4b9be

## カラーハーモニー

- 補色: #89bef2, #e0ae76
- 分裂補色: #89bef2, #eda48d, #c8ba73
- 類似色: #89bef2, #6ec7e1, #abb3f4
- トライアド: #89bef2, #eda0ac, #a7c584
- テトラード: #89bef2, #caa9e7, #e0ae76, #a7c584
- スクエア: #89bef2, #e1a2cd, #e0ae76, #83cba3
- モノクロマティック: #89bef2, #4174a4, #6498ca, #bbe4ff, #e3f8ff

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

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

#89bef2 は鮮やかな 明るい青です。最も近い名前のある色は鮮やかな 明るい青です。RGBでは rgb(137, 190, 242)、HSLでは hsl(209.71, 80.15%, 74.31%)、OKLCHでは oklch(78.399% 0.09309 248.621) です。

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

#89bef2 の補色は #e0ae76 です。落ち着いた組み合わせにするなら、類似色の #6ec7e1 と #abb3f4 を使いましょう。トライアドの組み合わせは #eda0ac と #a7c584 です。

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

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

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

#89bef2 は寒色系の色です。OKLCHでは色相 249度、明度 78.4%、クロマ 0.093 です。