#FEB1D0

#FEB1D0

Color Values

HEX

#FEB1D0

RGB

254, 177, 208

HSL

335.8, 97.5%, 84.5%

HSV

335.8, 30.3%, 99.6%

CMYK

0.0%, 30.3%, 18.1%, 0.4%

OKLCH

0.842 0.0973 353.5

Properties

Warm Light Nearest: Lavender

Color Harmonies

Complementary

#FEB1D0

#B1FEDF

Analogous

#FEB1F7

#FEB8B1

#FEB1D0

Triadic

#FEB1D0

#D0FEB1

#B1D0FE

Split Complementary

#FEB1D0

#B1FEB8

#B1F7FE

Tetradic

#FEB1D0

#F7FEB1

#B1FEDF

#B8B1FE

Color Blindness Simulation

Original

#FEB1D0

Protanopia

#DDDCC9

Deuteranopia

#E1E7C7

Tritanopia

#FAC3C1

Achromatopsia

#C4C4C4

CSS Usage

background-color: #FEB1D0;
color: #FEB1D0;
border-color: #FEB1D0;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FEF1F6
100
#FCDEEA
200
#FEB8D5
300
#FD86B6
400
#FD458F
500
#FC0367
600
#C90353
700
#A10242
800
#7E0234
900
#5B0628
950
#390419

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

12.41:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026