#FDA494#FDA494
#FDA494 is a light, moderate red. Relative luminance 0.496; OKLCH L 80.3% C 0.109 H 30.7°. Best body text is #000000 at 10.91:1 contrast (WCAG AA passes).
Color values
| HEX | #FDA494 |
|---|---|
| RGB | rgb(253, 164, 148) |
| HSL | hsl(9, 96%, 79%) |
| HSV | hsv(9, 42%, 99%) |
| CMYK | cmyk(0%, 35.2%, 41.5%, 0.8%) |
| CIE-LAB | lab(75.81, 31.11, 21.99) |
| CIE-LCH | lch(75.81, 38.10, 35.25°) |
| OKLab | oklab(80.32% 0.0936 0.0557) |
| OKLCH | oklch(80.32% 0.109 30.7) |
| XYZ | xyz(59.1316, 49.5763, 34.4661) |
| Luminance | 0.4957 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Blush (survey)
#F29E8E
ΔE00 2.13
Light Salmon
#FEA993
ΔE00 2.42
Peachy Pink
#FF9A8A
ΔE00 2.54
Pale Salmon
#FFB19A
ΔE00 4.11
Darksalmon
#E9967A
ΔE00 6.31
Lightsalmon
#FFA07A
ΔE00 7.02
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#FDA494 #94EDFD
analogous
#FD94B8 #FDA494 #FDD894
triadic
#FDA494 #94FDA4 #A494FD
tetradic
#FDA494 #B8FD94 #94EDFD #D894FD
square
#FDA494 #B8FD94 #94EDFD #D894FD
split-complementary
#FDA494 #94FDD8 #94B8FD
monochromatic
#FB3E1C #FC7158 #FDA494 #FED7D0 #FEE5E1
Accessibility & contrast
On white
1.92
#FDA494 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.91
#FDA494 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #FDA494
10.91:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##FDA494 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FDA494 | 1.00 | 1.92 | 10.91 | 10.91 |
| #FFFFFF | 1.92 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.91 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.91 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#B8B093
Deuteranopia (green-blind)
#CDC293
Tritanopia (blue-blind)
#FF98A0
Achromatopsia (no color)
#BBBBBB
Design tokens & code
CSS
--color: #fda494; /* rgb */ color: rgb(253, 164, 148); /* oklch */ color: oklch(80.3% 0.109 30.7);
Tailwind
colors: {
custom: {
50: '#ffbfb3',
500: '#fda494',
950: '#000000',
},
}SCSS
$custom: #fda494; $custom-light: #ffbfb3; $custom-dark: #000000;
JSON
{
"hex": "#fda494",
"rgb": {
"r": 253,
"g": 164,
"b": 148
},
"hsl": {
"h": 9.143,
"s": 96.33,
"l": 78.627
},
"oklch": {
"l": 0.80323,
"c": 0.10893,
"h": 30.7
},
"luminance": 0.49572
}Semantic roles & 50–950 ramp
primary
#FDA494
secondary
#D4F1F7
accent
#C3E600
background
#FFFBFB
surface
#FFF7F6
border
#D7D0D0
text
#181211
muted
#868180