#6B6266 Color Information


In the RGB color space, #6B6266 is composed of 41.9608% red, 38.4314% green, and 40% blue.

In the CMYK color space, #6B6266 is composed of 0% cyan, 8.41% magenta, 4.67% yellow, and 58.04% black,

It has a hue angle of 333.3 degrees, a saturation of 4.39%, and a lightness of 40.2%.

The closest websafe color is #666666.

#6B6266 RGB Values

#6B6266 CMYK Values



#6B6266 Color Conversion


The hexadecimal color #6B6266 has RGB values of R:107, G:98, B:102 and CMYK values of C:0, M:8.41, Y:4.67, K:58.04. It has a decimal value of 7037542.


Hexadecimal #6B6266 #6B6266
RGB Decimal 107, 98, 102 rgb(107, 98, 102)
RGB Percent 41.9608, 38.4314, 40 rgb(41.9608%, 38.4314%, 40%)
RGB Proportion 0.4196, 0.3843, 0.4 rgb(0.4196, 0.3843, 0.4)
CMYK 0, 8.41, 4.67, 58.04
HSL 333.3ยบ, 4.39, 40.2 hsl(333.3, 4.39%, 40.2%)
Websafe 666666 #666666
XYZ 12.829, 12.82, 14.369
Yxy 12.82, 0.321, 0.32
CIE-LAB 42.491, 4.365, -0.978
CIE-LCH 42.491, 4.473, 347.371
CIE-LUV 42.491, 4.907, -1.954
Hunter-Lab 35.805, 1.298, 1.27

Color Schemes For #6B6266


Colors that go well with #6B6266.

Complementary Color
Analogous Colors
Triadic Colors
Split Complementary Color
Tetradic Colors
Monochromatic

Alternatives to #6B6266


Colors similar to #6B6266.


#6B6266 Preview


Common HTML and CSS shortcodes for #6B6266.

Text with color #6B6266


The quick brown fox jumps over the lazy dog.

<div style="color: #6B6266;">The quick brown fox jumps over the lazy dog.</div>

#6B6266 as background color


The quick brown fox jumps over the lazy dog.

<div style="background-color: #6B6266;">The quick brown fox jumps over the lazy dog.</div>

Border with #6B6266


The quick brown fox jumps over the lazy dog.

<div style="border: 1px solid #6B6266;">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #6B6266


Linear gradient from #6B6266 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#6B6266, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #6B6266


Radial gradient from #6B6266 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#6B6266, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #6B6266 and its Complementary Color


Linear gradient from #6B6266 to #949D99.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#6B6266, #949D99);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #6B6266 and its Complementary Color


Radial gradient from #6B6266 to #949D99.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#6B6266, #949D99);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #6B6266; } .background { background-color: #6B6266; } .border { border: 1px solid #6B6266; } .linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); } .radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }

Shades and Tints of #6B6266


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #020202 while the lightest tint is #FCFCFC.

Shades


Tints

Random Colors