Hex Color #8BA599 - Custom Color

Color Codes

HEX

#8BA599

RGB

rgb(139, 165, 153)

HSL

hsl(152, 13%, 60%)

CMYK

cmyk(16%, 0%, 7%, 35%)

HSV

hsv(152, 16%, 65%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#8CA68D #8CA69A #8CA5A6

Triadic

#8CA69A #9A8CA6 #A69A8C

Split Complementary

#8CA69A #A68CA5 #A68D8C

Tetradic (Square)

#8CA69A #8D8CA6 #A68C98 #A5A68C

Complementary

#8BA599 #A68C98

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.64:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 7.94: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: #8BA599;

color: #8BA599;

border-color: #8BA599;

}

Tailwind CSS (with arbitrary values)

bg-[#8BA599]

text-[#8BA599]

border-[#8BA599]

// Example usage: