Hex Color #4EDAAA - Custom Color

Color Codes

HEX

#4EDAAA

RGB

rgb(78, 218, 170)

HSL

hsl(159, 65%, 58%)

CMYK

cmyk(64%, 0%, 22%, 15%)

HSV

hsv(159, 64%, 85%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#4EDA63 #4EDAA9 #4EC5DA

Triadic

#4EDAA9 #A94EDA #DAA94E

Split Complementary

#4EDAA9 #DA4EC5 #DA634E

Tetradic (Square)

#4EDAA9 #634EDA #DA4E7F #C5DA4E

Complementary

#4EDAAA #DA4E7F

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.76:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.93: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: #4EDAAA;

color: #4EDAAA;

border-color: #4EDAAA;

}

Tailwind CSS (with arbitrary values)

bg-[#4EDAAA]

text-[#4EDAAA]

border-[#4EDAAA]

// Example usage: