#FCA580#FCA580

#FCA580 is a light, moderate orange. Relative luminance 0.492; OKLCH L 80.0% C 0.115 H 43.7°. Best body text is #000000 at 10.83:1 contrast (WCAG AA passes).

Color values

HEX	#FCA580
RGB	rgb(252, 165, 128)
HSL	hsl(18, 95%, 75%)
HSV	hsv(18, 49%, 99%)
CMYK	cmyk(0%, 34.5%, 49.2%, 1.2%)
CIE-LAB	lab(75.56, 28.24, 32.39)
CIE-LCH	lch(75.56, 42.97, 48.92°)
OKLab	oklab(79.99% 0.0832 0.0796)
OKLCH	oklch(79.99% 0.115 43.7)
XYZ	xyz(57.4995, 49.1690, 26.8801)
Luminance	0.4916 (WCAG relative)
Temperature	warm
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#FCA580 #80D7FC

analogous

#FC8099 #FCA580 #FCE380

triadic

#FCA580 #80FCA5 #A580FC

tetradic

#FCA580 #99FC80 #80D7FC #E380FC

square

#FCA580 #99FC80 #80D7FC #E380FC

split-complementary

#FCA580 #80FCE3 #8099FC

monochromatic

#F95008 #FB7B44 #FCA580 #FDCFBC #FEEAE1

Accessibility & contrast

On white

1.94

#FCA580 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

10.83

#FCA580 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #FCA580

10.83:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##FCA580	#FFFFFF	#000000	##000000
##FCA580	1.00	1.94	10.83	10.83
#FFFFFF	1.94	1.00	21.00	21.00
#000000	10.83	21.00	1.00	1.00
##000000	10.83	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#BCAF7D

Deuteranopia (green-blind)

#D0C17F

Tritanopia (blue-blind)

#FF969C

Achromatopsia (no color)

#BABABA

Design tokens & code

CSS

--color: #fca580;
/* rgb */ color: rgb(252, 165, 128);
/* oklch */ color: oklch(80.0% 0.115 43.7);

Tailwind

colors: {
  custom: {
    50: '#ffc0a5',
    500: '#fca580',
    950: '#000000',
  },
}

SCSS

$custom: #fca580;
$custom-light: #ffc0a5;
$custom-dark: #000000;

JSON

{
  "hex": "#fca580",
  "rgb": {
    "r": 252,
    "g": 165,
    "b": 128
  },
  "hsl": {
    "h": 17.903,
    "s": 95.385,
    "l": 74.51
  },
  "oklch": {
    "l": 0.79986,
    "c": 0.11517,
    "h": 43.7
  },
  "luminance": 0.49164
}

Semantic roles & 50–950 ramp

primary

#FCA580

secondary

#D4ECF7

accent

#A1E600

background

#FFFBFA

surface

#FFF7F4

border

#D7D0CE

text

#18120F

muted

#86817F

Preview Lab

Preview with #FCA580

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

Preview Lab → · Contrast checker → · Palette generator →