#E4E8AF

#E4E8AF

Color Values

HEX

#E4E8AF

RGB

228, 232, 175

HSL

64.2, 55.3%, 79.8%

HSV

64.2, 24.6%, 91.0%

CMYK

1.7%, 0.0%, 24.6%, 9.0%

OKLCH

0.9141 0.0741 111.1

Properties

Cool Light Nearest: palegoldenrod

Color Harmonies

Complementary

#E4E8AF

#B3AFE8

Analogous

#E8CFAF

#C8E8AF

#E4E8AF

Triadic

#E4E8AF

#AFE4E8

#E8AFE4

Split Complementary

#E4E8AF

#AFC8E8

#CFAFE8

Tetradic

#E4E8AF

#AFE8CF

#B3AFE8

#E8AFC8

Color Blindness Simulation

Original

#E4E8AF

Protanopia

#E6E6BD

Deuteranopia

#E6E5C0

Tritanopia

#E4C8CA

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F4F6E5
200
#ECEFC8
300
#DFE4A0
400
#CED56C
500
#BCC639
600
#979E2E
700
#787F24
800
#5E631C
900
#454918
950
#2C2E0F

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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