#FEA4AA

#FEA4AA

Color Values

HEX

#FEA4AA

RGB

254, 164, 170

HSL

356.0, 97.8%, 82.0%

HSV

356.0, 35.4%, 99.6%

CMYK

0.0%, 35.4%, 33.1%, 0.4%

OKLCH

0.8095 0.107 15.4

Properties

Warm Light Nearest: lightpink 1

Color Harmonies

Complementary

#FEA4AA

#A4FEF8

Analogous

#FEA4D7

#FECBA4

#FEA4AA

Triadic

#FEA4AA

#AAFEA4

#A4AAFE

Split Complementary

#FEA4AA

#A4FECB

#A4D7FE

Tetradic

#FEA4AA

#D7FEA4

#A4FEF8

#CBA4FE

Color Blindness Simulation

Original

#FEA4AA

Protanopia

#D7D6A9

Deuteranopia

#DCE3A8

Tritanopia

#F9A7A7

Achromatopsia

#B8B8B8

CSS Usage

background-color: #FEA4AA;
color: #FEA4AA;
border-color: #FEA4AA;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FEF1F2
100
#FCDEE0
200
#FEB8BD
300
#FE868E
400
#FD4451
500
#FC0313
600
#CA0210
700
#A1020C
800
#7E010A
900
#5B060B
950
#3A0407

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

11.1:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026