#5198A5 Color

Color Information

HEX#5198A5
RGB81, 152, 165
HSL189° , 34% , 48%
HSV189° , 51% , 65%
CMYK51%, 8%, 0%, 35%

Lighter Shades

#66A4B0 #7BB1BB #90BDC5 #A5C9D0 #B9D6DB #CEE2E6

Darker Shades

#478691 #3E747D #34616A #2A4F56 #203D42 #172B2E

Complementary Palette

#46838E #5198A5 #8D5046 #A45D51 #B17469 #69A6B2

Analogous Palette

#5F8175 #688D80 #4C8F9B #5198A5 #68758D #727F97

Triadic Palette

#478691 #5198A5 #B045A0 #B95BAB #A0B045 #8D9B3D

Split Complementary Palette

#498995 #5198A5 #A4516E #AD627D #A48751 #947A49

Square Palette

#44808B #5198A5 #835D98 #98665D #6EA451 #85B36D

Tetradic Palette

#427D87 #5198A5 #4E3BBA #A45D51 #A7BA3B #B7C65E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5198A5 contains 81 red, 152 green, and 165 blue.

Contrast Ratio: 3.24:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 6.48:1