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

#d5cc97 はRGBで rgb(213, 204, 151)、OKLCHで oklch(83.966% 0.07033 99.606) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #d5cc97 |
| RGB | rgb(213, 204, 151) |
| HSL | hsl(51.29, 42.47%, 71.37%) |
| HSB / HSV | hsv(51.29 29.11% 83.53%) |
| HWB | hwb(51.29 59.22% 16.47%) |
| CMYK | cmyk(0% 4% 29% 16%) |
| Lab | lab(81.82 -2.76 27.7) |
| LCH | lch(81.82 27.83 95.69) |
| OKLab | oklab(83.966% -0.01174 0.06934) |
| OKLCH | oklch(83.966% 0.07033 99.606) |
| Display P3 | color(display-p3 0.82917 0.8012 0.61543) |
| Rec. 2020 | color(rec2020 0.79344 0.77734 0.57831) |
| Adobe RGB | color(a98-rgb 0.82087 0.79502 0.59699) |
| ProPhoto RGB | color(prophoto-rgb 0.74945 0.75403 0.55819) |
| 線形sRGB | color(srgb-linear 0.66539 0.60383 0.30947) |
| XYZ D65 | color(xyz-d65 0.54617 0.59567 0.379) |
| XYZ D50 | color(xyz-d50 0.567 0.59968 0.28888) |
| SwiftUI | Color(red: 0.835, green: 0.8, blue: 0.592) |
| UIKit | UIColor(red: 0.835, green: 0.8, blue: 0.592, alpha: 1) |
| Flutter / Compose | Color(0xFFD5CC97) |
| Android XML | #D5CC97 |

## 基本情報

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

## ティント

#d5cc97, #d9d1a2, #ddd6ac, #e1dbb6, #e6e0c1, #eae6cb, #eeebd6, #f2f0e0, #f6f5ea, #fbfaf5

## シェード

#d5cc97, #b9b183, #9e976f, #837e5c, #6a6549, #514e37, #3a3726, #242217, #100f08, #020201

## トーン

#d5cc97, #d4cc9d, #d3cca2, #d2cca7, #d1ccac, #cfcbb2, #cecbb7, #cdcbbc, #cccbc1, #cbcac5

## カラーハーモニー

- 補色: #d5cc97, #c0c6f8
- 分裂補色: #d5cc97, #a8cff7, #d8beee
- 類似色: #d5cc97, #e9c399, #bcd4a4
- トライアド: #d5cc97, #96d6ea, #eab9d9
- テトラード: #d5cc97, #a3d9ba, #c0c6f8, #eab9d9
- スクエア: #d5cc97, #94dad4, #c0c6f8, #f4b8c0
- モノクロマティック: #d5cc97, #8a814f, #afa672, #fdf3bd, #fff7c0

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

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

#d5cc97 はパステル調の 明るい黄色です。最も近い名前のある色はパステル調の 明るい黄色です。RGBでは rgb(213, 204, 151)、HSLでは hsl(51.29, 42.47%, 71.37%)、OKLCHでは oklch(83.966% 0.07033 99.606) です。

### #d5cc97 に合う色は？

#d5cc97 の補色は #c0c6f8 です。落ち着いた組み合わせにするなら、類似色の #e9c399 と #bcd4a4 を使いましょう。トライアドの組み合わせは #96d6ea と #eab9d9 です。

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

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

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

#d5cc97 は暖色系の色です。OKLCHでは色相 100度、明度 84%、クロマ 0.07 です。