#E2EFCC

#E2EFCC

Color Values

HEX

#E2EFCC

RGB

226, 239, 204

HSL

82.3, 52.2%, 86.9%

HSV

82.3, 14.6%, 93.7%

CMYK

5.4%, 0.0%, 14.6%, 6.3%

OKLCH

0.9332 0.0482 123.9

Properties

Cool Light Nearest: lightyellow 2

Color Harmonies

Complementary

#E2EFCC

#D9CCEF

Analogous

#EFEBCC

#D1EFCC

#E2EFCC

Triadic

#E2EFCC

#CCE2EF

#EFCCE2

Split Complementary

#E2EFCC

#CCD1EF

#EBCCEF

Tetradic

#E2EFCC

#CCEFEB

#D9CCEF

#EFCCD1

Color Blindness Simulation

Original

#E2EFCC

Protanopia

#E8E8D4

Deuteranopia

#E7E6D6

Tritanopia

#E3DBDD

Achromatopsia

#EAEAEA

CSS Usage

background-color: #E2EFCC;
color: #E2EFCC;
border-color: #E2EFCC;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F8FBF4
100
#EFF5E5
200
#E0EEC9
300
#CAE2A2
400
#ADD26F
500
#91C23D
600
#749B31
700
#5D7C27
800
#48611E
900
#36471A
950
#222D10

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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