#5F80CE Color

Color Information

HEX	#5F80CE
RGB	95, 128, 206
HSL	222° , 53% , 59%
HSV	222° , 54% , 81%
CMYK	54%, 38%, 0%, 19%

Lighter Shades

#728FD4 #859EDA #99AEE0 #ACBDE6 #BFCCEB #D2DBF1

Darker Shades

#5471B5 #48619D #3D5284 #31436B #263352 #1B243A

Complementary Palette

#526EB1 #5F80CE #B19552 #CEAD5F #D5B875 #7592D5

Analogous Palette

#6E9BA6 #74ABB9 #5978C2 #5F80CE #8274B9 #8B7EBE

Triadic Palette

#5471B5 #5F80CE #D8557C #DD698C #7CD855 #6DBE4B

Split Complementary Palette

#5673B9 #5F80CE #CE755F #D3836F #B8CE5F #A6B956

Square Palette

#506CAD #5F80CE #C369B1 #C3A869 #5FCE75 #79D68B

Tetradic Palette

#4E69A9 #5F80CE #B44CE1 #CEAD5F #79E14C #91E66C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5F80CE contains 95 red, 128 green, and 206 blue.

Contrast Ratio: 3.8:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.53:1