#506477 Color

Color Information

HEX#506477
RGB80, 100, 119
HSL209° , 20% , 39%
HSV209° , 33% , 47%
CMYK33%, 16%, 0%, 53%

Lighter Shades

#657787 #7A8998 #8F9CA8 #A4AEB8 #B9C1C9 #CED4D9

Darker Shades

#465869 #3D4C5A #33404C #2A343E #202830 #161C21

Complementary Palette

#455666 #506477 #665545 #776350 #8A7969 #697A8A

Analogous Palette

#4E6A6A #557272 #4B5E70 #506477 #555572 #5F5F81

Triadic Palette

#465869 #506477 #814664 #905C77 #648146 #58723E

Split Complementary Palette

#485A6B #506477 #775050 #856262 #777750 #6B6B48

Square Palette

#435464 #506477 #725572 #726355 #507750 #6C8D6C

Tetradic Palette

#425262 #506477 #623E89 #776350 #65893E #819E61

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506477 contains 80 red, 100 green, and 119 blue.

Contrast Ratio: 6.13:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.43:1