# カラーコード #b2c5ce：くすんだ 明るい空色

#b2c5ce はRGBで rgb(178, 197, 206)、OKLCHで oklch(81.179% 0.02435 227.807) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/b2c5ce

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #b2c5ce |
| RGB | rgb(178, 197, 206) |
| HSL | hsl(199.29, 22.22%, 75.29%) |
| HSB / HSV | hsv(199.29 13.59% 80.78%) |
| HWB | hwb(199.29 69.8% 19.22%) |
| CMYK | cmyk(14% 4% 0% 19%) |
| Lab | lab(78.27 -5.32 -6.84) |
| LCH | lch(78.27 8.67 232.1) |
| OKLab | oklab(81.179% -0.01635 -0.01804) |
| OKLCH | oklch(81.179% 0.02435 227.807) |
| Display P3 | color(display-p3 0.71201 0.77023 0.80363) |
| Rec. 2020 | color(rec2020 0.69808 0.74152 0.78025) |
| Adobe RGB | color(a98-rgb 0.71449 0.76721 0.80155) |
| ProPhoto RGB | color(prophoto-rgb 0.68547 0.71657 0.75805) |
| 線形sRGB | color(srgb-linear 0.4452 0.55834 0.61721) |
| XYZ D65 | color(xyz-d65 0.49464 0.53853 0.66183) |
| XYZ D50 | color(xyz-d50 0.49749 0.53674 0.50115) |
| SwiftUI | Color(red: 0.698, green: 0.773, blue: 0.808) |
| UIKit | UIColor(red: 0.698, green: 0.773, blue: 0.808, alpha: 1) |
| Flutter / Compose | Color(0xFFB2C5CE) |
| Android XML | #B2C5CE |

## 基本情報

- 最も近い色名: くすんだ 明るい空色
- 色相の系統: 空色, くすんだ 明るい空色
- 最も近いTailwindクラス: slate-300
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 1.78:1
- 黒とのコントラスト: 11.77:1

## ティント

#b2c5ce, #bacbd3, #c1d0d8, #c9d6dd, #d0dce1, #d8e2e6, #e0e8eb, #e8edf0, #eff3f5, #f7f9fa

## シェード

#b2c5ce, #9aabb3, #839298, #6d797f, #576166, #434b4e, #2f3538, #1d2123, #0c0e0f, #010202

## トーン

#b2c5ce, #b4c5cd, #b5c4cb, #b7c4ca, #b8c4c9, #bac3c8, #bbc3c6, #bdc2c5, #bec2c4, #c0c2c3

## カラーハーモニー

- 補色: #b2c5ce, #d0bdb4
- 分裂補色: #b2c5ce, #d1bcbc, #cac0b0
- 類似色: #b2c5ce, #b0c7c7, #b8c2d2
- トライアド: #b2c5ce, #cebbc4, #c3c3b1
- テトラード: #b2c5ce, #c0bfd1, #d0bdb4, #c3c3b1
- スクエア: #b2c5ce, #c8bdcc, #d0bdb4, #bac5b6
- モノクロマティック: #b2c5ce, #697b83, #8d9fa8, #d9ecf5, #e5f9ff

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

### #b2c5ce は何色ですか？

#b2c5ce はくすんだ 明るい空色です。最も近い名前のある色はくすんだ 明るい空色です。RGBでは rgb(178, 197, 206)、HSLでは hsl(199.29, 22.22%, 75.29%)、OKLCHでは oklch(81.179% 0.02435 227.807) です。

### #b2c5ce に合う色は？

#b2c5ce の補色は #d0bdb4 です。落ち着いた組み合わせにするなら、類似色の #b0c7c7 と #b8c2d2 を使いましょう。トライアドの組み合わせは #cebbc4 と #c3c3b1 です。

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

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

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

#b2c5ce は寒色系の色です。OKLCHでは色相 228度、明度 81.2%、クロマ 0.024 です。