Hex Color #599EAC - Custom Color

Color Codes

HEX

#599EAC

RGB

rgb(89, 158, 172)

HSL

hsl(190, 33%, 51%)

CMYK

cmyk(48%, 8%, 0%, 33%)

HSV

hsv(190, 48%, 67%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#59AB90 #599EAB #5974AB

Triadic

#599EAB #AB599E #9EAB59

Split Complementary

#599EAB #AB5974 #AB9059

Tetradic (Square)

#599EAB #9059AB #AB6759 #74AB59

Complementary

#599EAC #AB6759

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.04:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.91: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: #599EAC;

color: #599EAC;

border-color: #599EAC;

}

Tailwind CSS (with arbitrary values)

bg-[#599EAC]

text-[#599EAC]

border-[#599EAC]

// Example usage: