#EDE78B

#EDE78B

Color Values

HEX

#EDE78B

RGB

237, 231, 139

HSL

56.3, 73.1%, 73.7%

HSV

56.3, 41.4%, 92.9%

CMYK

0.0%, 2.5%, 41.4%, 7.1%

OKLCH

0.9129 0.1141 105.2

Properties

Warm Light Nearest: khaki

Color Harmonies

Complementary

#EDE78B

#8B91ED

Analogous

#EDB68B

#C2ED8B

#EDE78B

Triadic

#EDE78B

#8BEDE7

#E78BED

Split Complementary

#EDE78B

#8BC2ED

#B68BED

Tetradic

#EDE78B

#8BEDB6

#8B91ED

#ED8BC2

Color Blindness Simulation

Original

#EDE78B

Protanopia

#EAEAA1

Deuteranopia

#EBEBA7

Tritanopia

#EDB3B7

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F8F7E2
200
#F5F2C1
300
#EFE995
400
#E6DD5C
500
#DDD122
600
#B1A71B
700
#8D8616
800
#6E6911
900
#504C11
950
#33300A

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

16.4:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026