#FDBCB2

#FDBCB2

Color Values

HEX

#FDBCB2

RGB

253, 188, 178

HSL

8.0, 94.9%, 84.5%

HSV

8.0, 29.6%, 99.2%

CMYK

0.0%, 25.7%, 29.6%, 0.8%

OKLCH

0.8521 0.077 28.7

Properties

Warm Light Nearest: Melon

Color Harmonies

Complementary

#FDBCB2

#B2F3FD

Analogous

#FDB2CD

#FDE1B2

#FDBCB2

Triadic

#FDBCB2

#B2FDBC

#BCB2FD

Split Complementary

#FDBCB2

#B2FDE1

#B2CDFD

Tetradic

#FDBCB2

#CDFDB2

#B2F3FD

#E1B2FD

Color Blindness Simulation

Original

#FDBCB2

Protanopia

#E1E0B4

Deuteranopia

#E5EAB5

Tritanopia

#FAB6B7

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#FEF3F1
100
#FCE3DF
200
#FDC2B9
300
#FC9788
400
#FA5F47
500
#F82707
600
#C71F05
700
#9F1904
800
#7C1303
900
#5A1207
950
#390B04

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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