#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