#f86c7c Hex Color

The RBG values of the #f86c7c hex color are 248 (red), 108 (blue), and 124 (green). While the HSL values of #f86c7c are 0.98 (hue), 0.39 (saturation), and 0.7 (lightness).

The CMYK values of #f86c7c are 0 (cyan), 0.56 (magenta), 0.5 (yellow), and 0.03 (black).


#f86c7c Color Spaces Conversions

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

Hexadecimal

f86c7c

CIE-Lab

63.4558, 54.8925, 18.3023

RGB

248, 108, 124

CIE-Lch

63.4558, 57.8633, 18.4395

HSL

0.98, 0.39, 0.7

CIE-Luv

63.4558, 100.0513, 12.6208

HSV

0.98, 0.56, 0.97

Hunter-Lab

56.6893, 51.0265, 15.8814

CMYK

0, 0.56, 0.5, 0.03

XYZ

47.7121, 32.1368, 22.7571

Binary

11111000, 1101100, 1111100

YXY

32.1368, 0.465, 0.3132

#f86c7c Color Schemes

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

#f86c7c Color Shades

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

#f86c7c Color Tints

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

#f86c7c Similar Hex Colors



#f86c7c Style Preview

Font Color

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

Background Color

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

Border Color

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

Text Shadow

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

Shades Gradient

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

Tints Gradient

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