#F2EFE3

#F2EFE3

Color Values

HEX

#F2EFE3

RGB

242, 239, 227

HSL

48.0, 36.6%, 92.0%

HSV

48.0, 6.2%, 94.9%

CMYK

0.0%, 1.2%, 6.2%, 5.1%

OKLCH

0.9512 0.0162 95.2

Properties

Warm Light Nearest: ivory 2

Color Harmonies

Complementary

#F2EFE3

#E3E6F2

Analogous

#F2E8E3

#EEF2E3

#F2EFE3

Triadic

#F2EFE3

#E3F2EF

#EFE3F2

Split Complementary

#F2EFE3

#E3EEF2

#E8E3F2

Tetradic

#F2EFE3

#E3F2E8

#E3E6F2

#F2E3EE

Color Blindness Simulation

Original

#F2EFE3

Protanopia

#F1F1E6

Deuteranopia

#F1F1E7

Tritanopia

#F2E8E9

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F3F0E8
200
#E8E3CE
300
#D8CFAB
400
#C3B57E
500
#AE9B51
600
#8B7C41
700
#6F6434
800
#574E28
900
#403A20
950
#292515

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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