# カラーコード #dfd5bb：パステル調の ごく明るいベージュ

#dfd5bb はRGBで rgb(223, 213, 187)、OKLCHで oklch(87.42% 0.0365 89.457) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #dfd5bb |
| RGB | rgb(223, 213, 187) |
| HSL | hsl(43.33, 36%, 80.39%) |
| HSB / HSV | hsv(43.33 16.14% 87.45%) |
| HWB | hwb(43.33 73.33% 12.55%) |
| CMYK | cmyk(0% 4% 16% 13%) |
| Lab | lab(85.57 0.41 14.21) |
| LCH | lch(85.57 14.21 88.36) |
| OKLab | oklab(87.42% 0.00035 0.0365) |
| OKLCH | oklch(87.42% 0.0365 89.457) |
| Display P3 | color(display-p3 0.86772 0.83663 0.74401) |
| Rec. 2020 | color(rec2020 0.83915 0.81778 0.71672) |
| Adobe RGB | color(a98-rgb 0.85975 0.8309 0.73222) |
| ProPhoto RGB | color(prophoto-rgb 0.8072 0.79905 0.69599) |
| 線形sRGB | color(srgb-linear 0.73791 0.66539 0.49693) |
| XYZ D65 | color(xyz-d65 0.63193 0.66865 0.56593) |
| XYZ D50 | color(xyz-d50 0.64915 0.67131 0.42973) |
| SwiftUI | Color(red: 0.875, green: 0.835, blue: 0.733) |
| UIKit | UIColor(red: 0.875, green: 0.835, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFFDFD5BB) |
| Android XML | #DFD5BB |

## 基本情報

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

## ティント

#dfd5bb, #e2d9c2, #e5ddc8, #e9e2cf, #ece6d6, #efeadd, #f2eee4, #f5f2ea, #f9f7f1, #fcfbf8

## シェード

#dfd5bb, #c2b9a2, #a59e8a, #8a8373, #6f6a5c, #565146, #3d3a32, #27241f, #12100d, #020202

## トーン

#dfd5bb, #ded5be, #ddd5c0, #dcd5c3, #dbd5c6, #dad5c8, #d9d5cb, #d8d5ce, #d7d5d0, #d6d5d3

## カラーハーモニー

- 補色: #dfd5bb, #ccd5ef
- 分裂補色: #dfd5bb, #c1daec, #d9d1eb
- 類似色: #dfd5bb, #e9d1be, #d2dabf
- トライアド: #dfd5bb, #bbdde3, #e4cde1
- テトラード: #dfd5bb, #c6ddc9, #ccd5ef, #e4cde1
- スクエア: #dfd5bb, #bdded6, #ccd5ef, #ebccd5
- モノクロマティック: #dfd5bb, #938a72, #b8af95, #fff5da, #fff5da

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

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

#dfd5bb はパステル調の ごく明るいベージュです。最も近い名前のある色はパステル調の ごく明るいベージュです。RGBでは rgb(223, 213, 187)、HSLでは hsl(43.33, 36%, 80.39%)、OKLCHでは oklch(87.42% 0.0365 89.457) です。

### #dfd5bb に合う色は？

#dfd5bb の補色は #ccd5ef です。落ち着いた組み合わせにするなら、類似色の #e9d1be と #d2dabf を使いましょう。トライアドの組み合わせは #bbdde3 と #e4cde1 です。

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

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

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

#dfd5bb は暖色系の色です。OKLCHでは色相 89度、明度 87.4%、クロマ 0.036 です。