#6c667d hex color

In a RGB color space, hex #6c667d is composed of 42.4% red, 40% green and 49% blue. Whereas in a CMYK color space, it is composed of 13.6% cyan, 18.4% magenta, 0% yellow and 51% black. It has a hue angle of 255.7 degrees, a saturation of 10.1% and a lightness of 44.5%. #6c667d color hex could be obtained by blending #d8ccfa with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 42
- G 40
- B 49
RGB color chart
- C 14
- M 18
- Y 0
- K 51
CMYK color chart

● #6c667d color description : Dark grayish violet.

The hexadecimal color #6c667d has RGB values of R:108, G:102, B:125 and CMYK values of C:0.14, M:0.18, Y:0, K:0.51. Its decimal value is 7104125.

Hex triplet	6c667d	`#6c667d`
RGB Decimal	108, 102, 125	`rgb(108,102,125)`
RGB Percent	42.4, 40, 49	`rgb(42.4%,40%,49%)`
CMYK	14, 18, 0, 51
HSL	255.7°, 10.1, 44.5	`hsl(255.7,10.1%,44.5%)`
HSV (or HSB)	255.7°, 18.4, 49
Web Safe	666666	`#666666`

CIE-LAB	44.478, 7.322, -11.947
XYZ	14.637, 14.172, 21.365
xyY	0.292, 0.282, 14.172
CIE-LCH	44.478, 14.012, 301.501
CIE-LUV	44.478, 1.816, -17.636
Hunter-Lab	37.645, 3.523, -7.298
Binary	01101100, 01100110, 01111101

#6c667d
```
#6c667d rgb(108,102,125)
```
#777d66
```
#777d66 rgb(119,125,102)
```

Complementary Color

#666c7d
```
#666c7d rgb(102,108,125)
```
#6c667d
```
#6c667d rgb(108,102,125)
```
#78667d
```
#78667d rgb(120,102,125)
```

Analogous Color

#6c7d66
```
#6c7d66 rgb(108,125,102)
```
#6c667d
```
#6c667d rgb(108,102,125)
```
#7d7866
```
#7d7866 rgb(125,120,102)
```

Split Complementary Color

#667d6c
```
#667d6c rgb(102,125,108)
```
#6c667d
```
#6c667d rgb(108,102,125)
```
#7d6c66
```
#7d6c66 rgb(125,108,102)
```

Triadic Color

#66777d
```
#66777d rgb(102,119,125)
```
#6c667d
```
#6c667d rgb(108,102,125)
```
#7d6c66
```
#7d6c66 rgb(125,108,102)
```
#777d66
```
#777d66 rgb(119,125,102)
```

Tetradic Color

#484453
```
#484453 rgb(72,68,83)
```
#544f61
```
#544f61 rgb(84,79,97)
```
#605b6f
```
#605b6f rgb(96,91,111)
```
#6c667d
```
#6c667d rgb(108,102,125)
```
#78718b
```
#78718b rgb(120,113,139)
```
#857f97
```
#857f97 rgb(133,127,151)
```
#938da2
```
#938da2 rgb(147,141,162)
```

Monochromatic Color

Below, you can see some colors close to #6c667d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#66667d
```
#66667d rgb(102,102,125)
```
#68667d
```
#68667d rgb(104,102,125)
```
#6a667d
```
#6a667d rgb(106,102,125)
```
#6c667d
```
#6c667d rgb(108,102,125)
```
#6e667d
```
#6e667d rgb(110,102,125)
```
#70667d
```
#70667d rgb(112,102,125)
```
#72667d
```
#72667d rgb(114,102,125)
```

Similar Colors

Text with hexadecimal color #6c667d

This text has a font color of #6c667d.

<span style="color:#6c667d;">Text here</span>

#6c667d background color

This paragraph has a background color of #6c667d.

<p style="background-color:#6c667d;">Content here</p>

#6c667d border color

This element has a border color of #6c667d.

<div style="border:1px solid #6c667d;">Content here</div>

CSS codes

.text {color:#6c667d;}

.background {background-color:#6c667d;}

.border {border:1px solid #6c667d;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #050506 is the darkest color, while #fbfafb is the lightest one.

#050506
```
#050506 rgb(5,5,6)
```
#0f0e11
```
#0f0e11 rgb(15,14,17)
```
#18171c
```
#18171c rgb(24,23,28)
```
#211f27
```
#211f27 rgb(33,31,39)
```
#2b2831
```
#2b2831 rgb(43,40,49)
```
#34313c
```
#34313c rgb(52,49,60)
```
#3d3a47
```
#3d3a47 rgb(61,58,71)
```
#474352
```
#474352 rgb(71,67,82)
```
#504c5d
```
#504c5d rgb(80,76,93)
```
#595467
```
#595467 rgb(89,84,103)
```
#635d72
```
#635d72 rgb(99,93,114)
```
#6c667d
```
#6c667d rgb(108,102,125)
```
#756f88
```
#756f88 rgb(117,111,136)
```

Shade Color Variation

#7f7991
```
#7f7991 rgb(127,121,145)
```
#89849a
```
#89849a rgb(137,132,154)
```
#948ea3
```
#948ea3 rgb(148,142,163)
```
#9e99ac
```
#9e99ac rgb(158,153,172)
```
#a8a4b5
```
#a8a4b5 rgb(168,164,181)
```
#b3afbe
```
#b3afbe rgb(179,175,190)
```
#bdbac6
```
#bdbac6 rgb(189,186,198)
```
#c7c4cf
```
#c7c4cf rgb(199,196,207)
```
#d1cfd8
```
#d1cfd8 rgb(209,207,216)
```
#dcdae1
```
#dcdae1 rgb(220,218,225)
```
#e6e5ea
```
#e6e5ea rgb(230,229,234)
```
#f0f0f2
```
#f0f0f2 rgb(240,240,242)
```
#fbfafb
```
#fbfafb rgb(251,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #706f74 is the less saturated color, while #3e06dd is the most saturated one.

#706f74
```
#706f74 rgb(112,111,116)
```
#6c667d
```
#6c667d rgb(108,102,125)
```
#685d86
```
#685d86 rgb(104,93,134)
```
#64558e
```
#64558e rgb(100,85,142)
```
#5f4c97
```
#5f4c97 rgb(95,76,151)
```
#5b43a0
```
#5b43a0 rgb(91,67,160)
```
#573aa9
```
#573aa9 rgb(87,58,169)
```
#5332b1
```
#5332b1 rgb(83,50,177)
```
#4f29ba
```
#4f29ba rgb(79,41,186)
```
#4b20c3
```
#4b20c3 rgb(75,32,195)
```
#4617cc
```
#4617cc rgb(70,23,204)
```
#420fd4
```
#420fd4 rgb(66,15,212)
```
#3e06dd
```
#3e06dd rgb(62,6,221)
```

Tone Color Variation

Below, you can see how #6c667d is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#6a6a6a Achromatopsia 0.005% of the population
#6a696e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c7085 Protanopia 1% of men
#716e83 Deuteranopia 1% of men
#717078 Tritanopia 0.001% of the population

Trichromacy

#6c6c82 Protanomaly 1% of men, 0.01% of women
#6f6b81 Deuteranomaly 6% of men, 0.4% of women
#6f6c79 Tritanomaly 0.01% of the population

#6c667d hex color

#6c667d Color Information

#6c667d Color Conversion

Color Schemes with #6c667d

Alternatives to #6c667d

#6c667d Preview

Shades and Tints of #6c667d

Tones of #6c667d

Color Blindness Simulator