#EDFCDF

#EDFCDF

Color Values

HEX

#EDFCDF

RGB

237, 252, 223

HSL

91.0, 82.9%, 93.1%

HSV

91.0, 11.5%, 98.8%

CMYK

6.0%, 0.0%, 11.5%, 1.2%

OKLCH

0.9723 0.0412 129.6

Properties

Cool Light Nearest: lightyellow

Color Harmonies

Complementary

#EDFCDF

#EEDFFC

Analogous

#FCFCDF

#DFFCDF

#EDFCDF

Triadic

#EDFCDF

#DFEDFC

#FCDFED

Split Complementary

#EDFCDF

#DFDFFC

#FCDFFC

Tetradic

#EDFCDF

#DFFCFC

#EEDFFC

#FCDFDF

Color Blindness Simulation

Original

#EDFCDF

Protanopia

#F3F4E6

Deuteranopia

#F3F1E8

Tritanopia

#EEECED

Achromatopsia

#F7F7F7

CSS Usage

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

Tailwind Shades

50
#F7FDF2
100
#EDFAE1
200
#DAF9BE
300
#C0F58F
400
#9EEF52
500
#7CE916
600
#63BB11
700
#4F950E
800
#3E750B
900
#2F550C
950
#1E3508

Contrast Checker

Text on white

1.07:1

AA Fail AAA Fail

Text on black

19.59:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026