#F8E968#F8E968
#F8E968 is a very light, vivid yellow. Relative luminance 0.792; OKLCH L 92.2% C 0.149 H 102.7°. Best body text is #000000 at 16.85:1 contrast (WCAG AA passes).
Color values
| HEX | #F8E968 |
|---|---|
| RGB | rgb(248, 233, 104) |
| HSL | hsl(54, 91%, 69%) |
| HSV | hsv(54, 58%, 97%) |
| CMYK | cmyk(0%, 6%, 58.1%, 2.7%) |
| CIE-LAB | lab(91.34, -10.39, 63.12) |
| CIE-LCH | lch(91.34, 63.97, 99.35°) |
| OKLab | oklab(92.18% -0.0329 0.1457) |
| OKLCH | oklch(92.18% 0.149 102.7) |
| XYZ | xyz(70.3515, 79.2364, 24.6824) |
| Luminance | 0.7923 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Sandy Yellow
#FDEE73
ΔE00 1.31
Yellowish
#FAEE66
ΔE00 1.37
Dull Yellow
#EEDC5B
ΔE00 2.87
Straw
#FCF679
ΔE00 3.39
Sand Yellow
#FCE166
ΔE00 3.43
Yellow Tan
#FFE36E
ΔE00 3.77
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#F8E968 #6877F8
analogous
#F8A168 #F8E968 #BFF868
triadic
#F8E968 #68F8E9 #E968F8
tetradic
#F8E968 #68F8A1 #6877F8 #F868BF
square
#F8E968 #68F8A1 #6877F8 #F868BF
split-complementary
#F8E968 #68BFF8 #A168F8
monochromatic
#DBC60A #F5E02E #F8E968 #FBF2A2 #FDFADD
Accessibility & contrast
On white
1.25
#F8E968 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
16.85
#F8E968 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #F8E968
16.85:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##F8E968 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##F8E968 | 1.00 | 1.25 | 16.85 | 16.85 |
| #FFFFFF | 1.25 | 1.00 | 21.00 | 21.00 |
| #000000 | 16.85 | 21.00 | 1.00 | 1.00 |
| ##000000 | 16.85 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#FCE25A
Deuteranopia (green-blind)
#FFE96F
Tritanopia (blue-blind)
#FFDBCD
Achromatopsia (no color)
#E6E6E6
Design tokens & code
CSS
--color: #f8e968; /* rgb */ color: rgb(248, 233, 104); /* oklch */ color: oklch(92.2% 0.149 102.7);
Tailwind
colors: {
custom: {
50: '#fdef97',
500: '#f8e968',
950: '#000000',
},
}SCSS
$custom: #f8e968; $custom-light: #fdef97; $custom-dark: #000000;
JSON
{
"hex": "#f8e968",
"rgb": {
"r": 248,
"g": 233,
"b": 104
},
"hsl": {
"h": 53.75,
"s": 91.139,
"l": 69.02
},
"oklch": {
"l": 0.92178,
"c": 0.14933,
"h": 102.7
},
"luminance": 0.79234
}Semantic roles & 50–950 ramp
primary
#F8E968
secondary
#3243D2
accent
#18E600
background
#FFFFFC
surface
#FFFEF5
border
#D7D6CF
text
#18160E
muted
#86857F