#508ABA Color

Color Information

HEX#508ABA
RGB80, 138, 186
HSL207° , 43% , 52%
HSV207° , 57% , 73%
CMYK57%, 26%, 0%, 27%

Lighter Shades

#6598C2 #7AA6CB #8FB4D3 #A4C2DB #B9D0E3 #CEDEEC

Darker Shades

#4679A4 #3D698D #335877 #2A4861 #20374A #162734

Complementary Palette

#4577A0 #508ABA #9F6D45 #B97F50 #C39169 #699AC4

Analogous Palette

#639290 #68A19E #4B82AF #508ABA #686BA1 #7578A9

Triadic Palette

#4679A4 #508ABA #C5448B #CC5A99 #8BC544 #7AAD3C

Split Complementary Palette

#487CA7 #508ABA #B95055 #C06266 #B9B450 #A7A248

Square Palette

#43749C #508ABA #A95CAD #AD815C #55B950 #70C46C

Tetradic Palette

#427199 #508ABA #7D3ACF #B97F50 #8CCF3A #A1D85D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #508ABA contains 80 red, 138 green, and 186 blue.

Contrast Ratio: 3.65:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.76:1