#FECFD6

#FECFD6

Color Values

HEX

#FECFD6

RGB

254, 207, 214

HSL

351.1, 95.9%, 90.4%

HSV

351.1, 18.5%, 99.6%

CMYK

0.0%, 18.5%, 15.7%, 0.4%

OKLCH

0.8969 0.0537 8.2

Properties

Warm Light Nearest: Pig Pink

Color Harmonies

Complementary

#FECFD6

#CFFEF7

Analogous

#FECFED

#FEE0CF

#FECFD6

Triadic

#FECFD6

#D6FECF

#CFD6FE

Split Complementary

#FECFD6

#CFFEE0

#CFEDFE

Tetradic

#FECFD6

#EDFECF

#CFFEF7

#E0CFFE

Color Blindness Simulation

Original

#FECFD6

Protanopia

#EAE9D4

Deuteranopia

#ECF0D4

Tritanopia

#FCD3D3

Achromatopsia

#D9D9D9

CSS Usage

background-color: #FECFD6;
color: #FECFD6;
border-color: #FECFD6;
Nearest Tailwind: Rose 200 #FECDD3

Tailwind Shades

50
#FEF1F3
100
#FCDFE3
200
#FEB9C3
300
#FC8799
400
#FB4661
500
#FA052A
600
#C80421
700
#A0031B
800
#7D0315
900
#5A0713
950
#39040C

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

15.11:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026