#5F80CA Color

Color Information

HEX	#5F80CA
RGB	95, 128, 202
HSL	221° , 50% , 58%
HSV	221° , 53% , 79%
CMYK	53%, 37%, 0%, 21%

Lighter Shades

#728FD0 #859ED7 #99AEDD #ACBDE3 #BFCCEA #D2DBF0

Darker Shades

#5471B2 #48619A #3D5281 #314369 #263351 #1B2439

Complementary Palette

#526EAE #5F80CA #AD9051 #C9A85E #D1B475 #7592D1

Analogous Palette

#6E97A0 #74A8B4 #5978BE #5F80CA #8074B4 #897FB8

Triadic Palette

#5471B2 #5F80CA #D4547C #D9698C #7CD454 #6DBB4A

Split Complementary Palette

#5673B6 #5F80CA #C9725E #CE806E #B6C95E #A4B555

Square Palette

#506CAA #5F80CA #BF69AF #BFA469 #5EC972 #78D289

Tetradic Palette

#4E69A6 #5F80CA #AF4BDD #C9A85E #79DD4B #91E36B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5F80CA contains 95 red, 128 green, and 202 blue.

Contrast Ratio: 3.83:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.49:1