#EDFAF2

#EDFAF2

Color Values

HEX

#EDFAF2

RGB

237, 250, 242

HSL

143.1, 56.5%, 95.5%

HSV

143.1, 5.2%, 98.0%

CMYK

5.2%, 0.0%, 3.2%, 2.0%

OKLCH

0.9732 0.0173 159.1

Properties

Cool Light Nearest: mintcream

Color Harmonies

Complementary

#EDFAF2

#FAEDF5

Analogous

#EFFAED

#EDFAF9

#EDFAF2

Triadic

#EDFAF2

#F2EDFA

#FAF2ED

Split Complementary

#EDFAF2

#F9EDFA

#FAEDEF

Tetradic

#EDFAF2

#EDEFFA

#FAEDF5

#FAF9ED

Color Blindness Simulation

Original

#EDFAF2

Protanopia

#F3F3F4

Deuteranopia

#F2F1F4

Tritanopia

#EEF5F6

Achromatopsia

#F7F7F7

CSS Usage

background-color: #EDFAF2;
color: #EDFAF2;
border-color: #EDFAF2;
Nearest Tailwind: Green 50 #F0FDF4

Tailwind Shades

50
#F4FBF7
100
#E5F6EB
200
#C7EFD7
300
#9FE4BA
400
#6BD694
500
#37C86F
600
#2CA059
700
#238047
800
#1C6437
900
#18492B
950
#0F2E1B

Contrast Checker

Text on white

1.07:1

AA Fail AAA Fail

Text on black

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