#F7EDAA#F7EDAA
#F7EDAA is a very light, moderate yellow. Relative luminance 0.832; OKLCH L 93.8% C 0.086 H 100.7°. Best body text is #000000 at 17.65:1 contrast (WCAG AA passes).
Color values
| HEX | #F7EDAA |
|---|---|
| RGB | rgb(247, 237, 170) |
| HSL | hsl(52, 83%, 82%) |
| HSV | hsv(52, 31%, 97%) |
| CMYK | cmyk(0%, 4%, 31.2%, 3.1%) |
| CIE-LAB | lab(93.12, -6.48, 33.75) |
| CIE-LCH | lch(93.12, 34.36, 100.87°) |
| OKLab | oklab(93.85% -0.0159 0.0843) |
| OKLCH | oklch(93.85% 0.086 100.7) |
| XYZ | xyz(75.8984, 83.2465, 50.0924) |
| Luminance | 0.8325 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Light Tan
#FBEEAC
ΔE00 0.98
Palegoldenrod
#EEE8AA
ΔE00 1.91
Vanilla
#F3E5AB
ΔE00 2.69
Parchment
#FEFCAF
ΔE00 3.90
Dark Cream
#FFF39A
ΔE00 4.02
Buff
#FEF69E
ΔE00 4.03
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#F7EDAA #AAB4F7
analogous
#F7C7AA #F7EDAA #DBF7AA
triadic
#F7EDAA #AAF7ED #EDAAF7
tetradic
#F7EDAA #AAF7C7 #AAB4F7 #F7AADB
square
#F7EDAA #AAF7C7 #AAB4F7 #F7AADB
split-complementary
#F7EDAA #AADBF7 #C7AAF7
monochromatic
#ECD53A #F2E172 #F7EDAA #FCF9E2 #FCF9E3
Accessibility & contrast
On white
1.19
#F7EDAA on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
17.65
#F7EDAA on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #F7EDAA
17.65:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##F7EDAA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##F7EDAA | 1.00 | 1.19 | 17.65 | 17.65 |
| #FFFFFF | 1.19 | 1.00 | 21.00 | 21.00 |
| #000000 | 17.65 | 21.00 | 1.00 | 1.00 |
| ##000000 | 17.65 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#F9E9A5
Deuteranopia (green-blind)
#FDEDAC
Tritanopia (blue-blind)
#FFE4DC
Achromatopsia (no color)
#EBEBEB
Design tokens & code
CSS
--color: #f7edaa; /* rgb */ color: rgb(247, 237, 170); /* oklch */ color: oklch(93.8% 0.086 100.7);
Tailwind
colors: {
custom: {
50: '#faf2c3',
500: '#f7edaa',
950: '#000000',
},
}SCSS
$custom: #f7edaa; $custom-light: #faf2c3; $custom-dark: #000000;
JSON
{
"hex": "#f7edaa",
"rgb": {
"r": 247,
"g": 237,
"b": 170
},
"hsl": {
"h": 52.208,
"s": 82.796,
"l": 81.765
},
"oklch": {
"l": 0.93845,
"c": 0.08574,
"h": 100.7
},
"luminance": 0.83245
}Semantic roles & 50–950 ramp
primary
#F7EDAA
secondary
#6D7BD8
accent
#22DF06
background
#FFFFFD
surface
#FFFEF9
border
#D7D6D2
text
#171612
muted
#858582