#E6FCF2

#E6FCF2

Color Values

HEX

#E6FCF2

RGB

230, 252, 242

HSL

152.7, 78.6%, 94.5%

HSV

152.7, 8.7%, 98.8%

CMYK

8.7%, 0.0%, 4.0%, 1.2%

OKLCH

0.9722 0.0265 166.8

Properties

Cool Light Nearest: honeydew

Color Harmonies

Complementary

#E6FCF2

#FCE6F0

Analogous

#E6FCE7

#E6FBFC

#E6FCF2

Triadic

#E6FCF2

#F2E6FC

#FCF2E6

Split Complementary

#E6FCF2

#FCE6FB

#FCE7E6

Tetradic

#E6FCF2

#E7E6FC

#FCE6F0

#FBFCE6

Color Blindness Simulation

Original

#E6FCF2

Protanopia

#F0F0F4

Deuteranopia

#EEEDF5

Tritanopia

#E7F6F7

Achromatopsia

#F7F7F7

CSS Usage

background-color: #E6FCF2;
color: #E6FCF2;
border-color: #E6FCF2;
Nearest Tailwind: Emerald 50 #ECFDF5

Tailwind Shades

50
#F2FCF8
100
#E1F9EE
200
#BFF7DE
300
#92F2C6
400
#56EBA7
500
#1BE489
600
#16B66D
700
#119257
800
#0E7244
900
#0E5334
950
#093421

Contrast Checker

Text on white

1.07:1

AA Fail AAA Fail

Text on black

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