Hex Color #528BA9 - Custom Color

Color Codes

HEX

#528BA9

RGB

rgb(82, 139, 169)

HSL

hsl(201, 35%, 49%)

CMYK

cmyk(51%, 18%, 0%, 34%)

HSV

hsv(201, 51%, 66%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#51A99C #518AA9 #515EA9

Triadic

#518AA9 #A9518A #8AA951

Split Complementary

#518AA9 #A9515E #A99C51

Tetradic (Square)

#518AA9 #9C51A9 #A97051 #5EA951

Complementary

#528BA9 #A97051

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.73:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.62:1

Pass - 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: #528BA9;

color: #528BA9;

border-color: #528BA9;

}

Tailwind CSS (with arbitrary values)

bg-[#528BA9]

text-[#528BA9]

border-[#528BA9]

// Example usage: