#ECFBE2

#ECFBE2

Color Values

HEX

#ECFBE2

RGB

236, 251, 226

HSL

96.0, 75.8%, 93.5%

HSV

96.0, 10.0%, 98.4%

CMYK

6.0%, 0.0%, 10.0%, 1.6%

OKLCH

0.9703 0.0365 132.6

Properties

Cool Light Nearest: honeydew

Color Harmonies

Complementary

#ECFBE2

#F1E2FB

Analogous

#F8FBE2

#E2FBE4

#ECFBE2

Triadic

#ECFBE2

#E2ECFB

#FBE2EC

Split Complementary

#ECFBE2

#E4E2FB

#FBE2F8

Tetradic

#ECFBE2

#E2F8FB

#F1E2FB

#FBE4E2

Color Blindness Simulation

Original

#ECFBE2

Protanopia

#F2F3E8

Deuteranopia

#F2F0EA

Tritanopia

#EDEDEE

Achromatopsia

#F6F6F6

CSS Usage

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

Tailwind Shades

50
#F6FCF2
100
#EBF9E2
200
#D6F6C0
300
#B9F093
400
#92E859
500
#6CE01F
600
#57B319
700
#458F14
800
#36700F
900
#2A520F
950
#1A330A

Contrast Checker

Text on white

1.08:1

AA Fail AAA Fail

Text on black

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