Hex Color #517186 - Custom Color

Color Codes

HEX

#517186

RGB

rgb(81, 113, 134)

HSL

hsl(204, 25%, 42%)

CMYK

cmyk(40%, 16%, 0%, 47%)

HSV

hsv(204, 40%, 53%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#508681 #507086 #505686

Triadic

#507086 #865070 #708650

Split Complementary

#507086 #865056 #868150

Tetradic (Square)

#507086 #815086 #866650 #568650

Complementary

#517186 #866650

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.18:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.06:1

Fail - WCAG AA (Normal Text)

Fail - 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: #517186;

color: #517186;

border-color: #517186;

}

Tailwind CSS (with arbitrary values)

bg-[#517186]

text-[#517186]

border-[#517186]

// Example usage: