Hex Color #85ABAC - Custom Color

Color Codes

HEX

#85ABAC

RGB

rgb(133, 171, 172)

HSL

hsl(182, 19%, 60%)

CMYK

cmyk(23%, 1%, 0%, 33%)

HSV

hsv(182, 23%, 67%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#86AC9A #86ABAC #8698AC

Triadic

#86ABAC #AC86AB #ABAC86

Split Complementary

#86ABAC #AC8698 #AC9A86

Tetradic (Square)

#86ABAC #9A86AC #AC8786 #98AC86

Complementary

#85ABAC #AC8786

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.49:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 8.42: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: #85ABAC;

color: #85ABAC;

border-color: #85ABAC;

}

Tailwind CSS (with arbitrary values)

bg-[#85ABAC]

text-[#85ABAC]

border-[#85ABAC]

// Example usage: