#cf5686 Hex Color

The RBG values of the #cf5686 hex color are 207 (red), 86 (blue), and 134 (green). While the HSL values of #cf5686 are 0.93 (hue), 0.41 (saturation), and 0.57 (lightness).

The CMYK values of #cf5686 are 0 (cyan), 0.58 (magenta), 0.35 (yellow), and 0.19 (black).


#cf5686 Color Spaces Conversions

This are the conversions of #cf5686 to the different color spaces.

Hexadecimal

cf5686

CIE-Lab

53.6453, 52.5102, -2.3463

RGB

207, 86, 134

CIE-Lch

53.6453, 52.5626, 357.4416

HSL

0.93, 0.41, 0.57

CIE-Luv

53.6453, 77.008, -12.8394

HSV

0.93, 0.58, 0.81

Hunter-Lab

46.5212, 46.6004, 0.7372

CMYK

0, 0.58, 0.35, 0.19

XYZ

33.363, 21.6422, 24.9732

Binary

11001111, 1010110, 10000110

YXY

21.6422, 0.4172, 0.2706

#cf5686 Color Schemes

This are some of the common color schemes used in web design for the #cf5686 hex color.

#cf5686 Color Shades

The color shades are created by adding black to the original color. Here we have created a sample array of shades from #cf5686 to #310e1c.

#cf5686 Color Tints

The color tints are created by adding white to the original color. Here we have created a sample array of tints from #cf5686 to #ffffff.

#cf5686 Similar Hex Colors



#cf5686 Style Preview

Font Color

#cf5686 Font Color
style='color:#cf5686;'

Background Color

#cf5686 Background Color
style='background:#cf5686;'

Border Color

#cf5686 Border Color
style='border:2px solid #cf5686;'

Text Shadow

#cf5686 Text Shadow
style='text-shadow: 4px 4px 2px #cf5686;'

Shades Gradient

#cf5686 Shades Gradient
style='background: -moz-linear-gradient(top, #cf5686, #310e1c); background: -webkit-linear-gradient(top, #cf5686, #310e1c); background: -o-linear-gradient(top, #cf5686, #310e1c); background: -ms-linear-gradient(top, #cf5686, #310e1c); background: linear-gradient(top, #cf5686, #310e1c);'

Tints Gradient

#cf5686 Tints Gradient
style='background: -moz-linear-gradient(top, #cf5686, #ffffff); background: -webkit-linear-gradient(top, #cf5686, #ffffff); background: -o-linear-gradient(top, #cf5686, #ffffff); background: -ms-linear-gradient(top, #cf5686, #ffffff); background: linear-gradient(top, #cf5686, #ffffff);'