#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026