Hex Color #02E112 - Custom Color

Color Codes

HEX

#02E112

RGB

rgb(2, 225, 18)

HSL

hsl(124, 98%, 45%)

CMYK

cmyk(99%, 0%, 92%, 12%)

HSV

hsv(124, 99%, 88%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#64E302 #02E311 #02E382

Triadic

#02E311 #1102E3 #E31102

Split Complementary

#02E311 #8202E3 #E30264

Tetradic (Square)

#02E311 #0264E3 #E302D4 #E38202

Complementary

#02E112 #E302D4

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.78:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.78:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use black text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #02E112;

color: #02E112;

border-color: #02E112;

}

Tailwind CSS (with arbitrary values)

bg-[#02E112]

text-[#02E112]

border-[#02E112]

// Example usage: