#CFB753#CFB753
#CFB753 is a light, vivid yellow. Relative luminance 0.478; OKLCH L 78.1% C 0.123 H 95.9°. Best body text is #000000 at 10.55:1 contrast (WCAG AA passes).
Color values
| HEX | #CFB753 |
|---|---|
| RGB | rgb(207, 183, 83) |
| HSL | hsl(48, 56%, 57%) |
| HSV | hsv(48, 60%, 81%) |
| CMYK | cmyk(0%, 11.6%, 59.9%, 18.8%) |
| CIE-LAB | lab(74.67, -3.37, 52.88) |
| CIE-LCH | lch(74.67, 52.98, 93.65°) |
| OKLab | oklab(78.05% -0.0126 0.1221) |
| OKLCH | oklch(78.05% 0.123 95.9) |
| XYZ | xyz(44.2288, 47.7590, 15.0706) |
| Luminance | 0.4776 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Desert
#CCAD60
ΔE00 4.97
Mustard
#DBB42C
ΔE00 5.29
Sand (survey)
#E2CA76
ΔE00 5.57
Brownish Yellow
#C9B003
ΔE00 5.83
Mustard (survey)
#CEB301
ΔE00 5.85
Dark Yellow
#D5B60A
ΔE00 5.87
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#CFB753 #536BCF
analogous
#CF7953 #CFB753 #A9CF53
triadic
#CFB753 #53CFB7 #B753CF
tetradic
#CFB753 #53CF79 #536BCF #CF53A9
square
#CFB753 #53CF79 #536BCF #CF53A9
split-complementary
#CFB753 #53A9CF #7953CF
monochromatic
#837125 #B39A32 #CFB753 #DCCB83 #EADFB3
Accessibility & contrast
On white
1.99
#CFB753 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.55
#CFB753 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #CFB753
10.55:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##CFB753 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CFB753 | 1.00 | 1.99 | 10.55 | 10.55 |
| #FFFFFF | 1.99 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.55 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.55 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#C8B349
Deuteranopia (green-blind)
#CEBB58
Tritanopia (blue-blind)
#DEABA1
Achromatopsia (no color)
#B8B8B8
Design tokens & code
CSS
--color: #cfb753; /* rgb */ color: rgb(207, 183, 83); /* oklch */ color: oklch(78.1% 0.123 95.9);
Tailwind
colors: {
custom: {
50: '#e1cc87',
500: '#cfb753',
950: '#000000',
},
}SCSS
$custom: #cfb753; $custom-light: #e1cc87; $custom-dark: #000000;
JSON
{
"hex": "#cfb753",
"rgb": {
"r": 207,
"g": 183,
"b": 83
},
"hsl": {
"h": 48.387,
"s": 56.364,
"l": 56.863
},
"oklch": {
"l": 0.78055,
"c": 0.12273,
"h": 95.9
},
"luminance": 0.47757
}Semantic roles & 50–950 ramp
primary
#CFB753
secondary
#A6AFD8
accent
#65E048
background
#FEFCF8
surface
#FCF8F0
border
#D5D1CB
text
#16130B
muted
#84827C