#FEA7AF

#FEA7AF

Color Values

HEX

#FEA7AF

RGB

254, 167, 175

HSL

354,5, 97,8%, 82,5%

HSV

354,5, 34,3%, 99,6%

CMYK

0,0%, 34,3%, 31,1%, 0,4%

OKLCH

0,8158 0,1032 13,6

Properties

Warm Light Nearest: lightpink 1

Color Harmonies

Complementary

#FEA7AF

#A7FEF6

Analogous

#FEA7DA

#FECAA7

#FEA7AF

Triadic

#FEA7AF

#AFFEA7

#A7AFFE

Split Complementary

#FEA7AF

#A7FECA

#A7DAFE

Tetradic

#FEA7AF

#DAFEA7

#A7FEF6

#CAA7FE

Color Blindness Simulation

Original

#FEA7AF

Protanopia

#D8D8AD

Deuteranopia

#DDE4AD

Tritanopia

#FAACAB

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#FEF1F2
100
#FCDEE1
200
#FEB8BF
300
#FE8691
400
#FD4455
500
#FC031A
600
#CA0215
700
#A10210
800
#7E010D
900
#5B060E
950
#3A0409

Contrast Checker

Text on white

1,85:1

AA Fail AAA Fail

Text on black

11,36: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