#E2ECCD

#E2ECCD

Color Values

HEX

#E2ECCD

RGB

226, 236, 205

HSL

79.4, 44.9%, 86.5%

HSV

79.4, 13.1%, 92.5%

CMYK

4.2%, 0.0%, 13.1%, 7.5%

OKLCH

0.9274 0.0424 121.8

Properties

Cool Light Nearest: lightyellow 2

Color Harmonies

Complementary

#E2ECCD

#D7CDEC

Analogous

#ECE7CD

#D3ECCD

#E2ECCD

Triadic

#E2ECCD

#CDE2EC

#ECCDE2

Split Complementary

#E2ECCD

#CDD3EC

#E7CDEC

Tetradic

#E2ECCD

#CDECE7

#D7CDEC

#ECCDD3

Color Blindness Simulation

Original

#E2ECCD

Protanopia

#E6E6D4

Deuteranopia

#E6E5D6

Tritanopia

#E2DADC

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#F8FAF4
100
#F0F4E6
200
#E1EBCB
300
#CCDDA6
400
#B0CB76
500
#94B946
600
#769438
700
#5F762D
800
#4A5C23
900
#37441D
950
#232B12

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

17.11:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026