#FDE2BC

#FDE2BC

Color Values

HEX

#FDE2BC

RGB

253, 226, 188

HSL

35.1, 94.2%, 86.5%

HSV

35.1, 25.7%, 99.2%

CMYK

0.0%, 10.7%, 25.7%, 0.8%

OKLCH

0.9255 0.0578 76.3

Properties

Warm Light Nearest: bisque

Color Harmonies

Complementary

#FDE2BC

#BCD7FD

Analogous

#FDC2BC

#F7FDBC

#FDE2BC

Triadic

#FDE2BC

#BCFDE2

#E2BCFD

Split Complementary

#FDE2BC

#BCF7FD

#C2BCFD

Tetradic

#FDE2BC

#BCFDC2

#BCD7FD

#FDBCF7

Color Blindness Simulation

Original

#FDE2BC

Protanopia

#F1F1C5

Deuteranopia

#F3F5C7

Tritanopia

#FCCCCE

Achromatopsia

#E5E5E5

CSS Usage

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

Tailwind Shades

50
#FDF8F1
100
#FBF0DF
200
#FDE1BA
300
#FBCC88
400
#FAB048
500
#F89407
600
#C67606
700
#9E5F05
800
#7C4A04
900
#5A3707
950
#392305

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

16.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