#FDC6A2

#FDC6A2

Color Values

HEX

#FDC6A2

RGB

253, 198, 162

HSL

23.7, 95.8%, 81.4%

HSV

23.7, 36.0%, 99.2%

CMYK

0.0%, 21.7%, 36.0%, 0.8%

OKLCH

0.8668 0.0791 54.6

Properties

Warm Light Nearest: Peach

Color Harmonies

Complementary

#FDC6A2

#A2D9FD

Analogous

#FDA2AC

#FDF3A2

#FDC6A2

Triadic

#FDC6A2

#A2FDC6

#C6A2FD

Split Complementary

#FDC6A2

#A2FDF3

#A2ACFD

Tetradic

#FDC6A2

#ACFDA2

#A2D9FD

#F3A2FD

Color Blindness Simulation

Original

#FDC6A2

Protanopia

#E5E5AB

Deuteranopia

#E8ECAD

Tritanopia

#FAB2B3

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#FEF6F1
100
#FCEADF
200
#FED4B9
300
#FCB587
400
#FB8E46
500
#FA6605
600
#C85104
700
#A04103
800
#7D3303
900
#5A2807
950
#391904

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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