#EDE981

#EDE981

Color Values

HEX

#EDE981

RGB

237, 233, 129

HSL

57.8, 75.0%, 71.8%

HSV

57.8, 45.6%, 92.9%

CMYK

0.0%, 1.7%, 45.6%, 7.1%

OKLCH

0.9156 0.1267 106.7

Properties

Warm Light Nearest: khaki 2

Color Harmonies

Complementary

#EDE981

#8185ED

Analogous

#EDB381

#BBED81

#EDE981

Triadic

#EDE981

#81EDE9

#E981ED

Split Complementary

#EDE981

#81BBED

#B381ED

Tetradic

#EDE981

#81EDB3

#8185ED

#ED81BB

Color Blindness Simulation

Original

#EDE981

Protanopia

#EBEB9A

Deuteranopia

#ECECA0

Tritanopia

#EDAEB2

Achromatopsia

#E2E2E2

CSS Usage

background-color: #EDE981;
color: #EDE981;
border-color: #EDE981;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FCFCF2
100
#F9F8E2
200
#F6F4C1
300
#F0EC94
400
#E7E25A
500
#DFD820
600
#B3AD19
700
#8F8A14
800
#706C10
900
#514F10
950
#33320A

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

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