#E2FFB4

#E2FFB4

Color Values

HEX

#E2FFB4

RGB

226, 255, 180

HSL

83.2, 100.0%, 85.3%

HSV

83.2, 29.4%, 100.0%

CMYK

11.4%, 0.0%, 29.4%, 0.0%

OKLCH

0.9613 0.1011 125.4

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#E2FFB4

#D1B4FF

Analogous

#FFF7B4

#BDFFB4

#E2FFB4

Triadic

#E2FFB4

#B4E2FF

#FFB4E2

Split Complementary

#E2FFB4

#B4BDFF

#F7B4FF

Tetradic

#E2FFB4

#B4FFF7

#D1B4FF

#FFB4BD

Color Blindness Simulation

Original

#E2FFB4

Protanopia

#EFEFC6

Deuteranopia

#EDEBCA

Tritanopia

#E3D4D8

Achromatopsia

#F3F3F3

CSS Usage

background-color: #E2FFB4;
color: #E2FFB4;
border-color: #E2FFB4;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F9FEF1
100
#F1FCDE
200
#E3FFB8
300
#D0FF85
400
#B6FF42
500
#9CFF00
600
#7DCC00
700
#64A300
800
#4E8000
900
#3A5C05
950
#253A03

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

19.2:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026