#506296 Color

Color Information

HEX#506296
RGB80, 98, 150
HSL225° , 30% , 45%
HSV225° , 47% , 59%
CMYK47%, 35%, 0%, 41%

Lighter Shades

#6575A3 #7A88AF #8F9BBC #A4ADC8 #B9C0D5 #CED3E2

Darker Shades

#465684 #3D4A72 #333F60 #2A334E #20273C #161B2A

Complementary Palette

#455481 #506296 #807245 #958450 #A49569 #6978A5

Analogous Palette

#597078 #627B84 #4B5C8D #506296 #6B6284 #746A90

Triadic Palette

#465684 #506296 #A1455D #AC5B70 #5DA145 #528E3D

Split Complementary Palette

#485887 #506296 #956250 #A07262 #849550 #778648

Square Palette

#43527E #506296 #8A5C7E #8A7E5C #509562 #6CA67B

Tetradic Palette

#42507B #506296 #8E3CAA #958450 #59AA3C #77B95F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506296 contains 80 red, 98 green, and 150 blue.

Contrast Ratio: 5.96:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.53:1