#EDF139

#EDF139

Color Values

HEX

#EDF139

RGB

237, 241, 57

HSL

61.3, 86.8%, 58.4%

HSV

61.3, 76.3%, 94.5%

CMYK

1.7%, 0.0%, 76.3%, 5.5%

OKLCH

0.9257 0.189 110.9

Properties

Cool Light Nearest: RAL 1018 Zinc Yellow

Color Harmonies

Complementary

#EDF139

#3D39F1

Analogous

#F19939

#91F139

#EDF139

Triadic

#EDF139

#39EDF1

#F139ED

Split Complementary

#EDF139

#3991F1

#9939F1

Tetradic

#EDF139

#39F199

#3D39F1

#F13991

Color Blindness Simulation

Original

#EDF139

Protanopia

#EFEF65

Deuteranopia

#EEEE70

Tritanopia

#ED8990

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#FAFAE0
200
#F9FABC
300
#F5F78D
400
#EFF34F
500
#E9EE11
600
#BBBF0D
700
#95980B
800
#757708
900
#55560B
950
#353707

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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