#FDC4B2

#FDC4B2

Color Values

HEX

#FDC4B2

RGB

253, 196, 178

HSL

14.4, 94.9%, 84.5%

HSV

14.4, 29.6%, 99.2%

CMYK

0.0%, 22.5%, 29.6%, 0.8%

OKLCH

0.8666 0.0702 38.2

Properties

Warm Light Nearest: Melon

Color Harmonies

Complementary

#FDC4B2

#B2EBFD

Analogous

#FDB2C5

#FDE9B2

#FDC4B2

Triadic

#FDC4B2

#B2FDC4

#C4B2FD

Split Complementary

#FDC4B2

#B2FDE9

#B2C5FD

Tetradic

#FDC4B2

#C5FDB2

#B2EBFD

#E9B2FD

Color Blindness Simulation

Original

#FDC4B2

Protanopia

#E4E4B6

Deuteranopia

#E8ECB7

Tritanopia

#FABABB

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE6DF
200
#FDCAB9
300
#FCA488
400
#FA7247
500
#F84107
600
#C73405
700
#9F2904
800
#7C2003
900
#5A1B07
950
#391104

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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