#FDCFB0

#FDCFB0

Color Values

HEX

#FDCFB0

RGB

253, 207, 176

HSL

24.2, 95.1%, 84.1%

HSV

24.2, 30.4%, 99.2%

CMYK

0.0%, 18.2%, 30.4%, 0.8%

OKLCH

0.8866 0.0665 55.7

Properties

Warm Light Nearest: Peach

Color Harmonies

Complementary

#FDCFB0

#B0DEFD

Analogous

#FDB0B7

#FDF6B0

#FDCFB0

Triadic

#FDCFB0

#B0FDCF

#CFB0FD

Split Complementary

#FDCFB0

#B0FDF6

#B0B7FD

Tetradic

#FDCFB0

#B7FDB0

#B0DEFD

#F6B0FD

Color Blindness Simulation

Original

#FDCFB0

Protanopia

#E9E9B7

Deuteranopia

#ECEFB9

Tritanopia

#FBBDBF

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#FEF6F1
100
#FCEADF
200
#FDD5B9
300
#FCB788
400
#FA8F47
500
#F96806
600
#C75305
700
#9F4304
800
#7C3403
900
#5A2807
950
#391A04

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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