#E6F4DF

#E6F4DF

Color Values

HEX

#E6F4DF

RGB

230, 244, 223

HSL

100.0, 48.8%, 91.6%

HSV

100.0, 8.6%, 95.7%

CMYK

5.7%, 0.0%, 8.6%, 4.3%

OKLCH

0.951 0.0315 135.0

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#E6F4DF

#EDDFF4

Analogous

#F1F4DF

#DFF4E3

#E6F4DF

Triadic

#E6F4DF

#DFE6F4

#F4DFE6

Split Complementary

#E6F4DF

#E3DFF4

#F4DFF1

Tetradic

#E6F4DF

#DFF1F4

#EDDFF4

#F4E3DF

Color Blindness Simulation

Original

#E6F4DF

Protanopia

#ECECE4

Deuteranopia

#EBEAE5

Tritanopia

#E7E8E9

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#F6FBF4
100
#EBF5E6
200
#D5EDCA
300
#B8E0A4
400
#91CF73
500
#6BBE41
600
#559834
700
#44792A
800
#355F21
900
#29461B
950
#1A2C11

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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