#FDCAB2

#FDCAB2

Color Values

HEX

#FDCAB2

RGB

253, 202, 178

HSL

19.2, 94.9%, 84.5%

HSV

19.2, 29.6%, 99.2%

CMYK

0.0%, 20.2%, 29.6%, 0.8%

OKLCH

0.8777 0.0667 46.5

Properties

Warm Light Nearest: Peach

Color Harmonies

Complementary

#FDCAB2

#B2E5FD

Analogous

#FDB2BF

#FDEFB2

#FDCAB2

Triadic

#FDCAB2

#B2FDCA

#CAB2FD

Split Complementary

#FDCAB2

#B2FDEF

#B2BFFD

Tetradic

#FDCAB2

#BFFDB2

#B2E5FD

#EFB2FD

Color Blindness Simulation

Original

#FDCAB2

Protanopia

#E7E6B8

Deuteranopia

#EAEEB9

Tritanopia

#FABCBD

Achromatopsia

#D3D3D3

CSS Usage

background-color: #FDCAB2;
color: #FDCAB2;
border-color: #FDCAB2;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FEF5F1
100
#FCE8DF
200
#FDCFB9
300
#FCAD88
400
#FA8047
500
#F85407
600
#C74305
700
#9F3604
800
#7C2A03
900
#5A2207
950
#391504

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

14.27:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026