Chocolate color: #d2691e
Chocolate is #d2691e, rgb(210, 105, 30) in RGB and oklch(63.44% 0.15499 50.266) in OKLCH. Every other format, shades, matching colors and palettes are below.
Read as HEX
- Ctrl Vpaste a color anywhere
- Spacerandom color
- Ccopy HEX
- Orange
- Medium
- Vivid
- Warm
- amber-600
- Black 18%
Inside sRGB: displays the same on any screen.
Shades
From lightest to darkest. Click a shade to use it.
Harmonies
Recent
Colors you stop on or copy appear here. They stay on this device.
Palettes with Chocolate
Similar named colors
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.
About #d2691e
#d2691e is a bright orange color. In OKLCH it has 63.4% lightness, 0.155 chroma and a hue of 50°.
Inside sRGB: displays the same on any screen.
White text on it reaches 3.63:1 contrast and black text 5.78:1, so white text reads better.
The closest named color is Chocolate (#d2691e). In Tailwind CSS the closest color is amber-600.