# カラーコード #d3bb85：やわらかな 明るい黄色

#d3bb85 はRGBで rgb(211, 187, 133)、OKLCHで oklch(79.979% 0.07589 86.675) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #d3bb85 |
| RGB | rgb(211, 187, 133) |
| HSL | hsl(41.54, 46.99%, 67.45%) |
| HSB / HSV | hsv(41.54 36.97% 82.75%) |
| HWB | hwb(41.54 52.16% 17.25%) |
| CMYK | cmyk(0% 11% 37% 17%) |
| Lab | lab(77 3.2 30.7) |
| LCH | lch(77 30.86 84.04) |
| OKLab | oklab(79.979% 0.0044 0.07576) |
| OKLCH | oklch(79.979% 0.07589 86.675) |
| Display P3 | color(display-p3 0.81178 0.73671 0.5475) |
| Rec. 2020 | color(rec2020 0.76268 0.70878 0.50492) |
| Adobe RGB | color(a98-rgb 0.79716 0.72762 0.52788) |
| ProPhoto RGB | color(prophoto-rgb 0.71144 0.68397 0.4856) |
| 線形sRGB | color(srgb-linear 0.65141 0.49693 0.23455) |
| XYZ D65 | color(xyz-d65 0.48866 0.51084 0.29477) |
| XYZ D50 | color(xyz-d50 0.50901 0.5154 0.22481) |
| SwiftUI | Color(red: 0.827, green: 0.733, blue: 0.522) |
| UIKit | UIColor(red: 0.827, green: 0.733, blue: 0.522, alpha: 1) |
| Flutter / Compose | Color(0xFFD3BB85) |
| Android XML | #D3BB85 |

## 基本情報

- 最も近い色名: やわらかな 明るい黄色
- 色相の系統: 黄色, やわらかな 明るい黄色
- 最も近いTailwindクラス: orange-300
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 1.87:1
- 黒とのコントラスト: 11.22:1

## ティント

#d3bb85, #d7c291, #dcc99e, #e0cfaa, #e5d6b6, #e9ddc2, #ede4ce, #f2ebda, #f6f1e7, #fbf8f3

## シェード

#d3bb85, #b7a273, #9c8a61, #827350, #695c40, #514630, #3a3221, #241f13, #100d06, #020201

## トーン

#d3bb85, #d1bb8b, #cfbc91, #cdbc97, #cabc9d, #c8bda3, #c6bda8, #c4bdae, #c2bdb3, #c0bdb8

## カラーハーモニー

- 補色: #d3bb85, #a7bdf0
- 分裂補色: #d3bb85, #8ec6e9, #c2b4e9
- 類似色: #d3bb85, #e4b28e, #bac48c
- トライアド: #d3bb85, #81ccd6, #d8add8
- テトラード: #d3bb85, #9ecba1, #a7bdf0, #d8add8
- スクエア: #d3bb85, #87cebc, #a7bdf0, #e7aabf
- モノクロマティック: #d3bb85, #88713d, #ad9561, #fbe2ab, #fff3bb

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

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

#d3bb85 はやわらかな 明るい黄色です。最も近い名前のある色はやわらかな 明るい黄色です。RGBでは rgb(211, 187, 133)、HSLでは hsl(41.54, 46.99%, 67.45%)、OKLCHでは oklch(79.979% 0.07589 86.675) です。

### #d3bb85 に合う色は？

#d3bb85 の補色は #a7bdf0 です。落ち着いた組み合わせにするなら、類似色の #e4b28e と #bac48c を使いましょう。トライアドの組み合わせは #81ccd6 と #d8add8 です。

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

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

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

#d3bb85 は暖色系の色です。OKLCHでは色相 87度、明度 80%、クロマ 0.076 です。