#F5F2DE

#F5F2DE

Color Values

HEX

#F5F2DE

RGB

245, 242, 222

HSL

52.2, 53.5%, 91.6%

HSV

52.2, 9.4%, 96.1%

CMYK

0.0%, 1.2%, 9.4%, 3.9%

OKLCH

0.9581 0.0265 99.9

Properties

Warm Light Nearest: beige

Color Harmonies

Complementary

#F5F2DE

#DEE1F5

Analogous

#F5E7DE

#EDF5DE

#F5F2DE

Triadic

#F5F2DE

#DEF5F2

#F2DEF5

Split Complementary

#F5F2DE

#DEEDF5

#E7DEF5

Tetradic

#F5F2DE

#DEF5E7

#DEE1F5

#F5DEED

Color Blindness Simulation

Original

#F5F2DE

Protanopia

#F4F4E3

Deuteranopia

#F4F4E4

Tritanopia

#F5E7E8

Achromatopsia

#F1F1F1

CSS Usage

background-color: #F5F2DE;
color: #F5F2DE;
border-color: #F5F2DE;
Nearest Tailwind: Yellow 50 #FEFCE8

Tailwind Shades

50
#FBFAF4
100
#F5F3E5
200
#EEE9C8
300
#E3DAA1
400
#D3C66E
500
#C4B23B
600
#9D8E2F
700
#7D7226
800
#62591E
900
#484219
950
#2D2A10

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

18.64:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026