#F9D2AA

#F9D2AA

Color Values

HEX

#F9D2AA

RGB

249, 210, 170

HSL

30.4, 86.8%, 82.2%

HSV

30.4, 31.7%, 97.6%

CMYK

0.0%, 15.7%, 31.7%, 2.4%

OKLCH

0.8873 0.0684 67.5

Properties

Warm Light Nearest: Apricot

Color Harmonies

Complementary

#F9D2AA

#AAD1F9

Analogous

#F9ABAA

#F8F9AA

#F9D2AA

Triadic

#F9D2AA

#AAF9D2

#D2AAF9

Split Complementary

#F9D2AA

#AAF8F9

#ABAAF9

Tetradic

#F9D2AA

#AAF9AB

#AAD1F9

#F9AAF8

Color Blindness Simulation

Original

#F9D2AA

Protanopia

#E8E8B4

Deuteranopia

#EAEDB6

Tritanopia

#F7BBBD

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FAEDE0
200
#FADCBC
300
#F7C38D
400
#F3A24F
500
#EE8111
600
#BF670D
700
#98530B
800
#774008
900
#56310B
950
#371F07

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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