#FDBDC2

#FDBDC2

Color Values

HEX

#FDBDC2

RGB

253, 189, 194

HSL

355.3, 94.1%, 86.7%

HSV

355.3, 25.3%, 99.2%

CMYK

0.0%, 25.3%, 23.3%, 0.8%

OKLCH

0.858 0.0741 13.5

Properties

Warm Light Nearest: rosybrown 1

Color Harmonies

Complementary

#FDBDC2

#BDFDF8

Analogous

#FDBDE2

#FDD8BD

#FDBDC2

Triadic

#FDBDC2

#C2FDBD

#BDC2FD

Split Complementary

#FDBDC2

#BDFDD8

#BDE2FD

Tetradic

#FDBDC2

#E2FDBD

#BDFDF8

#D8BDFD

Color Blindness Simulation

Original

#FDBDC2

Protanopia

#E1E1C1

Deuteranopia

#E5EAC0

Tritanopia

#FAC0C0

Achromatopsia

#CBCBCB

CSS Usage

background-color: #FDBDC2;
color: #FDBDC2;
border-color: #FDBDC2;
Nearest Tailwind: Red 200 #FECACA

Tailwind Shades

50
#FDF1F2
100
#FBDFE1
200
#FDBABF
300
#FB8891
400
#F94856
500
#F7081A
600
#C60615
700
#9E0511
800
#7C040D
900
#59070E
950
#390509

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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