#EDF7AA

#EDF7AA

Color Values

HEX

#EDF7AA

RGB

237, 247, 170

HSL

67.8, 82.8%, 81.8%

HSV

67.8, 31.2%, 96.9%

CMYK

4.0%, 0.0%, 31.2%, 3.1%

OKLCH

0.9508 0.0983 114.3

Properties

Cool Light Nearest: palegoldenrod

Color Harmonies

Complementary

#EDF7AA

#B4AAF7

Analogous

#F7DBAA

#C7F7AA

#EDF7AA

Triadic

#EDF7AA

#AAEDF7

#F7AAED

Split Complementary

#EDF7AA

#AAC7F7

#DBAAF7

Tetradic

#EDF7AA

#AAF7DB

#B4AAF7

#F7AAC7

Color Blindness Simulation

Original

#EDF7AA

Protanopia

#F1F1BD

Deuteranopia

#F1F0C1

Tritanopia

#EDCBCF

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#FBFDF2
100
#F6FAE1
200
#F1F9BE
300
#E7F48F
400
#DAEF53
500
#CEE916
600
#A4BA12
700
#84950E
800
#67750B
900
#4B550C
950
#2F3508

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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