#F9D0B2

#F9D0B2

Color Values

HEX

#F9D0B2

RGB

249, 208, 178

HSL

25.4, 85.5%, 83.7%

HSV

25.4, 28.5%, 97.6%

CMYK

0.0%, 16.5%, 28.5%, 2.4%

OKLCH

0.8852 0.0612 58.0

Properties

Warm Light Nearest: peachpuff 2

Color Harmonies

Complementary

#F9D0B2

#B2DBF9

Analogous

#F9B2B7

#F9F4B2

#F9D0B2

Triadic

#F9D0B2

#B2F9D0

#D0B2F9

Split Complementary

#F9D0B2

#B2F9F4

#B2B7F9

Tetradic

#F9D0B2

#B7F9B2

#B2DBF9

#F4B2F9

Color Blindness Simulation

Original

#F9D0B2

Protanopia

#E7E7B9

Deuteranopia

#EAEDBB

Tritanopia

#F7BFC0

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#FDF6F2
100
#FAEBE0
200
#FAD7BD
300
#F6BA8D
400
#F19450
500
#ED6F12
600
#BD590F
700
#97470C
800
#763709
900
#562B0B
950
#361B07

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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