#D2691E color codes
- HEX
- #D2691E
- HEX8
- #D2691EFF
- HEX8 (Android)
- #FFD2691E
- RGB
- rgb(210, 105, 30)
- RGB (%)
- 82%, 41%, 12%
- HSL
- hsl(25, 75%, 47%)
- HSV / HSB
- hsv(25, 86%, 82%)
- CMYK
- cmyk(0%, 50%, 86%, 18%)
- OKLCH
- oklch(0.6344 0.155 50.27)
- OKLCH (%)
- oklch(63.44% 0.155 50.27)
- Decimal
- 13789470
What color is #D2691E?
#D2691E sits at 63% lightness and 0.155 chroma in OKLCH, hue 50.27°. Its nearest named color is Chocolate (an exact match).
Shades and tints of #D2691E
Tints
Shades
Tones
#D2691E color harmonies
Complementary
Analogous
Triadic
Split-complementary
Tetradic
Square
Monochromatic
Using #D2691E in CSS
.text { color: #D2691E; }
.background { background-color: #D2691E; }
.border { border: 2px solid #D2691E; }
/* Modern, perceptually uniform */
.text { color: oklch(0.6344 0.155 50.27); }
/* #D2691E at 50% transparency */
.overlay { background-color: #D2691E80; }Is #D2691E accessible?
#D2691E on white text scores 3.63:1; on black text it scores 5.78:1. Black text passes WCAG AA for normal text on #D2691E. Recommended text color on a #D2691E background: black.
A 5.78:1 vs black
A 3.63:1 vs white
- AA normal ≥ 4.5 Pass
- AA large ≥ 3 Pass
- AAA normal ≥ 7 Fail
- AAA large ≥ 4.5 Pass
Recommended text color: black
CSS
contrast-color() contrast-color(#D2691E) → black APCA Lc experimental 68.8 Lc · large / secondary text (white text)
WCAG 2.1 AA/AAA is the compliance floor; APCA is an optional readability metric.
Related colors
See more in the orange family on the colors hub.
Frequently asked questions
- What color is #D2691E?
- #D2691E is Chocolate. In RGB it is rgb(210, 105, 30), and in HSL hsl(25, 75%, 47%).
- What is #D2691E in RGB?
- #D2691E converts to rgb(210, 105, 30) — red 210, green 105, blue 30.
- What text color is readable on #D2691E?
- Black text — it has the higher contrast ratio (5.78:1) against #D2691E. Black text passes WCAG AA for normal text on #D2691E.