#F9DFAC

#F9DFAC

Color Values

HEX

#F9DFAC

RGB

249, 223, 172

HSL

39.7, 86.5%, 82.5%

HSV

39.7, 30.9%, 97.6%

CMYK

0.0%, 10.4%, 30.9%, 2.4%

OKLCH

0.9128 0.0717 84.0

Properties

Warm Light Nearest: moccasin

Color Harmonies

Complementary

#F9DFAC

#ACC6F9

Analogous

#F9B8AC

#ECF9AC

#F9DFAC

Triadic

#F9DFAC

#ACF9DF

#DFACF9

Split Complementary

#F9DFAC

#ACECF9

#B8ACF9

Tetradic

#F9DFAC

#ACF9B8

#ACC6F9

#F9ACEC

Color Blindness Simulation

Original

#F9DFAC

Protanopia

#EEEEB8

Deuteranopia

#EFF1BB

Tritanopia

#F8C2C4

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#FAF1E0
200
#FAE5BC
300
#F7D38D
400
#F2BB4F
500
#EEA311
600
#BE830E
700
#98680B
800
#775209
900
#563D0B
950
#362607

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

16.18:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026