# カラーコード #b9dfec：パステル調の ごく明るい空色

#b9dfec はRGBで rgb(185, 223, 236)、OKLCHで oklch(88.055% 0.04365 220.571) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #b9dfec |
| RGB | rgb(185, 223, 236) |
| HSL | hsl(195.29, 57.3%, 82.55%) |
| HSB / HSV | hsv(195.29 21.61% 92.55%) |
| HWB | hwb(195.29 72.55% 7.45%) |
| CMYK | cmyk(22% 6% 0% 7%) |
| Lab | lab(86.39 -10.79 -10.73) |
| LCH | lch(86.39 15.21 224.84) |
| OKLab | oklab(88.055% -0.03316 -0.02839) |
| OKLCH | oklch(88.055% 0.04365 220.571) |
| Display P3 | color(display-p3 0.7548 0.87009 0.91896) |
| Rec. 2020 | color(rec2020 0.76348 0.84988 0.90836) |
| Adobe RGB | color(a98-rgb 0.76647 0.87092 0.9211) |
| ProPhoto RGB | color(prophoto-rgb 0.7656 0.83054 0.89619) |
| 線形sRGB | color(srgb-linear 0.48515 0.73791 0.8388) |
| XYZ D65 | color(xyz-d65 0.61532 0.69145 0.89464) |
| XYZ D50 | color(xyz-d50 0.61578 0.68779 0.67738) |
| SwiftUI | Color(red: 0.725, green: 0.875, blue: 0.925) |
| UIKit | UIColor(red: 0.725, green: 0.875, blue: 0.925, alpha: 1) |
| Flutter / Compose | Color(0xFFB9DFEC) |
| Android XML | #B9DFEC |

## 基本情報

- 最も近い色名: パステル調の ごく明るい空色
- 色相の系統: 空色, パステル調の ごく明るい空色
- 最も近いTailwindクラス: sky-200
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 1.42:1
- 黒とのコントラスト: 14.83:1

## ティント

#b9dfec, #c0e2ee, #c7e5f0, #cee9f2, #d5ecf4, #dceff6, #e3f2f7, #eaf5f9, #f1f9fb, #f8fcfd

## シェード

#b9dfec, #a0c2cd, #89a5af, #718a92, #5b6f76, #46565b, #313d42, #1e2729, #0d1213, #020203

## トーン

#b9dfec, #bcdeea, #bfdee8, #c3dde6, #c6dce4, #c9dbe2, #ccdbe0, #cfdade, #d2d9dc, #d5d8da

## カラーハーモニー

- 補色: #b9dfec, #f2cfc2
- 分裂補色: #b9dfec, #f3ccd1, #ebd3b9
- 類似色: #b9dfec, #b8e1de, #c3daf4
- トライアド: #b9dfec, #edcde0, #ded9b8
- テトラード: #b9dfec, #d2d5f5, #f2cfc2, #ded9b8
- スクエア: #b9dfec, #e1d0ee, #f2cfc2, #cedec0
- モノクロマティック: #b9dfec, #6f939f, #93b8c5, #d6fdff, #d6fdff

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

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

#b9dfec はパステル調の ごく明るい空色です。最も近い名前のある色はパステル調の ごく明るい空色です。RGBでは rgb(185, 223, 236)、HSLでは hsl(195.29, 57.3%, 82.55%)、OKLCHでは oklch(88.055% 0.04365 220.571) です。

### #b9dfec に合う色は？

#b9dfec の補色は #f2cfc2 です。落ち着いた組み合わせにするなら、類似色の #b8e1de と #c3daf4 を使いましょう。トライアドの組み合わせは #edcde0 と #ded9b8 です。

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

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

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

#b9dfec は寒色系の色です。OKLCHでは色相 221度、明度 88.1%、クロマ 0.044 です。