#FDC2BA

#FDC2BA

Color Values

HEX

#FDC2BA

RGB

253, 194, 186

HSL

7,2, 94,4%, 86,1%

HSV

7,2, 26,5%, 99,2%

CMYK

0,0%, 23,3%, 26,5%, 0,8%

OKLCH

0,8649 0,0691 27,4

Properties

Warm Light Nearest: Melon

Color Harmonies

Complementary

#FDC2BA

#BAF5FD

Analogous

#FDBAD4

#FDE4BA

#FDC2BA

Triadic

#FDC2BA

#BAFDC2

#C2BAFD

Split Complementary

#FDC2BA

#BAFDE4

#BAD4FD

Tetradic

#FDC2BA

#D4FDBA

#BAF5FD

#E4BAFD

Color Blindness Simulation

Original

#FDC2BA

Protanopia

#E3E3BC

Deuteranopia

#E7EBBC

Tritanopia

#FABDBE

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#FDF3F1
100
#FBE2DF
200
#FDC2BA
300
#FC9688
400
#FA5D48
500
#F82407
600
#C61D06
700
#9F1705
800
#7C1204
900
#5A1107
950
#390B05

Contrast Checker

Text on white

1,54:1

AA Fail AAA Fail

Text on black

13,6: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