Hex Color #42EAAA - Custom Color

Color Codes

HEX

#42EAAA

RGB

rgb(66, 234, 170)

HSL

hsl(157, 80%, 59%)

CMYK

cmyk(72%, 0%, 27%, 8%)

HSV

hsv(157, 72%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#43EA56 #43EAAA #43D7EA

Triadic

#43EAAA #AA43EA #EAAA43

Split Complementary

#43EAAA #EA43D7 #EA5643

Tetradic (Square)

#43EAAA #5643EA #EA4383 #D7EA43

Complementary

#42EAAA #EA4383

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.55:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.58: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: #42EAAA;

color: #42EAAA;

border-color: #42EAAA;

}

Tailwind CSS (with arbitrary values)

bg-[#42EAAA]

text-[#42EAAA]

border-[#42EAAA]

// Example usage: