#EDF2EB

#EDF2EB

Color Values

HEX

#EDF2EB

RGB

237, 242, 235

HSL

102,9, 21,2%, 93,5%

HSV

102,9, 2,9%, 94,9%

CMYK

2,1%, 0,0%, 2,9%, 5,1%

OKLCH

0,9554 0,0107 136,6

Properties

Cool Light Nearest: NCS S 0500-N White

Color Harmonies

Complementary

#EDF2EB

#F0EBF2

Analogous

#F0F2EB

#EBF2EC

#EDF2EB

Triadic

#EDF2EB

#EBEDF2

#F2EBED

Split Complementary

#EDF2EB

#ECEBF2

#F2EBF0

Tetradic

#EDF2EB

#EBF0F2

#F0EBF2

#F2ECEB

Color Blindness Simulation

Original

#EDF2EB

Protanopia

#EFEFED

Deuteranopia

#EFEEED

Tritanopia

#EDEEEE

Achromatopsia

#F0F0F0

CSS Usage

background-color: #EDF2EB;
color: #EDF2EB;
border-color: #EDF2EB;
Nearest Tailwind: Stone 100 #F5F5F4

Tailwind Shades

50
#F7F9F6
100
#ECF0EA
200
#D8E3D4
300
#BCCFB5
400
#98B58D
500
#749B64
600
#5D7C50
700
#4A6340
800
#3A4D32
900
#2C3A27
950
#1C2419

Contrast Checker

Text on white

1,14:1

AA Fail AAA Fail

Text on black

18,5: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