#FE9DC3

#FE9DC3

Color Values

HEX

#FE9DC3

RGB

254, 157, 195

HSL

336.5, 98.0%, 80.6%

HSV

336.5, 38.2%, 99.6%

CMYK

0.0%, 38.2%, 23.2%, 0.4%

OKLCH

0.805 0.1234 355.2

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#FE9DC3

#9DFED8

Analogous

#FE9DF4

#FEA89D

#FE9DC3

Triadic

#FE9DC3

#C3FE9D

#9DC3FE

Split Complementary

#FE9DC3

#9DFEA8

#9DF4FE

Tetradic

#FE9DC3

#F4FE9D

#9DFED8

#A89DFE

Color Blindness Simulation

Original

#FE9DC3

Protanopia

#D4D3BA

Deuteranopia

#DAE1B8

Tritanopia

#F9B3B1

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#FEF1F6
100
#FCDEEA
200
#FEB8D4
300
#FE86B5
400
#FD448D
500
#FC0364
600
#CA0250
700
#A20240
800
#7E0132
900
#5B0627
950
#3A0419

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

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