# カラーコード #8fbbd2：スモーキーな 明るい空色

#8fbbd2 はRGBで rgb(143, 187, 210)、OKLCHで oklch(76.848% 0.05721 231.189) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #8fbbd2 |
| RGB | rgb(143, 187, 210) |
| HSL | hsl(200.6, 42.68%, 69.22%) |
| HSB / HSV | hsv(200.6 31.9% 82.35%) |
| HWB | hwb(200.6 56.08% 17.65%) |
| CMYK | cmyk(32% 11% 0% 18%) |
| Lab | lab(73.31 -11.03 -16.63) |
| LCH | lch(73.31 19.96 236.46) |
| OKLab | oklab(76.848% -0.03586 -0.04458) |
| OKLCH | oklch(76.848% 0.05721 231.189) |
| Display P3 | color(display-p3 0.59621 0.72844 0.8138) |
| Rec. 2020 | color(rec2020 0.59821 0.69319 0.79072) |
| Adobe RGB | color(a98-rgb 0.61065 0.72762 0.81541) |
| ProPhoto RGB | color(prophoto-rgb 0.6011 0.66454 0.76737) |
| 線形sRGB | color(srgb-linear 0.27468 0.49693 0.64448) |
| XYZ D65 | color(xyz-d65 0.40729 0.46032 0.67714) |
| XYZ D50 | color(xyz-d50 0.40338 0.45643 0.51229) |
| SwiftUI | Color(red: 0.561, green: 0.733, blue: 0.824) |
| UIKit | UIColor(red: 0.561, green: 0.733, blue: 0.824, alpha: 1) |
| Flutter / Compose | Color(0xFF8FBBD2) |
| Android XML | #8FBBD2 |

## 基本情報

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

## ティント

#8fbbd2, #9ac2d7, #a5c8db, #b1cfe0, #bcd6e4, #c7dde9, #d2e4ed, #ddeaf2, #e8f1f6, #f4f8fb

## シェード

#8fbbd2, #7ca2b6, #698a9b, #577381, #455c68, #344650, #243239, #151f24, #070d10, #010202

## トーン

#8fbbd2, #93bacf, #97bacc, #9bb9c9, #9fb8c6, #a2b8c3, #a6b7c0, #a9b6bd, #adb5ba, #b0b4b7

## カラーハーモニー

- 補色: #8fbbd2, #d2aa93
- 分裂補色: #8fbbd2, #d6a6a4, #c7b18b
- 類似色: #8fbbd2, #88bfc3, #a0b5d9
- トライアド: #8fbbd2, #d1a5b8, #b5b88e
- テトラード: #8fbbd2, #b3aed6, #d2aa93, #b5b88e
- スクエア: #8fbbd2, #c5a8ca, #d2aa93, #a0bd9b
- モノクロマティック: #8fbbd2, #487287, #6b96ac, #b5e2fa, #d9fbff

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

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

#8fbbd2 はスモーキーな 明るい空色です。最も近い名前のある色はスモーキーな 明るい空色です。RGBでは rgb(143, 187, 210)、HSLでは hsl(200.6, 42.68%, 69.22%)、OKLCHでは oklch(76.848% 0.05721 231.189) です。

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

#8fbbd2 の補色は #d2aa93 です。落ち着いた組み合わせにするなら、類似色の #88bfc3 と #a0b5d9 を使いましょう。トライアドの組み合わせは #d1a5b8 と #b5b88e です。

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

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

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

#8fbbd2 は寒色系の色です。OKLCHでは色相 231度、明度 76.8%、クロマ 0.057 です。