#BDB76B color codes
- HEX
- #BDB76B
- HEX8
- #BDB76BFF
- HEX8 (Android)
- #FFBDB76B
- RGB
- rgb(189, 183, 107)
- RGB (%)
- 74%, 72%, 42%
- HSL
- hsl(56, 38%, 58%)
- HSV / HSB
- hsv(56, 43%, 74%)
- CMYK
- cmyk(0%, 3%, 43%, 26%)
- OKLCH
- oklch(0.7675 0.098 104.51)
- OKLCH (%)
- oklch(76.75% 0.098 104.51)
- Decimal
- 12433259
What color is #BDB76B?
#BDB76B sits at 77% lightness and 0.098 chroma in OKLCH, hue 104.51°. Its nearest named color is DarkKhaki (an exact match).
Shades and tints of #BDB76B
Tints
Shades
Tones
#BDB76B color harmonies
Complementary
Analogous
Triadic
Split-complementary
Tetradic
Square
Monochromatic
Using #BDB76B in CSS
.text { color: #BDB76B; }
.background { background-color: #BDB76B; }
.border { border: 2px solid #BDB76B; }
/* Modern, perceptually uniform */
.text { color: oklch(0.7675 0.098 104.51); }
/* #BDB76B at 50% transparency */
.overlay { background-color: #BDB76B80; }Is #BDB76B accessible?
#BDB76B on white text scores 2.07:1; on black text it scores 10.15:1. Black text passes WCAG AAA on #BDB76B. Recommended text color on a #BDB76B background: black.
A 10.15:1 vs black
A 2.07: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(#BDB76B) → black APCA Lc experimental 63.6 Lc · large / secondary text (black text)
WCAG 2.1 AA/AAA is the compliance floor; APCA is an optional readability metric.
Related colors
Nearest featured color: Gold #FFD700. See more in the yellow family on the colors hub.
Frequently asked questions
- What color is #BDB76B?
- #BDB76B is DarkKhaki. In RGB it is rgb(189, 183, 107), and in HSL hsl(56, 38%, 58%).
- What is #BDB76B in RGB?
- #BDB76B converts to rgb(189, 183, 107) — red 189, green 183, blue 107.
- What text color is readable on #BDB76B?
- Black text — it has the higher contrast ratio (10.15:1) against #BDB76B. Black text passes WCAG AAA on #BDB76B.