#EDEF82

#EDEF82

Color Values

HEX

#EDEF82

RGB

237, 239, 130

HSL

61.1, 77.3%, 72.4%

HSV

61.1, 45.6%, 93.7%

CMYK

0.8%, 0.0%, 45.6%, 6.3%

OKLCH

0.9281 0.1323 109.7

Properties

Cool Light Nearest: khaki 1

Color Harmonies

Complementary

#EDEF82

#8482EF

Analogous

#EFBB82

#B7EF82

#EDEF82

Triadic

#EDEF82

#82EDEF

#EF82ED

Split Complementary

#EDEF82

#82B7EF

#BB82EF

Tetradic

#EDEF82

#82EFBB

#8482EF

#EF82B7

Color Blindness Simulation

Original

#EDEF82

Protanopia

#EEEE9C

Deuteranopia

#EEEEA3

Tritanopia

#EDB1B6

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#FCFCF2
100
#F8F9E1
200
#F6F7C0
300
#EFF192
400
#E7EA58
500
#DEE21D
600
#B2B517
700
#8E9113
800
#6F710E
900
#51520F
950
#333409

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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