#EDE486

#EDE486

Color Values

HEX

#EDE486

RGB

237, 228, 134

HSL

54.8, 74.1%, 72.7%

HSV

54.8, 43.5%, 92.9%

CMYK

0.0%, 3.8%, 43.5%, 7.1%

OKLCH

0.906 0.1162 103.7

Properties

Warm Light Nearest: khaki 2

Color Harmonies

Complementary

#EDE486

#868FED

Analogous

#EDB086

#C2ED86

#EDE486

Triadic

#EDE486

#86EDE4

#E486ED

Split Complementary

#EDE486

#86C2ED

#B086ED

Tetradic

#EDE486

#86EDB0

#868FED

#ED86C2

Color Blindness Simulation

Original

#EDE486

Protanopia

#E9E99D

Deuteranopia

#EAEAA2

Tritanopia

#EDAFB3

Achromatopsia

#DFDFDF

CSS Usage

background-color: #EDE486;
color: #EDE486;
border-color: #EDE486;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FCFBF3
100
#F8F6E2
200
#F6F1C1
300
#EFE794
400
#E7DA5B
500
#DECE21
600
#B2A41A
700
#8E8415
800
#6F6711
900
#514B10
950
#332F0A

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

16.04:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026