#E7F102

#E7F102

Color Values

HEX

#E7F102

RGB

231, 241, 2

HSL

62.5, 98.4%, 47.6%

HSV

62.5, 99.2%, 94.5%

CMYK

4.1%, 0.0%, 99.2%, 5.5%

OKLCH

0.9195 0.2045 112.8

Properties

Cool Light Nearest: yellow 2

Color Harmonies

Complementary

#E7F102

#0C02F1

Analogous

#F18302

#6FF102

#E7F102

Triadic

#E7F102

#02E7F1

#F102E7

Split Complementary

#E7F102

#026FF1

#8302F1

Tetradic

#E7F102

#02F183

#0C02F1

#F1026F

Color Blindness Simulation

Original

#E7F102

Protanopia

#EBEB3C

Deuteranopia

#EBEA4A

Tritanopia

#E86A74

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#FDFEF1
100
#FBFCDE
200
#FCFEB8
300
#F9FE86
400
#F6FD44
500
#F3FD02
600
#C2CA02
700
#9BA201
800
#797E01
900
#585B06
950
#373A04

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

16.98:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026