#EDBD12

#EDBD12

Color Values

HEX

#EDBD12

RGB

237, 189, 18

HSL

46.8, 85.9%, 50.0%

HSV

46.8, 92.4%, 92.9%

CMYK

0.0%, 20.3%, 92.4%, 7.1%

OKLCH

0.818 0.1646 89.8

Properties

Warm Light Nearest: NCS S 1060-Y Deep Yellow

Color Harmonies

Complementary

#EDBD12

#1242ED

Analogous

#ED4F12

#B0ED12

#EDBD12

Triadic

#EDBD12

#12EDBD

#BD12ED

Split Complementary

#EDBD12

#12B0ED

#4F12ED

Tetradic

#EDBD12

#12ED4F

#1242ED

#ED12B0

Color Blindness Simulation

Original

#EDBD12

Protanopia

#D8D83B

Deuteranopia

#DBDF45

Tritanopia

#EB5C63

Achromatopsia

#BBBBBB

CSS Usage

background-color: #EDBD12;
color: #EDBD12;
border-color: #EDBD12;
Nearest Tailwind: Yellow 500 #EAB308

Tailwind Shades

50
#FDFAF2
100
#FAF4E0
200
#FAECBD
300
#F6DF8D
400
#F2CE50
500
#EDBD12
600
#BE970E
700
#98790C
800
#775E09
900
#56450B
950
#362C07

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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