Hex Color #15596B - Custom Color

Color Codes

HEX

#15596B

RGB

rgb(21, 89, 107)

HSL

hsl(193, 67%, 25%)

CMYK

cmyk(80%, 17%, 0%, 58%)

HSV

hsv(193, 80%, 42%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#156A52 #15586A #152D6A

Triadic

#15586A #6A1558 #586A15

Split Complementary

#15586A #6A152D #6A5215

Tetradic (Square)

#15586A #52156A #6A2815 #2D6A15

Complementary

#15596B #6A2815

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 7.86:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.67: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: #15596B;

color: #15596B;

border-color: #15596B;

}

Tailwind CSS (with arbitrary values)

bg-[#15596B]

text-[#15596B]

border-[#15596B]

// Example usage: