#5F74A2 Color

Color Information

HEX#5F74A2
RGB95, 116, 162
HSL221° , 26% , 50%
HSV221° , 41% , 64%
CMYK41%, 28%, 0%, 36%

Lighter Shades

#7285AD #8595B8 #99A6C3 #ACB7CF #BFC7DA #D2D8E5

Darker Shades

#54668F #48587B #3D4A68 #313C54 #262E41 #1B202D

Complementary Palette

#52648B #5F74A2 #8A7851 #A18C5E #AE9C75 #7587AF

Analogous Palette

#648087 #6C8B93 #596D98 #5F74A2 #746C93 #7F789B

Triadic Palette

#54668F #5F74A2 #AD526F #B76780 #6FAD52 #629848

Split Complementary Palette

#566892 #5F74A2 #A16B5E #AA7A6E #94A15E #859155

Square Palette

#506188 #5F74A2 #946B8C #94876B #5EA16B #78B083

Tetradic Palette

#4E5F85 #5F74A2 #9447B8 #A18C5E #6BB847 #86C568

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5F74A2 contains 95 red, 116 green, and 162 blue.

Contrast Ratio: 4.62:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.55:1