Hex Color #11F170 - Custom Color

Color Codes

HEX

#11F170

RGB

rgb(17, 241, 112)

HSL

hsl(145, 89%, 51%)

CMYK

cmyk(93%, 0%, 54%, 5%)

HSV

hsv(145, 93%, 95%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#25F113 #13F170 #13F1DF

Triadic

#13F170 #7013F1 #F17013

Split Complementary

#13F170 #DF13F1 #F11325

Tetradic (Square)

#13F170 #1325F1 #F11395 #F1DF13

Complementary

#11F170 #F11395

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.52:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.84: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: #11F170;

color: #11F170;

border-color: #11F170;

}

Tailwind CSS (with arbitrary values)

bg-[#11F170]

text-[#11F170]

border-[#11F170]

// Example usage: