# カラーコード #89aed6：スモーキーな 明るい青

#89aed6 はRGBで rgb(137, 174, 214)、OKLCHで oklch(73.817% 0.07087 250.764) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #89aed6 |
| RGB | rgb(137, 174, 214) |
| HSL | hsl(211.17, 48.43%, 68.82%) |
| HSB / HSV | hsv(211.17 35.98% 83.92%) |
| HWB | hwb(211.17 53.73% 16.08%) |
| CMYK | cmyk(36% 19% 0% 16%) |
| Lab | lab(69.46 -5.58 -24.65) |
| LCH | lch(69.46 25.27 257.24) |
| OKLab | oklab(73.817% -0.02335 -0.06691) |
| OKLCH | oklch(73.817% 0.07087 250.764) |
| Display P3 | color(display-p3 0.56655 0.67817 0.82507) |
| Rec. 2020 | color(rec2020 0.56404 0.64002 0.80225) |
| Adobe RGB | color(a98-rgb 0.57796 0.67642 0.82908) |
| ProPhoto RGB | color(prophoto-rgb 0.57271 0.61205 0.77769) |
| 線形sRGB | color(srgb-linear 0.25016 0.42327 0.67244) |
| XYZ D65 | color(xyz-d65 0.37588 0.40445 0.69447) |
| XYZ D50 | color(xyz-d50 0.36832 0.39986 0.52477) |
| SwiftUI | Color(red: 0.537, green: 0.682, blue: 0.839) |
| UIKit | UIColor(red: 0.537, green: 0.682, blue: 0.839, alpha: 1) |
| Flutter / Compose | Color(0xFF89AED6) |
| Android XML | #89AED6 |

## 基本情報

- 最も近い色名: スモーキーな 明るい青
- 色相の系統: 青, スモーキーな 明るい青
- 最も近いTailwindクラス: slate-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 2.31:1
- 黒とのコントラスト: 9.09:1

## ティント

#89aed6, #95b6da, #a0bedf, #acc6e3, #b8cee7, #c3d6eb, #cfdeef, #dbe6f3, #e7eff7, #f3f7fb

## シェード

#89aed6, #7697ba, #64809e, #536a84, #42556a, #314152, #222e3b, #141c25, #070b10, #010102

## トーン

#89aed6, #8daed2, #90adcd, #93adc9, #97adc5, #9aacc0, #9dacbc, #a1acb8, #a4abb3, #a7abaf

## カラーハーモニー

- 補色: #89aed6, #c7a379
- 分裂補色: #89aed6, #d29c88, #b4ac78
- 類似色: #89aed6, #76b5ca, #a2a6d7
- トライアド: #89aed6, #d3989f, #9bb485
- テトラード: #89aed6, #b99ecc, #c7a379, #9bb485
- スクエア: #89aed6, #ca99b8, #c7a379, #82b99c
- モノクロマティック: #89aed6, #43668a, #6589af, #aed5fe, #e4f8ff

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

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

#89aed6 はスモーキーな 明るい青です。最も近い名前のある色はスモーキーな 明るい青です。RGBでは rgb(137, 174, 214)、HSLでは hsl(211.17, 48.43%, 68.82%)、OKLCHでは oklch(73.817% 0.07087 250.764) です。

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

#89aed6 の補色は #c7a379 です。落ち着いた組み合わせにするなら、類似色の #76b5ca と #a2a6d7 を使いましょう。トライアドの組み合わせは #d3989f と #9bb485 です。

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

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

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

#89aed6 は寒色系の色です。OKLCHでは色相 251度、明度 73.8%、クロマ 0.071 です。