# Chocolate color: #d2691e

#d2691e is rgb(210, 105, 30) in RGB and oklch(63.44% 0.15499 50.266) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/colors/chocolate

## Formats

| Format | Value |
| --- | --- |
| 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) |
| Linear 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 |

## Facts

- Closest name: Chocolate
- Hue family: Orange, bright orange
- Closest Tailwind class: amber-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.63:1
- Contrast with black: 5.78:1

## Tints

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

## Shades

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

## Tones

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

## Harmonies

- Complementary: #d2691e, #0099d3
- Split: #d2691e, #00a0a9, #5088e7
- Analogous: #d2691e, #d85d62, #b97e00
- Triadic: #d2691e, #00a67d, #8b76e0
- Tetradic: #d2691e, #919100, #0099d3, #8b76e0
- Square: #d2691e, #50a03f, #0099d3, #b367c4
- Monochromatic: #d2691e, #792900, #a94400, #fc8f4b, #ffc39a

## Questions about Chocolate

### What is the hex code for Chocolate?

The hex code for Chocolate is #d2691e. In RGB it is rgb(210, 105, 30), in HSL hsl(25, 75%, 47.06%) and in OKLCH oklch(63.44% 0.15499 50.266).

### What colors go well with Chocolate?

Its complementary color is #0099d3. For a calmer look, pair it with the analogous colors #d85d62 and #b97e00. Ready palettes with Chocolate are shown on this page.

### Is Chocolate a warm or cool color?

Chocolate is a warm color with an OKLCH hue of 50 degrees.

### What text color is readable on Chocolate?

White text is more readable on Chocolate: white gives a contrast ratio of 3.63:1 and black gives 5.78:1. WCAG AA asks for at least 4.5:1 for body text.