#E2E4AF

#E2E4AF

Color Values

HEX

#E2E4AF

RGB

226, 228, 175

HSL

62.3, 49.5%, 79.0%

HSV

62.3, 23.2%, 89.4%

CMYK

0.9%, 0.0%, 23.2%, 10.6%

OKLCH

0.9043 0.0692 109.5

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#E2E4AF

#B1AFE4

Analogous

#E4CBAF

#C7E4AF

#E2E4AF

Triadic

#E2E4AF

#AFE2E4

#E4AFE2

Split Complementary

#E2E4AF

#AFC7E4

#CBAFE4

Tetradic

#E2E4AF

#AFE4CB

#B1AFE4

#E4AFC7

Color Blindness Simulation

Original

#E2E4AF

Protanopia

#E3E3BC

Deuteranopia

#E3E3BF

Tritanopia

#E2C6C8

Achromatopsia

#E0E0E0

CSS Usage

background-color: #E2E4AF;
color: #E2E4AF;
border-color: #E2E4AF;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#FAFBF4
100
#F4F5E6
200
#ECEDCA
300
#DEE0A4
400
#CCCF72
500
#BABF40
600
#959834
700
#777A29
800
#5D5F20
900
#44461B
950
#2B2C11

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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