#BDA722#BDA722
#BDA722 is a light, vivid yellow. Relative luminance 0.386; OKLCH L 72.6% C 0.142 H 99.0°. Best body text is #000000 at 8.71:1 contrast (WCAG AA passes).
Color values
| HEX | #BDA722 |
|---|---|
| RGB | rgb(189, 167, 34) |
| HSL | hsl(51, 70%, 44%) |
| HSV | hsv(51, 82%, 74%) |
| CMYK | cmyk(0%, 11.6%, 82%, 25.9%) |
| CIE-LAB | lab(68.44, -5.26, 65.05) |
| CIE-LCH | lch(68.44, 65.26, 94.63°) |
| OKLab | oklab(72.62% -0.0222 0.1401) |
| OKLCH | oklch(72.62% 0.142 99) |
| XYZ | xyz(35.0956, 38.5736, 7.1099) |
| Luminance | 0.3857 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Muddy Yellow
#BFAC05
ΔE00 2.25
Brownish Yellow
#C9B003
ΔE00 3.41
Mustard (survey)
#CEB301
ΔE00 4.40
Brown Yellow
#B29705
ΔE00 4.81
Ocher
#BF9B0C
ΔE00 4.92
Olive Yellow
#C2B709
ΔE00 5.33
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#BDA722 #2238BD
analogous
#BD5922 #BDA722 #85BD22
triadic
#BDA722 #22BDA7 #A722BD
tetradic
#BDA722 #22BD59 #2238BD #BD2285
square
#BDA722 #22BD59 #2238BD #BD2285
split-complementary
#BDA722 #2285BD #5922BD
monochromatic
#554B0F #897919 #BDA722 #DDC640 #E6D673
Accessibility & contrast
On white
2.41
#BDA722 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.71
#BDA722 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #BDA722
8.71:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##BDA722 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BDA722 | 1.00 | 2.41 | 8.71 | 8.71 |
| #FFFFFF | 2.41 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.71 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.71 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#B8A200
Deuteranopia (green-blind)
#BEAA2D
Tritanopia (blue-blind)
#CC9A8F
Achromatopsia (no color)
#A7A7A7
Design tokens & code
CSS
--color: #bda722; /* rgb */ color: rgb(189, 167, 34); /* oklch */ color: oklch(72.6% 0.142 99.0);
Tailwind
colors: {
custom: {
50: '#d5c06b',
500: '#bda722',
950: '#000000',
},
}SCSS
$custom: #bda722; $custom-light: #d5c06b; $custom-dark: #000000;
JSON
{
"hex": "#bda722",
"rgb": {
"r": 189,
"g": 167,
"b": 34
},
"hsl": {
"h": 51.484,
"s": 69.507,
"l": 43.725
},
"oklch": {
"l": 0.72618,
"c": 0.14185,
"h": 99
},
"luminance": 0.38572
}Semantic roles & 50–950 ramp
primary
#BDA722
secondary
#6E7BCD
accent
#55EC3B
background
#FDFBF6
surface
#FBF7EC
border
#D4D0C7
text
#151207
muted
#83817A