#5F7DA0 Color

Color Information

HEX	#5F7DA0
RGB	95, 125, 160
HSL	212° , 25% , 50%
HSV	212° , 41% , 63%
CMYK	41%, 22%, 0%, 37%

Lighter Shades

#728DAB #859CB7 #99ACC2 #ACBBCE #BFCBD9 #D2DBE4

Darker Shades

#546E8D #485F7A #3D5066 #314153 #263240 #1B232D

Complementary Palette

#526C8A #5F7DA0 #897053 #9F8260 #AC9476 #758FAD

Analogous Palette

#648687 #6C9193 #597696 #5F7DA0 #6E6C93 #79789B

Triadic Palette

#546E8D #5F7DA0 #AC537D #B6688D #7DAC53 #6E9749

Split Complementary Palette

#567190 #5F7DA0 #9F6260 #A97270 #9D9F60 #8D8F56

Square Palette

#506986 #5F7DA0 #936C91 #93816C #609F62 #79AE7B

Tetradic Palette

#4E6783 #5F7DA0 #8349B6 #9F8260 #7CB649 #94C36A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5F7DA0 contains 95 red, 125 green, and 160 blue.

Contrast Ratio: 4.21:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.98:1