#5F73A2 Color

Color Information

HEX#5F73A2
RGB95, 115, 162
HSL222° , 26% , 50%
HSV222° , 41% , 64%
CMYK41%, 29%, 0%, 36%

Lighter Shades

#7284AD #8595B8 #99A5C3 #ACB6CF #BFC7DA #D2D8E5

Darker Shades

#54658F #48577B #3D4A68 #313C54 #262E41 #1B202D

Complementary Palette

#52638B #5F73A2 #8A7951 #A18D5E #AE9D75 #7587AF

Analogous Palette

#647F87 #6C8A93 #596C98 #5F73A2 #756C93 #80789B

Triadic Palette

#54658F #5F73A2 #AD526D #B7677F #6DAD52 #609848

Split Complementary Palette

#566892 #5F73A2 #A16C5E #AA7B6E #93A15E #849155

Square Palette

#506188 #5F73A2 #946B8B #94886B #5EA16C #78B084

Tetradic Palette

#4E5E85 #5F73A2 #9647B8 #A18D5E #69B847 #84C568

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5F73A2 contains 95 red, 115 green, and 162 blue.

Contrast Ratio: 4.67:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.5:1