#FEABB2

#FEABB2

Color Values

HEX

#FEABB2

RGB

254, 171, 178

HSL

354.9, 97.6%, 83.3%

HSV

354.9, 32.7%, 99.6%

CMYK

0.0%, 32.7%, 29.9%, 0.4%

OKLCH

0.8234 0.0981 13.9

Properties

Warm Light Nearest: lightpink 1

Color Harmonies

Complementary

#FEABB2

#ABFEF7

Analogous

#FEABDB

#FECDAB

#FEABB2

Triadic

#FEABB2

#B2FEAB

#ABB2FE

Split Complementary

#FEABB2

#ABFECD

#ABDBFE

Tetradic

#FEABB2

#DBFEAB

#ABFEF7

#CDABFE

Color Blindness Simulation

Original

#FEABB2

Protanopia

#DAD9B0

Deuteranopia

#DFE5B0

Tritanopia

#FAAFAF

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#FEF1F2
100
#FCDEE1
200
#FEB8BE
300
#FE8690
400
#FD4554
500
#FC0318
600
#CA0213
700
#A1020F
800
#7E020C
900
#5B060D
950
#390408

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

11.68: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