#F0F56B#F0F56B
#F0F56B is a very light, vivid yellow. Relative luminance 0.849; OKLCH L 94.0% C 0.160 H 111.0°. Best body text is #000000 at 17.98:1 contrast (WCAG AA passes).
Color values
| HEX | #F0F56B |
|---|---|
| RGB | rgb(240, 245, 107) |
| HSL | hsl(62, 87%, 69%) |
| HSV | hsv(62, 56%, 96%) |
| CMYK | cmyk(2%, 0%, 56.3%, 3.9%) |
| CIE-LAB | lab(93.84, -19.24, 64.44) |
| CIE-LCH | lch(93.84, 67.25, 106.63°) |
| OKLab | oklab(94.02% -0.0573 0.149) |
| OKLCH | oklch(94.02% 0.16 111) |
| XYZ | xyz(71.2432, 84.8932, 26.5402) |
| Luminance | 0.8489 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Butter Yellow
#FFFD74
ΔE00 2.46
Custard
#FFFD78
ΔE00 2.49
Pastel Yellow
#FFFE71
ΔE00 2.50
Light Yellow
#FFFE7A
ΔE00 2.53
Yellowish Tan
#FCFC81
ΔE00 2.57
Faded Yellow
#FEFF7F
ΔE00 2.63
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#F0F56B #706BF5
analogous
#F5B56B #F0F56B #ABF56B
triadic
#F0F56B #6BF0F5 #F56BF0
tetradic
#F0F56B #6BF5B5 #706BF5 #F56BAB
square
#F0F56B #6BF5B5 #706BF5 #F56BAB
split-complementary
#F0F56B #6BABF5 #B56BF5
monochromatic
#D0D70F #EAF132 #F0F56B #F6F9A4 #FCFDDE
Accessibility & contrast
On white
1.17
#F0F56B on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
17.98
#F0F56B on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #F0F56B
17.98:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##F0F56B | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##F0F56B | 1.00 | 1.17 | 17.98 | 17.98 |
| #FFFFFF | 1.17 | 1.00 | 21.00 | 21.00 |
| #000000 | 17.98 | 21.00 | 1.00 | 1.00 |
| ##000000 | 17.98 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#FFEB5C
Deuteranopia (green-blind)
#FFEF73
Tritanopia (blue-blind)
#FFE8D7
Achromatopsia (no color)
#EDEDED
Design tokens & code
CSS
--color: #f0f56b; /* rgb */ color: rgb(240, 245, 107); /* oklch */ color: oklch(94.0% 0.160 111.0);
Tailwind
colors: {
custom: {
50: '#f8f89a',
500: '#f0f56b',
950: '#000000',
},
}SCSS
$custom: #f0f56b; $custom-light: #f8f89a; $custom-dark: #000000;
JSON
{
"hex": "#f0f56b",
"rgb": {
"r": 240,
"g": 245,
"b": 107
},
"hsl": {
"h": 62.174,
"s": 87.342,
"l": 69.02
},
"oklch": {
"l": 0.94021,
"c": 0.15962,
"h": 111
},
"luminance": 0.84892
}Semantic roles & 50–950 ramp
primary
#F0F56B
secondary
#3B36CE
accent
#02E40A
background
#FFFFFC
surface
#FFFEF5
border
#D7D6CF
text
#18170E
muted
#86857F