# カラーコード #8ea5cd：スモーキーな 明るい青

#8ea5cd はRGBで rgb(142, 165, 205)、OKLCHで oklch(71.863% 0.06406 261.405) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/8ea5cd

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #8ea5cd |
| RGB | rgb(142, 165, 205) |
| HSL | hsl(218.1, 38.65%, 68.04%) |
| HSB / HSV | hsv(218.1 30.73% 80.39%) |
| HWB | hwb(218.1 55.69% 19.61%) |
| CMYK | cmyk(31% 20% 0% 20%) |
| Lab | lab(67.05 -1.22 -23.34) |
| LCH | lch(67.05 23.37 267.01) |
| OKLab | oklab(71.863% -0.00957 -0.06334) |
| OKLCH | oklch(71.863% 0.06406 261.405) |
| Display P3 | color(display-p3 0.57421 0.64432 0.79043) |
| Rec. 2020 | color(rec2020 0.55906 0.60484 0.76389) |
| Adobe RGB | color(a98-rgb 0.57897 0.64117 0.79324) |
| ProPhoto RGB | color(prophoto-rgb 0.56093 0.57771 0.73689) |
| 線形sRGB | color(srgb-linear 0.2705 0.37626 0.6105) |
| XYZ D65 | color(xyz-d65 0.35628 0.37068 0.63037) |
| XYZ D50 | color(xyz-d50 0.35022 0.36693 0.47625) |
| SwiftUI | Color(red: 0.557, green: 0.647, blue: 0.804) |
| UIKit | UIColor(red: 0.557, green: 0.647, blue: 0.804, alpha: 1) |
| Flutter / Compose | Color(0xFF8EA5CD) |
| Android XML | #8EA5CD |

## 基本情報

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

## ティント

#8ea5cd, #99aed2, #a4b7d7, #afc0dc, #bac8e1, #c5d1e6, #d1daeb, #dce4f0, #e8edf5, #f3f6fa

## シェード

#8ea5cd, #7b8fb2, #687998, #56657e, #445166, #343d4e, #242b38, #151a23, #070a0f, #010102

## トーン

#8ea5cd, #90a5c9, #93a5c5, #95a5c1, #97a5bd, #99a5b9, #9ba5b5, #9ea5b1, #a0a4ac, #a2a4a8

## カラーハーモニー

- 補色: #8ea5cd, #b9a176
- 分裂補色: #8ea5cd, #c59980, #a5a97a
- 類似色: #8ea5cd, #7bacc5, #a49eca
- トライアド: #8ea5cd, #c99593, #8eaf89
- テトラード: #8ea5cd, #b797bd, #b9a176, #8eaf89
- スクエア: #8ea5cd, #c494a9, #b9a176, #7bb29f
- モノクロマティック: #8ea5cd, #495d82, #6a80a7, #b3cbf5, #e3f2ff

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

### #8ea5cd は何色ですか？

#8ea5cd はスモーキーな 明るい青です。最も近い名前のある色はスモーキーな 明るい青です。RGBでは rgb(142, 165, 205)、HSLでは hsl(218.1, 38.65%, 68.04%)、OKLCHでは oklch(71.863% 0.06406 261.405) です。

### #8ea5cd に合う色は？

#8ea5cd の補色は #b9a176 です。落ち着いた組み合わせにするなら、類似色の #7bacc5 と #a49eca を使いましょう。トライアドの組み合わせは #c99593 と #8eaf89 です。

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

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

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

#8ea5cd は寒色系の色です。OKLCHでは色相 261度、明度 71.9%、クロマ 0.064 です。