#F1DEC9

#F1DEC9

Color Values

HEX

#F1DEC9

RGB

241, 222, 201

HSL

31.5, 58.8%, 86.7%

HSV

31.5, 16.6%, 94.5%

CMYK

0.0%, 7.9%, 16.6%, 5.5%

OKLCH

0.9104 0.035 70.2

Properties

Warm Light Nearest: Almond

Color Harmonies

Complementary

#F1DEC9

#C9DCF1

Analogous

#F1CAC9

#F0F1C9

#F1DEC9

Triadic

#F1DEC9

#C9F1DE

#DEC9F1

Split Complementary

#F1DEC9

#C9F0F1

#CAC9F1

Tetradic

#F1DEC9

#C9F1CA

#C9DCF1

#F1C9F0

Color Blindness Simulation

Original

#F1DEC9

Protanopia

#E9E9CE

Deuteranopia

#EAEBCF

Tritanopia

#F0D2D3

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F6EEE4
200
#F0DCC6
300
#E6C49E
400
#D8A369
500
#CA8335
600
#A2692A
700
#825422
800
#65421A
900
#4A3217
950
#2F1F0E

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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