#FE9BD0

#FE9BD0

Color Values

HEX

#FE9BD0

RGB

254, 155, 208

HSL

327.9, 98.0%, 80.2%

HSV

327.9, 39.0%, 99.6%

CMYK

0.0%, 39.0%, 18.1%, 0.4%

OKLCH

0.806 0.1335 347.2

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#FE9BD0

#9BFEC9

Analogous

#FB9BFE

#FE9B9E

#FE9BD0

Triadic

#FE9BD0

#D0FE9B

#9BD0FE

Split Complementary

#FE9BD0

#9EFE9B

#9BFEFB

Tetradic

#FE9BD0

#FEFB9B

#9BFEC9

#9B9EFE

Color Blindness Simulation

Original

#FE9BD0

Protanopia

#D3D2C3

Deuteranopia

#D9E0C0

Tritanopia

#F9B9B7

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#FEF1F8
100
#FCDEEE
200
#FEB8DE
300
#FE86C6
400
#FD44A7
500
#FC0388
600
#CA026D
700
#A20257
800
#7E0144
900
#5B0633
950
#3A0420

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

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