# カラーコード #8da7df：やわらかな 明るい青

#8da7df はRGBで rgb(141, 167, 223)、OKLCHで oklch(72.971% 0.08686 265.069) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #8da7df |
| RGB | rgb(141, 167, 223) |
| HSL | hsl(220.98, 56.16%, 71.37%) |
| HSB / HSV | hsv(220.98 36.77% 87.45%) |
| HWB | hwb(220.98 55.29% 12.55%) |
| CMYK | cmyk(37% 25% 0% 13%) |
| Lab | lab(68.1 1.03 -31.62) |
| LCH | lch(68.1 31.64 271.87) |
| OKLab | oklab(72.971% -0.00747 -0.08654) |
| OKLCH | oklch(72.971% 0.08686 265.069) |
| Display P3 | color(display-p3 0.57276 0.65184 0.85669) |
| Rec. 2020 | color(rec2020 0.56483 0.61373 0.83654) |
| Adobe RGB | color(a98-rgb 0.57891 0.64899 0.86312) |
| ProPhoto RGB | color(prophoto-rgb 0.57756 0.58803 0.81279) |
| 線形sRGB | color(srgb-linear 0.26636 0.38643 0.73791) |
| XYZ D65 | color(xyz-d65 0.3812 0.38627 0.75262) |
| XYZ D50 | color(xyz-d50 0.37056 0.38102 0.56817) |
| SwiftUI | Color(red: 0.553, green: 0.655, blue: 0.875) |
| UIKit | UIColor(red: 0.553, green: 0.655, blue: 0.875, alpha: 1) |
| Flutter / Compose | Color(0xFF8DA7DF) |
| Android XML | #8DA7DF |

## 基本情報

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

## ティント

#8da7df, #98b0e3, #a3b8e6, #aec1e9, #b9caed, #c5d3f0, #d0dcf3, #dce4f6, #e7edf9, #f3f6fc

## シェード

#8da7df, #7a91c2, #677ba5, #55668a, #44526f, #333e56, #232c3d, #141a27, #070a12, #010102

## トーン

#8da7df, #90a7da, #92a7d4, #95a8cf, #98a8c9, #9aa8c4, #9da8be, #a0a8b9, #a2a8b3, #a5a8ad

## カラーハーモニー

- 補色: #8da7df, #c1a466
- 分裂補色: #8da7df, #d39972, #a5ae6e
- 類似色: #8da7df, #6fb1d7, #ab9dd9
- トライアド: #8da7df, #d9928c, #85b686
- テトラード: #8da7df, #c495c6, #c1a466, #85b686
- スクエア: #8da7df, #d491aa, #c1a466, #68baa5
- モノクロマティック: #8da7df, #485f92, #6a82b8, #b2cdff, #eaf5ff

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

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

#8da7df はやわらかな 明るい青です。最も近い名前のある色はやわらかな 明るい青です。RGBでは rgb(141, 167, 223)、HSLでは hsl(220.98, 56.16%, 71.37%)、OKLCHでは oklch(72.971% 0.08686 265.069) です。

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

#8da7df の補色は #c1a466 です。落ち着いた組み合わせにするなら、類似色の #6fb1d7 と #ab9dd9 を使いましょう。トライアドの組み合わせは #d9928c と #85b686 です。

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

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

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

#8da7df は寒色系の色です。OKLCHでは色相 265度、明度 73%、クロマ 0.087 です。