#F2F9E2

#F2F9E2

Color Values

HEX

#F2F9E2

RGB

242, 249, 226

HSL

78.3, 65.7%, 93.1%

HSV

78.3, 9.2%, 97.6%

CMYK

2.8%, 0.0%, 9.2%, 2.4%

OKLCH

0.9707 0.0311 120.8

Properties

Cool Light Nearest: beige

Color Harmonies

Complementary

#F2F9E2

#E9E2F9

Analogous

#F9F4E2

#E6F9E2

#F2F9E2

Triadic

#F2F9E2

#E2F2F9

#F9E2F2

Split Complementary

#F2F9E2

#E2E6F9

#F4E2F9

Tetradic

#F2F9E2

#E2F9F4

#E9E2F9

#F9E2E6

Color Blindness Simulation

Original

#F2F9E2

Protanopia

#F5F5E8

Deuteranopia

#F5F4E9

Tritanopia

#F2ECED

Achromatopsia

#F6F6F6

CSS Usage

background-color: #F2F9E2;
color: #F2F9E2;
border-color: #F2F9E2;
Nearest Tailwind: Lime 50 #F7FEE7

Tailwind Shades

50
#F9FCF3
100
#F1F7E3
200
#E4F3C4
300
#D1EA9A
400
#B9DF63
500
#A0D32C
600
#80A923
700
#67871C
800
#506A16
900
#3C4D14
950
#26310D

Contrast Checker

Text on white

1.08:1

AA Fail AAA Fail

Text on black

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