#5F86C6 Color

Color Information

HEX#5F86C6
RGB95, 134, 198
HSL217° , 47% , 57%
HSV217° , 52% , 78%
CMYK52%, 32%, 0%, 22%

Lighter Shades

#7295CD #85A3D4 #99B2DB #ACC0E1 #BFCFE8 #D2DDEF

Darker Shades

#5476AE #486696 #3D567F #314667 #26364F #1B2637

Complementary Palette

#5273AA #5F86C6 #A98751 #C59D5E #CDAB75 #7597CE

Analogous Palette

#6D969C #74A8AF #597EBA #5F86C6 #7B74AF #8781B6

Triadic Palette

#5476AE #5F86C6 #D05383 #D66892 #83D053 #73B749

Split Complementary Palette

#5679B2 #5F86C6 #C56A5E #CB796E #B9C55E #A7B155

Square Palette

#5071A6 #5F86C6 #BA69B0 #BA9B69 #5EC56A #78CE82

Tetradic Palette

#4E6EA2 #5F86C6 #A24AD9 #C59D5E #81D94A #98E06B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5F86C6 contains 95 red, 134 green, and 198 blue.

Contrast Ratio: 3.63:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.78:1