Hex Color #03E8AF - Custom Color

Color Codes

HEX

#03E8AF

RGB

rgb(3, 232, 175)

HSL

hsl(165, 97%, 46%)

CMYK

cmyk(99%, 0%, 25%, 9%)

HSV

hsv(165, 99%, 91%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#04E73C #04E7AE #04AEE7

Triadic

#04E7AE #AE04E7 #E7AE04

Split Complementary

#04E7AE #E704AE #E73C04

Tetradic (Square)

#04E7AE #3C04E7 #E7043C #AEE704

Complementary

#03E8AF #E7043C

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.60:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.17: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: #03E8AF;

color: #03E8AF;

border-color: #03E8AF;

}

Tailwind CSS (with arbitrary values)

bg-[#03E8AF]

text-[#03E8AF]

border-[#03E8AF]

// Example usage: