Hex Color #3CEF50 - Custom Color

Color Codes

HEX

#3CEF50

RGB

rgb(60, 239, 80)

HSL

hsl(127, 85%, 59%)

CMYK

cmyk(75%, 0%, 67%, 6%)

HSV

hsv(127, 75%, 94%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#82EF3E #3EEF52 #3EEFAB

Triadic

#3EEF52 #523EEF #EF523E

Split Complementary

#3EEF52 #AB3EEF #EF3E82

Tetradic (Square)

#3EEF52 #3E82EF #EF3EDB #EFAB3E

Complementary

#3CEF50 #EF3EDB

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.54:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.65: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: #3CEF50;

color: #3CEF50;

border-color: #3CEF50;

}

Tailwind CSS (with arbitrary values)

bg-[#3CEF50]

text-[#3CEF50]

border-[#3CEF50]

// Example usage: