#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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026