#FEACA9

#FEACA9

Color Values

HEX

#FEACA9

RGB

254, 172, 169

HSL

2,1, 97,7%, 82,9%

HSV

2,1, 33,5%, 99,6%

CMYK

0,0%, 32,3%, 33,5%, 0,4%

OKLCH

0,8228 0,0971 21,7

Properties

Warm Light Nearest: NCS S 0530-R10B Rose

Color Harmonies

Complementary

#FEACA9

#A9FBFE

Analogous

#FEA9D0

#FED6A9

#FEACA9

Triadic

#FEACA9

#A9FEAC

#ACA9FE

Split Complementary

#FEACA9

#A9FED6

#A9D0FE

Tetradic

#FEACA9

#D0FEA9

#A9FBFE

#D6A9FE

Color Blindness Simulation

Original

#FEACA9

Protanopia

#DADAAA

Deuteranopia

#DFE5AA

Tritanopia

#FAAAAA

Achromatopsia

#BDBDBD

CSS Usage

background-color: #FEACA9;
color: #FEACA9;
border-color: #FEACA9;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FEF1F1
100
#FCDFDE
200
#FEBBB8
300
#FE8A86
400
#FD4B44
500
#FC0C03
600
#CA0902
700
#A10702
800
#7E0601
900
#5B0906
950
#3A0604

Contrast Checker

Text on white

1,8:1

AA Fail AAA Fail

Text on black

11,69:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026