#E2E8AF

#E2E8AF

Color Values

HEX

#E2E8AF

RGB

226, 232, 175

HSL

66.3, 55.3%, 79.8%

HSV

66.3, 24.6%, 91.0%

CMYK

2.6%, 0.0%, 24.6%, 9.0%

OKLCH

0.9125 0.0744 112.8

Properties

Cool Light Nearest: palegoldenrod

Color Harmonies

Complementary

#E2E8AF

#B5AFE8

Analogous

#E8D1AF

#C6E8AF

#E2E8AF

Triadic

#E2E8AF

#AFE2E8

#E8AFE2

Split Complementary

#E2E8AF

#AFC6E8

#D1AFE8

Tetradic

#E2E8AF

#AFE8D1

#B5AFE8

#E8AFC6

Color Blindness Simulation

Original

#E2E8AF

Protanopia

#E5E5BD

Deuteranopia

#E4E4C0

Tritanopia

#E2C8CA

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F4F6E5
200
#EBEFC8
300
#DDE4A0
400
#CAD56C
500
#B7C639
600
#939E2E
700
#757F24
800
#5C631C
900
#434918
950
#2B2E0F

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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