#EDDC12

#EDDC12

Color Values

HEX

#EDDC12

RGB

237, 220, 18

HSL

55.3, 85.9%, 50.0%

HSV

55.3, 92.4%, 92.9%

CMYK

0.0%, 7.2%, 92.4%, 7.1%

OKLCH

0.8806 0.1835 103.8

Properties

Warm Light Nearest: RAL 1021 Rape Yellow

Color Harmonies

Complementary

#EDDC12

#1223ED

Analogous

#ED6E12

#91ED12

#EDDC12

Triadic

#EDDC12

#12EDDC

#DC12ED

Split Complementary

#EDDC12

#1291ED

#6E12ED

Tetradic

#EDDC12

#12ED6E

#1223ED

#ED1291

Color Blindness Simulation

Original

#EDDC12

Protanopia

#E6E543

Deuteranopia

#E7E84F

Tritanopia

#EC6A72

Achromatopsia

#D1D1D1

CSS Usage

background-color: #EDDC12;
color: #EDDC12;
border-color: #EDDC12;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FDFCF2
100
#FAF8E0
200
#FAF5BD
300
#F6EE8D
400
#F2E550
500
#EDDC12
600
#BEB00E
700
#988D0C
800
#776E09
900
#56500B
950
#363307

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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