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

#b8dffd はRGBで rgb(184, 223, 253)、OKLCHで oklch(88.563% 0.05833 241.423) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #b8dffd |
| RGB | rgb(184, 223, 253) |
| HSL | hsl(206.09, 94.52%, 85.69%) |
| HSB / HSV | hsv(206.09 27.27% 99.22%) |
| HWB | hwb(206.09 72.16% 0.78%) |
| CMYK | cmyk(27% 12% 0% 1%) |
| Lab | lab(86.76 -8.21 -19.09) |
| LCH | lch(86.76 20.78 246.72) |
| OKLab | oklab(88.563% -0.0279 -0.05122) |
| OKLCH | oklch(88.563% 0.05833 241.423) |
| Display P3 | color(display-p3 0.75174 0.86999 0.98039) |
| Rec. 2020 | color(rec2020 0.76518 0.8506 0.97619) |
| Adobe RGB | color(a98-rgb 0.76385 0.87092 0.98726) |
| ProPhoto RGB | color(prophoto-rgb 0.77728 0.83277 0.96907) |
| 線形sRGB | color(srgb-linear 0.47932 0.73791 0.98225) |
| XYZ D65 | color(xyz-d65 0.63881 0.70056 1.03088) |
| XYZ D50 | color(xyz-d50 0.63376 0.69519 0.77974) |
| SwiftUI | Color(red: 0.722, green: 0.875, blue: 0.992) |
| UIKit | UIColor(red: 0.722, green: 0.875, blue: 0.992, alpha: 1) |
| Flutter / Compose | Color(0xFFB8DFFD) |
| Android XML | #B8DFFD |

## 基本情報

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

## ティント

#b8dffd, #bfe2fd, #c6e5fe, #cee9fe, #d5ecfe, #dceffe, #e3f2ff, #eaf6ff, #f1f9ff, #f8fcff

## シェード

#b8dffd, #a0c2dc, #88a5bc, #718a9d, #5b6f7f, #455662, #313d47, #1e272d, #0c1216, #020203

## トーン

#b8dffd, #bcdef9, #bfdef6, #c2ddf2, #c6ddef, #c9dceb, #ccdce8, #d0dbe4, #d3dae0, #d6dadd

## カラーハーモニー

- 補色: #b8dffd, #f6d1b3
- 分裂補色: #b8dffd, #feccc2, #e7d9ae
- 類似色: #b8dffd, #ade4f0, #cbd8ff
- トライアド: #b8dffd, #fccad7, #d3e0b5
- テトラード: #b8dffd, #e0d1fa, #f6d1b3, #d3e0b5
- スクエア: #b8dffd, #f1cceb, #f6d1b3, #bee5c6
- モノクロマティック: #b8dffd, #6e93af, #92b8d5, #dff9ff, #dff9ff

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

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

#b8dffd はパステル調の ごく明るい空色です。最も近い名前のある色はパステル調の ごく明るい空色です。RGBでは rgb(184, 223, 253)、HSLでは hsl(206.09, 94.52%, 85.69%)、OKLCHでは oklch(88.563% 0.05833 241.423) です。

### #b8dffd に合う色は？

#b8dffd の補色は #f6d1b3 です。落ち着いた組み合わせにするなら、類似色の #ade4f0 と #cbd8ff を使いましょう。トライアドの組み合わせは #fccad7 と #d3e0b5 です。

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

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

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

#b8dffd は寒色系の色です。OKLCHでは色相 241度、明度 88.6%、クロマ 0.058 です。