#F9E2CF

#F9E2CF

Color Values

HEX

#F9E2CF

RGB

249, 226, 207

HSL

27,1, 77,8%, 89,4%

HSV

27,1, 16,9%, 97,6%

CMYK

0,0%, 9,2%, 16,9%, 2,4%

OKLCH

0,9265 0,0359 61,9

Properties

Warm Light Nearest: Almond

Color Harmonies

Complementary

#F9E2CF

#CFE6F9

Analogous

#F9CFD1

#F9F7CF

#F9E2CF

Triadic

#F9E2CF

#CFF9E2

#E2CFF9

Split Complementary

#F9E2CF

#CFF9F7

#CFD1F9

Tetradic

#F9E2CF

#D1F9CF

#CFE6F9

#F7CFF9

Color Blindness Simulation

Original

#F9E2CF

Protanopia

#EFEFD4

Deuteranopia

#F0F2D5

Tritanopia

#F8D7D8

Achromatopsia

#E6E6E6

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9ECE1
200
#F7D9C0
300
#F1BD92
400
#EA9A57
500
#E3761C
600
#B55E17
700
#914B12
800
#713B0E
900
#522D0F
950
#341D09

Contrast Checker

Text on white

1,25:1

AA Fail AAA Fail

Text on black

16,81: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