#F2F4EB

#F2F4EB

Color Values

HEX

#F2F4EB

RGB

242, 244, 235

HSL

73,3, 29,0%, 93,9%

HSV

73,3, 3,7%, 95,7%

CMYK

0,8%, 0,0%, 3,7%, 4,3%

OKLCH

0,9632 0,0121 116,8

Properties

Cool Light Nearest: ivory 2

Color Harmonies

Complementary

#F2F4EB

#EDEBF4

Analogous

#F4F1EB

#EDF4EB

#F2F4EB

Triadic

#F2F4EB

#EBF2F4

#F4EBF2

Split Complementary

#F2F4EB

#EBEDF4

#F1EBF4

Tetradic

#F2F4EB

#EBF4F1

#EDEBF4

#F4EBED

Color Blindness Simulation

Original

#F2F4EB

Protanopia

#F3F3ED

Deuteranopia

#F3F3EE

Tritanopia

#F2EFEF

Achromatopsia

#F3F3F3

CSS Usage

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

Tailwind Shades

50
#F8F9F5
100
#F0F2E9
200
#E1E6D1
300
#CCD4B0
400
#B0BC85
500
#94A45B
600
#768448
700
#5F693A
800
#4A522D
900
#373D24
950
#232717

Contrast Checker

Text on white

1,11:1

AA Fail AAA Fail

Text on black

18,92:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026