# カラーコード #8fbef0：鮮やかな 明るい青

#8fbef0 はRGBで rgb(143, 190, 240)、OKLCHで oklch(78.657% 0.08737 250.512) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #8fbef0 |
| RGB | rgb(143, 190, 240) |
| HSL | hsl(210.93, 76.38%, 75.1%) |
| HSB / HSV | hsv(210.93 40.42% 94.12%) |
| HWB | hwb(210.93 56.08% 5.88%) |
| CMYK | cmyk(40% 21% 0% 6%) |
| Lab | lab(75.02 -6.58 -30.22) |
| LCH | lch(75.02 30.93 257.71) |
| OKLab | oklab(78.657% -0.02915 -0.08237) |
| OKLCH | oklch(78.657% 0.08737 250.512) |
| Display P3 | color(display-p3 0.59896 0.73991 0.92382) |
| Rec. 2020 | color(rec2020 0.61163 0.70715 0.9117) |
| Adobe RGB | color(a98-rgb 0.61484 0.73948 0.93209) |
| ProPhoto RGB | color(prophoto-rgb 0.63204 0.6814 0.89522) |
| 線形sRGB | color(srgb-linear 0.27468 0.51492 0.87137) |
| XYZ D65 | color(xyz-d65 0.45467 0.48957 0.89495) |
| XYZ D50 | color(xyz-d50 0.44277 0.48307 0.67606) |
| SwiftUI | Color(red: 0.561, green: 0.745, blue: 0.941) |
| UIKit | UIColor(red: 0.561, green: 0.745, blue: 0.941, alpha: 1) |
| Flutter / Compose | Color(0xFF8FBEF0) |
| Android XML | #8FBEF0 |

## 基本情報

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

## ティント

#8fbef0, #9ac5f2, #a5cbf4, #b1d2f5, #bcd8f7, #c7dff8, #d2e5fa, #ddecfb, #e9f2fd, #f4f9fe

## シェード

#8fbef0, #7ca5d1, #698cb2, #577595, #455e78, #34485d, #243343, #151f2a, #070d14, #010203

## トーン

#8fbef0, #94beeb, #98bde5, #9dbde0, #a1bddb, #a5bcd5, #a9bcd0, #adbbca, #b1bbc5, #b5babf

## カラーハーモニー

- 補色: #8fbef0, #deb07b
- 分裂補色: #8fbef0, #eba78f, #c6bb79
- 類似色: #8fbef0, #76c7e1, #aeb4f1
- トライアド: #8fbef0, #eba2ac, #a6c58a
- テトラード: #8fbef0, #cbaae3, #deb07b, #a6c58a
- スクエア: #8fbef0, #e0a4cb, #deb07b, #86cba7
- モノクロマティック: #8fbef0, #4874a2, #6b98c8, #bfe4ff, #e4f8ff

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

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

#8fbef0 は鮮やかな 明るい青です。最も近い名前のある色は鮮やかな 明るい青です。RGBでは rgb(143, 190, 240)、HSLでは hsl(210.93, 76.38%, 75.1%)、OKLCHでは oklch(78.657% 0.08737 250.512) です。

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

#8fbef0 の補色は #deb07b です。落ち着いた組み合わせにするなら、類似色の #76c7e1 と #aeb4f1 を使いましょう。トライアドの組み合わせは #eba2ac と #a6c58a です。

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

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

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

#8fbef0 は寒色系の色です。OKLCHでは色相 251度、明度 78.7%、クロマ 0.087 です。