#F2F5E7

#F2F5E7

Color Values

HEX

#F2F5E7

RGB

242, 245, 231

HSL

72.9, 41.2%, 93.3%

HSV

72.9, 5.7%, 96.1%

CMYK

1.2%, 0.0%, 5.7%, 3.9%

OKLCH

0.9641 0.0187 116.6

Properties

Cool Light Nearest: ivory 2

Color Harmonies

Complementary

#F2F5E7

#EAE7F5

Analogous

#F5F1E7

#EBF5E7

#F2F5E7

Triadic

#F2F5E7

#E7F2F5

#F5E7F2

Split Complementary

#F2F5E7

#E7EBF5

#F1E7F5

Tetradic

#F2F5E7

#E7F5F1

#EAE7F5

#F5E7EB

Color Blindness Simulation

Original

#F2F5E7

Protanopia

#F3F3EA

Deuteranopia

#F3F3EB

Tritanopia

#F2EDEE

Achromatopsia

#F3F3F3

CSS Usage

background-color: #F2F5E7;
color: #F2F5E7;
border-color: #F2F5E7;
Nearest Tailwind: Amber 50 #FFFBEB

Tailwind Shades

50
#F9FAF5
100
#F1F3E7
200
#E4EACD
300
#D0DBA9
400
#B7C87A
500
#9DB44B
600
#7E903C
700
#657330
800
#4F5A25
900
#3B421E
950
#252A13

Contrast Checker

Text on white

1.11:1

AA Fail AAA Fail

Text on black

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