#FED47F#FED47F
#FED47F is a very light, moderate orange. Relative luminance 0.697; OKLCH L 88.8% C 0.114 H 83.9°. Best body text is #000000 at 14.94:1 contrast (WCAG AA passes).
Color values
| HEX | #FED47F |
|---|---|
| RGB | rgb(254, 212, 127) |
| HSL | hsl(40, 98%, 75%) |
| HSV | hsv(40, 50%, 100%) |
| CMYK | cmyk(0%, 16.5%, 50%, 0.4%) |
| CIE-LAB | lab(86.85, 4.44, 47.28) |
| CIE-LCH | lch(86.85, 47.49, 84.64°) |
| OKLab | oklab(88.83% 0.0122 0.1133) |
| OKLCH | oklch(88.83% 0.114 83.9) |
| XYZ | xyz(68.2500, 69.6937, 29.9319) |
| Luminance | 0.6969 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Wheat (survey)
#FBDD7E
ΔE00 4.40
Light Mustard
#F7D560
ΔE00 5.69
Sand (survey)
#E2CA76
ΔE00 6.00
Sandy
#F1DA7A
ΔE00 6.08
Pale Gold
#FDDE6C
ΔE00 6.09
Maize
#F4D054
ΔE00 6.29
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#FED47F #7FA9FE
analogous
#FE947F #FED47F #E9FE7F
triadic
#FED47F #7FFED4 #D47FFE
tetradic
#FED47F #7FFE94 #7FA9FE #FE7FE9
square
#FED47F #7FFE94 #7FA9FE #FE7FE9
split-complementary
#FED47F #7FE9FE #947FFE
monochromatic
#FDAB06 #FEC042 #FED47F #FEE8BC #FFF5E1
Accessibility & contrast
On white
1.41
#FED47F on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
14.94
#FED47F on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #FED47F
14.94:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##FED47F | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FED47F | 1.00 | 1.41 | 14.94 | 14.94 |
| #FFFFFF | 1.41 | 1.00 | 21.00 | 21.00 |
| #000000 | 14.94 | 21.00 | 1.00 | 1.00 |
| ##000000 | 14.94 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#E7D378
Deuteranopia (green-blind)
#F1DE82
Tritanopia (blue-blind)
#FFC6C0
Achromatopsia (no color)
#D9D9D9
Design tokens & code
CSS
--color: #fed47f; /* rgb */ color: rgb(254, 212, 127); /* oklch */ color: oklch(88.8% 0.114 83.9);
Tailwind
colors: {
custom: {
50: '#ffe1a5',
500: '#fed47f',
950: '#000000',
},
}SCSS
$custom: #fed47f; $custom-light: #ffe1a5; $custom-dark: #000000;
JSON
{
"hex": "#fed47f",
"rgb": {
"r": 254,
"g": 212,
"b": 127
},
"hsl": {
"h": 40.157,
"s": 98.45,
"l": 74.706
},
"oklch": {
"l": 0.8883,
"c": 0.11395,
"h": 83.9
},
"luminance": 0.6969
}Semantic roles & 50–950 ramp
primary
#FED47F
secondary
#4577DD
accent
#4CE600
background
#FFFEFC
surface
#FFFCF6
border
#D7D5D0
text
#18150F
muted
#868480