#F4F2EA

#F4F2EA

Color Values

HEX

#F4F2EA

RGB

244, 242, 234

HSL

48.0, 31.3%, 93.7%

HSV

48.0, 4.1%, 95.7%

CMYK

0.0%, 0.8%, 4.1%, 4.3%

OKLCH

0.9605 0.0108 95.2

Properties

Warm Light Nearest: linen

Color Harmonies

Complementary

#F4F2EA

#EAECF4

Analogous

#F4EDEA

#F1F4EA

#F4F2EA

Triadic

#F4F2EA

#EAF4F2

#F2EAF4

Split Complementary

#F4F2EA

#EAF1F4

#EDEAF4

Tetradic

#F4F2EA

#EAF4ED

#EAECF4

#F4EAF1

Color Blindness Simulation

Original

#F4F2EA

Protanopia

#F3F3EC

Deuteranopia

#F3F3EC

Tritanopia

#F4EDEE

Achromatopsia

#F2F2F2

CSS Usage

background-color: #F4F2EA;
color: #F4F2EA;
border-color: #F4F2EA;
Nearest Tailwind: Orange 50 #FFF7ED

Tailwind Shades

50
#F9F9F5
100
#F2F0E8
200
#E6E2D0
300
#D5CDAF
400
#BEB283
500
#A79758
600
#867946
700
#6B6138
800
#544C2C
900
#3E3923
950
#272416

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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