#D2B48C color codes
- HEX
- #D2B48C
- HEX8
- #D2B48CFF
- HEX8 (Android)
- #FFD2B48C
- RGB
- rgb(210, 180, 140)
- RGB (%)
- 82%, 71%, 55%
- HSL
- hsl(34, 44%, 69%)
- HSV / HSB
- hsv(34, 33%, 82%)
- CMYK
- cmyk(0%, 14%, 33%, 18%)
- OKLCH
- oklch(0.7862 0.0638 74.62)
- OKLCH (%)
- oklch(78.62% 0.0638 74.62)
- Decimal
- 13808780
What color is #D2B48C?
#D2B48C sits at 79% lightness and 0.0638 chroma in OKLCH, hue 74.62°. Its nearest named color is Tan (an exact match).
Shades and tints of #D2B48C
Tints
Shades
Tones
#D2B48C color harmonies
Complementary
Analogous
Triadic
Split-complementary
Tetradic
Square
Monochromatic
Using #D2B48C in CSS
.text { color: #D2B48C; }
.background { background-color: #D2B48C; }
.border { border: 2px solid #D2B48C; }
/* Modern, perceptually uniform */
.text { color: oklch(0.7862 0.0638 74.62); }
/* #D2B48C at 50% transparency */
.overlay { background-color: #D2B48C80; }Is #D2B48C accessible?
#D2B48C on white text scores 1.97:1; on black text it scores 10.65:1. Black text passes WCAG AAA on #D2B48C. Recommended text color on a #D2B48C background: black.
A 10.65:1 vs black
A 1.97:1 vs white
- AA normal ≥ 4.5 Pass
- AA large ≥ 3 Pass
- AAA normal ≥ 7 Pass
- AAA large ≥ 4.5 Pass
Recommended text color: black
CSS
contrast-color() contrast-color(#D2B48C) → black APCA Lc experimental 65.9 Lc · large / secondary text (black 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 #D2B48C?
- #D2B48C is Tan. In RGB it is rgb(210, 180, 140), and in HSL hsl(34, 44%, 69%).
- What is #D2B48C in RGB?
- #D2B48C converts to rgb(210, 180, 140) — red 210, green 180, blue 140.
- What text color is readable on #D2B48C?
- Black text — it has the higher contrast ratio (10.65:1) against #D2B48C. Black text passes WCAG AAA on #D2B48C.