#7983b1 Hex Color

The RBG values of the #7983b1 hex color are 121 (red), 131 (blue), and 177 (green). While the HSL values of #7983b1 are 0.64 (hue), 0.19 (saturation), and 0.58 (lightness).

The CMYK values of #7983b1 are 0.32 (cyan), 0.26 (magenta), 0 (yellow), and 0.31 (black).


#7983b1 Color Spaces Conversions

This are the conversions of #7983b1 to the different color spaces.

Hexadecimal

7983b1

CIE-Lab

55.5551, 7.3268, -25.454

RGB

121, 131, 177

CIE-Lch

55.5551, 26.4875, 286.0581

HSL

0.64, 0.19, 0.58

CIE-Luv

55.5551, -7.4531, -39.4468

HSV

0.64, 0.32, 0.69

Hunter-Lab

48.4478, 3.4104, -20.9906

CMYK

0.32, 0.26, 0, 0.31

XYZ

23.9373, 23.4719, 44.8639

Binary

1111001, 10000011, 10110001

YXY

23.4719, 0.2594, 0.2544

#7983b1 Color Schemes

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

#7983b1 Color Shades

The color shades are created by adding black to the original color. Here we have created a sample array of shades from #7983b1 to #191c2b.

#7983b1 Color Tints

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

#7983b1 Similar Hex Colors



#7983b1 Style Preview

Font Color

#7983b1 Font Color
style='color:#7983b1;'

Background Color

#7983b1 Background Color
style='background:#7983b1;'

Border Color

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

Text Shadow

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

Shades Gradient

#7983b1 Shades Gradient
style='background: -moz-linear-gradient(top, #7983b1, #191c2b); background: -webkit-linear-gradient(top, #7983b1, #191c2b); background: -o-linear-gradient(top, #7983b1, #191c2b); background: -ms-linear-gradient(top, #7983b1, #191c2b); background: linear-gradient(top, #7983b1, #191c2b);'

Tints Gradient

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