#FDCCA0

#FDCCA0

Color Values

HEX

#FDCCA0

RGB

253, 204, 160

HSL

28.4, 95.9%, 81.0%

HSV

28.4, 36.8%, 99.2%

CMYK

0.0%, 19.4%, 36.8%, 0.8%

OKLCH

0.8777 0.08 63.4

Properties

Warm Light Nearest: Peach

Color Harmonies

Complementary

#FDCCA0

#A0D1FD

Analogous

#FDA0A3

#FDFBA0

#FDCCA0

Triadic

#FDCCA0

#A0FDCC

#CCA0FD

Split Complementary

#FDCCA0

#A0FDFB

#A0A3FD

Tetradic

#FDCCA0

#A3FDA0

#A0D1FD

#FBA0FD

Color Blindness Simulation

Original

#FDCCA0

Protanopia

#E8E7AB

Deuteranopia

#EBEEAD

Tritanopia

#FBB3B5

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCECDF
200
#FED9B9
300
#FCBF87
400
#FB9C46
500
#FA7905
600
#C86104
700
#A04D03
800
#7D3C03
900
#5A2E07
950
#391D04

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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