#508196 Color

Color Information

HEX#508196
RGB80, 129, 150
HSL198° , 30% , 45%
HSV198° , 47% , 59%
CMYK47%, 14%, 0%, 41%

Lighter Shades

#6590A3 #7A9FAF #8FAEBC #A4BDC8 #B9CDD5 #CEDCE2

Darker Shades

#467284 #3D6272 #335360 #2A434E #20343C #16242A

Complementary Palette

#456F81 #508196 #805745 #956550 #A47B69 #6993A5

Analogous Palette

#597872 #62847D #4B798D #508196 #626884 #6A7290

Triadic Palette

#467284 #508196 #A14587 #AC5B95 #87A145 #778E3D

Split Complementary Palette

#487487 #508196 #95505E #A0626E #958750 #867A48

Square Palette

#436C7E #508196 #815C8A #8A6A5C #5E9550 #78A66C

Tetradic Palette

#426A7B #508196 #5D3CAA #956550 #8BAA3C #A0B95F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #508196 contains 80 red, 129 green, and 150 blue.

Contrast Ratio: 4.22:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.98:1