#6d7bd5 Hex Color

The RBG values of the #6d7bd5 hex color are 109 (red), 123 (blue), and 213 (green). While the HSL values of #6d7bd5 are 0.64 (hue), 0.32 (saturation), and 0.63 (lightness).

The CMYK values of #6d7bd5 are 0.49 (cyan), 0.42 (magenta), 0 (yellow), and 0.16 (black).


#6d7bd5 Color Spaces Conversions

This are the conversions of #6d7bd5 to the different color spaces.

Hexadecimal

6d7bd5

CIE-Lab

54.2609, 19.2093, -48.0373

RGB

109, 123, 213

CIE-Lch

54.2609, 51.7357, 291.7956

HSL

0.64, 0.32, 0.63

CIE-Luv

54.2609, -10.754, -76.8263

HSV

0.64, 0.49, 0.84

Hunter-Lab

47.1394, 13.6863, -49.8903

CMYK

0.49, 0.42, 0, 0.16

XYZ

25.3999, 22.2212, 65.9012

Binary

1101101, 1111011, 11010101

YXY

22.2212, 0.2237, 0.1957

#6d7bd5 Color Schemes

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

#6d7bd5 Color Shades

The color shades are created by adding black to the original color. Here we have created a sample array of shades from #6d7bd5 to #151c48.

#6d7bd5 Color Tints

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

#6d7bd5 Similar Hex Colors



#6d7bd5 Style Preview

Font Color

#6d7bd5 Font Color
style='color:#6d7bd5;'

Background Color

#6d7bd5 Background Color
style='background:#6d7bd5;'

Border Color

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

Text Shadow

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

Shades Gradient

#6d7bd5 Shades Gradient
style='background: -moz-linear-gradient(top, #6d7bd5, #151c48); background: -webkit-linear-gradient(top, #6d7bd5, #151c48); background: -o-linear-gradient(top, #6d7bd5, #151c48); background: -ms-linear-gradient(top, #6d7bd5, #151c48); background: linear-gradient(top, #6d7bd5, #151c48);'

Tints Gradient

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