Hex Color #85F33E - Custom Color

Color Codes

HEX

#85F33E

RGB

rgb(133, 243, 62)

HSL

hsl(96, 88%, 60%)

CMYK

cmyk(45%, 0%, 74%, 5%)

HSV

hsv(96, 74%, 95%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#E1F33F #87F33F #3FF351

Triadic

#87F33F #3F87F3 #F33F87

Split Complementary

#87F33F #513FF3 #F33FE1

Tetradic (Square)

#87F33F #3FE1F3 #AB3FF3 #F3513F

Complementary

#85F33E #AB3FF3

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.41:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 14.89: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: #85F33E;

color: #85F33E;

border-color: #85F33E;

}

Tailwind CSS (with arbitrary values)

bg-[#85F33E]

text-[#85F33E]

border-[#85F33E]

// Example usage: