Hex Color #01ED52 - Custom Color

Color Codes

HEX

#01ED52

RGB

rgb(1, 237, 82)

HSL

hsl(141, 99%, 47%)

CMYK

cmyk(100%, 0%, 65%, 7%)

HSV

hsv(141, 100%, 93%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#25EF01 #01EF54 #01EFCB

Triadic

#01EF54 #5401EF #EF5401

Split Complementary

#01EF54 #CB01EF #EF0125

Tetradic (Square)

#01EF54 #0125EF #EF019B #EFCB01

Complementary

#01ED52 #EF019B

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.59:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.24: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: #01ED52;

color: #01ED52;

border-color: #01ED52;

}

Tailwind CSS (with arbitrary values)

bg-[#01ED52]

text-[#01ED52]

border-[#01ED52]

// Example usage: