#FFA096#FFA096

#FFA096 is a light, moderate red. Relative luminance 0.486; OKLCH L 79.9% C 0.115 H 26.4°. Best body text is #000000 at 10.72:1 contrast (WCAG AA passes).

Color values

HEX	#FFA096
RGB	rgb(255, 160, 150)
HSL	hsl(6, 100%, 79%)
HSV	hsv(6, 41%, 100%)
CMYK	cmyk(0%, 37.3%, 41.2%, 0%)
CIE-LAB	lab(75.21, 34.15, 20.11)
CIE-LCH	lch(75.21, 39.64, 30.49°)
OKLab	oklab(79.92% 0.1029 0.0512)
OKLCH	oklch(79.92% 0.115 26.4)
XYZ	xyz(59.3187, 48.6085, 35.1064)
Luminance	0.4860 (WCAG relative)
Temperature	warm
Family	red

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#FFA096 #96F5FF

analogous

#FF96C1 #FFA096 #FFD496

triadic

#FFA096 #96FFA0 #A096FF

tetradic

#FFA096 #C1FF96 #96F5FF #D496FF

square

#FFA096 #C1FF96 #96F5FF #D496FF

split-complementary

#FFA096 #96FFD4 #96C1FF

monochromatic

#FF311C #FF6959 #FFA096 #FFD7D3 #FFE3E0

Accessibility & contrast

On white

1.96

#FFA096 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

10.72

#FFA096 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #FFA096

10.72:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##FFA096	#FFFFFF	#000000	##000000
##FFA096	1.00	1.96	10.72	10.72
#FFFFFF	1.96	1.00	21.00	21.00
#000000	10.72	21.00	1.00	1.00
##000000	10.72	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#B5AE95

Deuteranopia (green-blind)

#CBC195

Tritanopia (blue-blind)

#FF939E

Achromatopsia (no color)

#B9B9B9

Design tokens & code

CSS

--color: #ffa096;
/* rgb */ color: rgb(255, 160, 150);
/* oklch */ color: oklch(79.9% 0.115 26.4);

Tailwind

colors: {
  custom: {
    50: '#ffbdb4',
    500: '#ffa096',
    950: '#000000',
  },
}

SCSS

$custom: #ffa096;
$custom-light: #ffbdb4;
$custom-dark: #000000;

JSON

{
  "hex": "#ffa096",
  "rgb": {
    "r": 255,
    "g": 160,
    "b": 150
  },
  "hsl": {
    "h": 5.714,
    "s": 100,
    "l": 79.412
  },
  "oklch": {
    "l": 0.79924,
    "c": 0.11493,
    "h": 26.4
  },
  "luminance": 0.48604
}

Semantic roles & 50–950 ramp

primary

#FFA096

secondary

#D4F4F7

accent

#D0E600

background

#FFFBFB

surface

#FFF6F6

border

#D7D0D0

text

#181211

muted

#868180

Preview Lab

Preview with #FFA096

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

Preview Lab → · Contrast checker → · Palette generator →