Hex Color #81B070 - Custom Color

Color Codes

HEX

#81B070

RGB

rgb(129, 176, 112)

HSL

hsl(104, 29%, 56%)

CMYK

cmyk(27%, 0%, 36%, 31%)

HSV

hsv(104, 36%, 69%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#A0AF6E #80AF6E #6EAF7D

Triadic

#80AF6E #6E80AF #AF6E80

Split Complementary

#80AF6E #7D6EAF #AF6EA0

Tetradic (Square)

#80AF6E #6EA0AF #9E6EAF #AF7D6E

Complementary

#81B070 #9E6EAF

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.51:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 8.38:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use white text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #81B070;

color: #81B070;

border-color: #81B070;

}

Tailwind CSS (with arbitrary values)

bg-[#81B070]

text-[#81B070]

border-[#81B070]

// Example usage: