#EDC312

#EDC312

Color Values

HEX

#EDC312

RGB

237, 195, 18

HSL

48.5, 85.9%, 50.0%

HSV

48.5, 92.4%, 92.9%

CMYK

0.0%, 17.7%, 92.4%, 7.1%

OKLCH

0.8299 0.1674 92.8

Properties

Warm Light Nearest: RAL 1003 Signal Yellow

Color Harmonies

Complementary

#EDC312

#123CED

Analogous

#ED5612

#A9ED12

#EDC312

Triadic

#EDC312

#12EDC3

#C312ED

Split Complementary

#EDC312

#12A9ED

#5612ED

Tetradic

#EDC312

#12ED56

#123CED

#ED12A9

Color Blindness Simulation

Original

#EDC312

Protanopia

#DBDA3D

Deuteranopia

#DDE047

Tritanopia

#EB5F66

Achromatopsia

#BFBFBF

CSS Usage

background-color: #EDC312;
color: #EDC312;
border-color: #EDC312;
Nearest Tailwind: Yellow 400 #FACC15

Tailwind Shades

50
#FDFBF2
100
#FAF5E0
200
#FAEEBD
300
#F6E28D
400
#F2D350
500
#EDC312
600
#BE9C0E
700
#987D0C
800
#776209
900
#56480B
950
#362D07

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

12.42:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026