# カラーコード #dccb85：パステル調の 明るい黄色

#dccb85 はRGBで rgb(220, 203, 133)、OKLCHで oklch(84.034% 0.09143 96.142) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #dccb85 |
| RGB | rgb(220, 203, 133) |
| HSL | hsl(48.28, 55.41%, 69.22%) |
| HSB / HSV | hsv(48.28 39.55% 86.27%) |
| HWB | hwb(48.28 52.16% 13.73%) |
| CMYK | cmyk(0% 8% 40% 14%) |
| Lab | lab(81.92 -1.08 37.17) |
| LCH | lch(81.92 37.18 91.66) |
| OKLab | oklab(84.034% -0.00978 0.09091) |
| OKLCH | oklch(84.034% 0.09143 96.142) |
| Display P3 | color(display-p3 0.85141 0.79841 0.55547) |
| Rec. 2020 | color(rec2020 0.80993 0.77507 0.51497) |
| Adobe RGB | color(a98-rgb 0.84024 0.79104 0.5319) |
| ProPhoto RGB | color(prophoto-rgb 0.75913 0.75198 0.49822) |
| 線形sRGB | color(srgb-linear 0.71569 0.5972 0.23455) |
| XYZ D65 | color(xyz-d65 0.55103 0.59622 0.30797) |
| XYZ D50 | color(xyz-d50 0.57566 0.60158 0.23543) |
| SwiftUI | Color(red: 0.863, green: 0.796, blue: 0.522) |
| UIKit | UIColor(red: 0.863, green: 0.796, blue: 0.522, alpha: 1) |
| Flutter / Compose | Color(0xFFDCCB85) |
| Android XML | #DCCB85 |

## 基本情報

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

## ティント

#dccb85, #dfd092, #e3d69e, #e6dbab, #eae0b7, #ede5c3, #f1eacf, #f4f0db, #f8f5e7, #fbfaf3

## シェード

#dccb85, #bfb073, #a39661, #887d50, #6e6540, #544d30, #3c3721, #262213, #110f06, #020201

## トーン

#dccb85, #dacb8d, #d8cb94, #d7cb9c, #d5cba3, #d3cbaa, #d1cbb0, #d0cbb7, #cecbbe, #cccbc4

## カラーハーモニー

- 補色: #dccb85, #bac6ff
- 分裂補色: #dccb85, #99d1ff, #d9bcfa
- 類似色: #dccb85, #f4bf8a, #bcd695
- トライアド: #dccb85, #81daf1, #f1b4e1
- テトラード: #dccb85, #99ddb2, #bac6ff, #f1b4e1
- スクエア: #dccb85, #80ded4, #bac6ff, #ffb2c1
- モノクロマティック: #dccb85, #90803b, #b5a560, #fff3ab, #fff6ae

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

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

#dccb85 はパステル調の 明るい黄色です。最も近い名前のある色はパステル調の 明るい黄色です。RGBでは rgb(220, 203, 133)、HSLでは hsl(48.28, 55.41%, 69.22%)、OKLCHでは oklch(84.034% 0.09143 96.142) です。

### #dccb85 に合う色は？

#dccb85 の補色は #bac6ff です。落ち着いた組み合わせにするなら、類似色の #f4bf8a と #bcd695 を使いましょう。トライアドの組み合わせは #81daf1 と #f1b4e1 です。

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

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

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

#dccb85 は暖色系の色です。OKLCHでは色相 96度、明度 84%、クロマ 0.091 です。