#509FB9 Color

Color Information

HEX#509FB9
RGB80, 159, 185
HSL195° , 43% , 52%
HSV195° , 57% , 73%
CMYK57%, 14%, 0%, 27%

Lighter Shades

#65ABC1 #7AB6CA #8FC2D2 #A4CDDB #B9D9E3 #CEE4EB

Darker Shades

#468CA3 #3D798D #336676 #2A5360 #20404A #162D34

Complementary Palette

#45899F #509FB9 #9F5B45 #B96A50 #C37F69 #69ACC3

Analogous Palette

#639286 #68A193 #4B95AE #509FB9 #6877A1 #7582A9

Triadic Palette

#468CA3 #509FB9 #C544A5 #CC5AB0 #A5C544 #91AD3C

Split Complementary Palette

#488FA7 #509FB9 #B9506A #C06279 #B99F50 #A78F48

Square Palette

#43869B #509FB9 #995CAD #AD705C #6AB950 #82C46C

Tetradic Palette

#428298 #509FB9 #5F3ACF #B96A50 #AACF3A #B9D85D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #509FB9 contains 80 red, 159 green, and 185 blue.

Contrast Ratio: 2.96:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.1:1