#509BB3 Color

Color Information

HEX#509BB3
RGB80, 155, 179
HSL195° , 39% , 51%
HSV195° , 55% , 70%
CMYK55%, 13%, 0%, 30%

Lighter Shades

#65A7BC #7AB3C5 #8FBFCE #A4CBD7 #B9D7E1 #CEE3EA

Darker Shades

#46889E #3D7688 #336373 #2A515D #203E48 #162B32

Complementary Palette

#45859A #509BB3 #9A5B46 #B36A51 #BE7F69 #69A9BE

Analogous Palette

#628D83 #6A9A8E #4B92A8 #509BB3 #6A769A #7681A2

Triadic Palette

#46889E #509BB3 #BF45A1 #C75BAC #A1BF45 #8EA83D

Split Complementary Palette

#488CA1 #509BB3 #B3516A #BB6279 #B39A51 #A18B49

Square Palette

#438296 #509BB3 #945EA6 #A6705E #6AB351 #82BF6D

Tetradic Palette

#427F93 #509BB3 #5E3BC9 #B36A51 #A6C93B #B6D35E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #509BB3 contains 80 red, 155 green, and 179 blue.

Contrast Ratio: 3.1:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.78:1