#EDF4AE

#EDF4AE

Color Values

HEX

#EDF4AE

RGB

237, 244, 174

HSL

66.0, 76.1%, 82.0%

HSV

66.0, 28.7%, 95.7%

CMYK

2.9%, 0.0%, 28.7%, 4.3%

OKLCH

0.9454 0.0897 112.8

Properties

Cool Light Nearest: palegoldenrod

Color Harmonies

Complementary

#EDF4AE

#B5AEF4

Analogous

#F4D8AE

#CAF4AE

#EDF4AE

Triadic

#EDF4AE

#AEEDF4

#F4AEED

Split Complementary

#EDF4AE

#AECAF4

#D8AEF4

Tetradic

#EDF4AE

#AEF4D8

#B5AEF4

#F4AECA

Color Blindness Simulation

Original

#EDF4AE

Protanopia

#F0F0BF

Deuteranopia

#F0EFC3

Tritanopia

#EDCCCF

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#FBFCF2
100
#F6F9E2
200
#F1F6C0
300
#E7F093
400
#DAE859
500
#CDE11E
600
#A4B418
700
#839014
800
#67700F
900
#4B520F
950
#2F340A

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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