#F2F9F4

#F2F9F4

Color Values

HEX

#F2F9F4

RGB

242, 249, 244

HSL

137.1, 36.8%, 96.3%

HSV

137.1, 2.8%, 97.6%

CMYK

2.8%, 0.0%, 2.0%, 2.4%

OKLCH

0.9755 0.0099 155.1

Properties

Cool Light Nearest: mintcream

Color Harmonies

Complementary

#F2F9F4

#F9F2F7

Analogous

#F4F9F2

#F2F9F8

#F2F9F4

Triadic

#F2F9F4

#F4F2F9

#F9F4F2

Split Complementary

#F2F9F4

#F8F2F9

#F9F2F4

Tetradic

#F2F9F4

#F2F4F9

#F9F2F7

#F9F8F2

Color Blindness Simulation

Original

#F2F9F4

Protanopia

#F5F5F5

Deuteranopia

#F5F4F6

Tritanopia

#F2F6F6

Achromatopsia

#F7F7F7

CSS Usage

background-color: #F2F9F4;
color: #F2F9F4;
border-color: #F2F9F4;
Nearest Tailwind: Teal 50 #F0FDFA

Tailwind Shades

50
#F5FAF6
100
#E8F3EB
200
#CEE8D6
300
#ABD8B8
400
#7EC392
500
#51AE6B
600
#408C56
700
#347045
800
#285736
900
#20402A
950
#14291A

Contrast Checker

Text on white

1.07:1

AA Fail AAA Fail

Text on black

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