# チョコレートのカラーコード：#d2691e

#d2691e はRGBで rgb(210, 105, 30)、OKLCHで oklch(63.44% 0.15499 50.266) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/colors/chocolate

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #d2691e |
| RGB | rgb(210, 105, 30) |
| HSL | hsl(25, 75%, 47.06%) |
| HSB / HSV | hsv(25 85.71% 82.35%) |
| HWB | hwb(25 11.76% 17.65%) |
| CMYK | cmyk(0% 50% 86% 18%) |
| Lab | lab(56.63 39.24 57.55) |
| LCH | lch(56.63 69.66 55.72) |
| OKLab | oklab(63.44% 0.09907 0.11919) |
| OKLCH | oklch(63.44% 0.15499 50.266) |
| Display P3 | color(display-p3 0.77057 0.43401 0.19985) |
| Rec. 2020 | color(rec2020 0.66927 0.4019 0.14272) |
| Adobe RGB | color(a98-rgb 0.73041 0.41069 0.162) |
| ProPhoto RGB | color(prophoto-rgb 0.59231 0.39415 0.16429) |
| 線形sRGB | color(srgb-linear 0.64448 0.14126 0.01298) |
| XYZ D65 | color(xyz-d65 0.31863 0.23901 0.04164) |
| XYZ D50 | color(xyz-d50 0.3373 0.24545 0.03196) |
| SwiftUI | Color(red: 0.824, green: 0.412, blue: 0.118) |
| UIKit | UIColor(red: 0.824, green: 0.412, blue: 0.118, alpha: 1) |
| Flutter / Compose | Color(0xFFD2691E) |
| Android XML | #D2691E |

## 基本情報

- 最も近い色名: チョコレート
- 色相の系統: オレンジ, 鮮やかな オレンジ
- 最も近いTailwindクラス: amber-600
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 3.63:1
- 黒とのコントラスト: 5.78:1

## ティント

#d2691e, #d8793d, #de8856, #e3976c, #e8a681, #edb596, #f1c4ab, #f5d3c0, #f9e1d5, #fcf0ea

## シェード

#d2691e, #b65a19, #9b4c13, #813e0e, #683109, #502405, #391803, #240c01, #100400, #020000

## トーン

#d2691e, #cc6e31, #c5723f, #bf764b, #b87956, #b17d5f, #aa8069, #a28371, #9b857a, #938882

## カラーハーモニー

- 補色: #d2691e, #0099d3
- 分裂補色: #d2691e, #00a0a9, #5088e7
- 類似色: #d2691e, #d85d62, #b97e00
- トライアド: #d2691e, #00a67d, #8b76e0
- テトラード: #d2691e, #919100, #0099d3, #8b76e0
- スクエア: #d2691e, #50a03f, #0099d3, #b367c4
- モノクロマティック: #d2691e, #792900, #a94400, #fc8f4b, #ffc39a

## チョコレートについてのよくある質問

### チョコレートのカラーコードは？

チョコレートのカラーコードは #d2691e です。RGBでは rgb(210, 105, 30)、HSLでは hsl(25, 75%, 47.06%)、OKLCHでは oklch(63.44% 0.15499 50.266) です。

### チョコレートに合う色は？

補色は #0099d3 です。落ち着いた印象にするなら、類似色の #d85d62 と #b97e00 と組み合わせましょう。チョコレートを使ったパレットはこのページで紹介しています。

### チョコレートは暖色と寒色のどちらですか？

チョコレートは暖色系の色で、OKLCHの色相は50度です。

### チョコレートの上で読みやすい文字色は？

チョコレートの上では白の文字のほうが読みやすくなります。白はコントラスト比 3.63:1、黒は 5.78:1 です。WCAG AAでは本文に4.5:1以上が求められます。