#4F86BF Color

Color Information

HEX#4F86BF
RGB79, 134, 191
HSL211° , 47% , 53%
HSV211° , 59% , 75%
CMYK59%, 30%, 0%, 25%

Lighter Shades

#6495C7 #79A3CE #8EB2D6 #A3C0DE #B9CFE5 #CEDDED

Darker Shades

#4676A8 #3C6691 #33567A #294663 #20364C #162635

Complementary Palette

#4473A4 #4F86BF #A47644 #BF894F #C89A68 #6897C8

Analogous Palette

#639697 #67A6A8 #4A7EB4 #4F86BF #6867A8 #7574AF

Triadic Palette

#4676A8 #4F86BF #CB4385 #D15A94 #85CB43 #75B33B

Split Complementary Palette

#4779AC #4F86BF #BF514F #C56261 #BEBF4F #ABAC47

Square Palette

#4271A0 #4F86BF #B35BB2 #B3895B #4FBF51 #6BC96D

Tetradic Palette

#416E9D #4F86BF #8A39D5 #BF894F #85D539 #9BDD5D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #4F86BF contains 79 red, 134 green, and 191 blue.

Contrast Ratio: 3.78:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.56:1