#F0A191#F0A191

#F0A191 is a light, moderate red. Relative luminance 0.461; OKLCH L 78.3% C 0.098 H 31.9°. Best body text is #000000 at 10.21:1 contrast (WCAG AA passes).

Color values

HEX#F0A191
RGBrgb(240, 161, 145)
HSLhsl(10, 76%, 75%)
HSVhsv(10, 40%, 94%)
CMYKcmyk(0%, 32.9%, 39.6%, 5.9%)
CIE-LABlab(73.59, 27.44, 20.33)
CIE-LCHlch(73.59, 34.15, 36.54°)
OKLaboklab(78.27% 0.0828 0.0517)
OKLCHoklch(78.27% 0.098 31.9)
XYZxyz(53.7932, 46.0633, 32.8404)
Luminance0.4606 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#F0A191 #91E0F0
analogous
#F091B0 #F0A191 #F0D091
triadic
#F0A191 #91F0A1 #A191F0
tetradic
#F0A191 #B0F091 #91E0F0 #D091F0
square
#F0A191 #B0F091 #91E0F0 #D091F0
split-complementary
#F0A191 #91F0D0 #91B0F0
monochromatic
#E14525 #E9735B #F0A191 #F7CFC7 #FBE8E4

Accessibility & contrast

On white

2.06
#F0A191 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.21
#F0A191 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #F0A191
10.21:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##F0A191#FFFFFF#000000##000000
##F0A1911.002.0610.2110.21
#FFFFFF2.061.0021.0021.00
#00000010.2121.001.001.00
##00000010.2121.001.001.00

Color blindness preview

Protanopia (red-blind)
#B3AB90
Deuteranopia (green-blind)
#C6BB90
Tritanopia (blue-blind)
#FF969D
Achromatopsia (no color)
#B5B5B5

Design tokens & code

CSS
--color: #f0a191;
/* rgb */ color: rgb(240, 161, 145);
/* oklch */ color: oklch(78.3% 0.098 31.9);
Tailwind
colors: {
  custom: {
    50: '#f7bdb1',
    500: '#f0a191',
    950: '#000000',
  },
}
SCSS
$custom: #f0a191;
$custom-light: #f7bdb1;
$custom-dark: #000000;
JSON
{
  "hex": "#f0a191",
  "rgb": {
    "r": 240,
    "g": 161,
    "b": 145
  },
  "hsl": {
    "h": 10.105,
    "s": 76,
    "l": 75.49
  },
  "oklch": {
    "l": 0.78268,
    "c": 0.09763,
    "h": 31.9
  },
  "luminance": 0.46059
}

Semantic roles & 50–950 ramp

primary
#F0A191
secondary
#D8EEF3
accent
#B6D80D
background
#FFFBFA
surface
#FFF6F5
border
#D7D0CF
text
#171210
muted
#85817F

Preview Lab

Preview with #F0A191

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#F0A191 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva