#F19082#F19082
#F19082 is a light, vivid red. Relative luminance 0.403; OKLCH L 75.2% C 0.120 H 29.0°. Best body text is #000000 at 9.05:1 contrast (WCAG AA passes).
Color values
| HEX | #F19082 |
|---|---|
| RGB | rgb(241, 144, 130) |
| HSL | hsl(8, 80%, 73%) |
| HSV | hsv(8, 46%, 95%) |
| CMYK | cmyk(0%, 40.2%, 46.1%, 5.5%) |
| CIE-LAB | lab(69.66, 35.17, 23.23) |
| CIE-LCH | lch(69.66, 42.15, 33.44°) |
| OKLab | oklab(75.18% 0.1052 0.0583) |
| OKLCH | oklch(75.18% 0.12 29) |
| XYZ | xyz(50.2811, 40.2635, 26.2383) |
| Luminance | 0.4026 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Peachy Pink
#FF9A8A
ΔE00 3.12
Blush (survey)
#F29E8E
ΔE00 3.55
Salmon
#FA8072
ΔE00 4.15
Lightcoral
#F08080
ΔE00 5.50
Darksalmon
#E9967A
ΔE00 5.56
Salmon (survey)
#FF796C
ΔE00 5.77
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#F19082 #82E3F1
analogous
#F182AB #F19082 #F1C882
triadic
#F19082 #82F190 #9082F1
tetradic
#F19082 #ABF182 #82E3F1 #C882F1
square
#F19082 #ABF182 #82E3F1 #C882F1
split-complementary
#F19082 #82F1C8 #82ABF1
monochromatic
#E03219 #EB5F4B #F19082 #F7C1B9 #FCE7E3
Accessibility & contrast
On white
2.32
#F19082 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.05
#F19082 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #F19082
9.05:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##F19082 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##F19082 | 1.00 | 2.32 | 9.05 | 9.05 |
| #FFFFFF | 2.32 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.05 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.05 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#A69E81
Deuteranopia (green-blind)
#BEB281
Tritanopia (blue-blind)
#FF828D
Achromatopsia (no color)
#AAAAAA
Design tokens & code
CSS
--color: #f19082; /* rgb */ color: rgb(241, 144, 130); /* oklch */ color: oklch(75.2% 0.120 29.0);
Tailwind
colors: {
custom: {
50: '#f9b1a6',
500: '#f19082',
950: '#000000',
},
}SCSS
$custom: #f19082; $custom-light: #f9b1a6; $custom-dark: #000000;
JSON
{
"hex": "#f19082",
"rgb": {
"r": 241,
"g": 144,
"b": 130
},
"hsl": {
"h": 7.568,
"s": 79.856,
"l": 72.745
},
"oklch": {
"l": 0.75176,
"c": 0.12026,
"h": 29
},
"luminance": 0.40259
}Semantic roles & 50–950 ramp
primary
#F19082
secondary
#D7F0F4
accent
#C2DC09
background
#FFFBFA
surface
#FFF6F4
border
#D7D0CE
text
#18110F
muted
#86807F