#EDF42F

#EDF42F

Color Values

HEX

#EDF42F

RGB

237, 244, 47

HSL

62.1, 90.0%, 57.1%

HSV

62.1, 80.7%, 95.7%

CMYK

2.9%, 0.0%, 80.7%, 4.3%

OKLCH

0.9316 0.1961 111.8

Properties

Cool Light Nearest: RAL 1018 Zinc Yellow

Color Harmonies

Complementary

#EDF42F

#362FF4

Analogous

#F4982F

#8BF42F

#EDF42F

Triadic

#EDF42F

#2FEDF4

#F42FED

Split Complementary

#EDF42F

#2F8BF4

#982FF4

Tetradic

#EDF42F

#2FF498

#362FF4

#F42F8B

Color Blindness Simulation

Original

#EDF42F

Protanopia

#F0F05F

Deuteranopia

#F0EF6A

Tritanopia

#ED848D

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FAFBDF
200
#F9FBBB
300
#F5F98B
400
#F0F64C
500
#EAF20D
600
#BBC20A
700
#969B08
800
#757906
900
#555809
950
#363706

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

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