#F9DFC2

#F9DFC2

Color Values

HEX

#F9DFC2

RGB

249, 223, 194

HSL

31.6, 82.1%, 86.9%

HSV

31.6, 22.1%, 97.6%

CMYK

0.0%, 10.4%, 22.1%, 2.4%

OKLCH

0.9176 0.0479 70.2

Properties

Warm Light Nearest: bisque

Color Harmonies

Complementary

#F9DFC2

#C2DCF9

Analogous

#F9C4C2

#F8F9C2

#F9DFC2

Triadic

#F9DFC2

#C2F9DF

#DFC2F9

Split Complementary

#F9DFC2

#C2F8F9

#C4C2F9

Tetradic

#F9DFC2

#C2F9C4

#C2DCF9

#F9C2F8

Color Blindness Simulation

Original

#F9DFC2

Protanopia

#EEEEC9

Deuteranopia

#EFF1CB

Tritanopia

#F8CFD0

Achromatopsia

#E2E2E2

CSS Usage

background-color: #F9DFC2;
color: #F9DFC2;
border-color: #F9DFC2;
Nearest Tailwind: Orange 100 #FFEDD5

Tailwind Shades

50
#FDF8F2
100
#FAEEE1
200
#F9DDBE
300
#F4C490
400
#EEA553
500
#E88517
600
#BA6A12
700
#95550F
800
#74430B
900
#54320D
950
#352008

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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