#6c6770 hex color

In a RGB color space, hex #6c6770 is composed of 42.4% red, 40.4% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 3.6% cyan, 8% magenta, 0% yellow and 56.1% black. It has a hue angle of 273.3 degrees, a saturation of 4.2% and a lightness of 42.2%. #6c6770 color hex could be obtained by blending #d8cee0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 42
- G 40
- B 44
RGB color chart
- C 4
- M 8
- Y 0
- K 56
CMYK color chart

● #6c6770 color description : Very dark grayish violet.

The hexadecimal color #6c6770 has RGB values of R:108, G:103, B:112 and CMYK values of C:0.04, M:0.08, Y:0, K:0.56. Its decimal value is 7104368.

Hex triplet	6c6770	`#6c6770`
RGB Decimal	108, 103, 112	`rgb(108,103,112)`
RGB Percent	42.4, 40.4, 43.9	`rgb(42.4%,40.4%,43.9%)`
CMYK	4, 8, 0, 56
HSL	273.3°, 4.2, 42.2	`hsl(273.3,4.2%,42.2%)`
HSV (or HSB)	273.3°, 8, 43.9
Web Safe	666666	`#666666`

CIE-LAB	44.317, 3.812, -4.343
XYZ	13.959, 14.059, 17.307
xyY	0.308, 0.31, 14.059
CIE-LCH	44.317, 5.779, 311.275
CIE-LUV	44.317, 2.251, -6.429
Hunter-Lab	37.495, 0.837, -1.12
Binary	01101100, 01100111, 01110000

#6c6770
```
#6c6770 rgb(108,103,112)
```
#6b7067
```
#6b7067 rgb(107,112,103)
```

Complementary Color

#686770
```
#686770 rgb(104,103,112)
```
#6c6770
```
#6c6770 rgb(108,103,112)
```
#706770
```
#706770 rgb(112,103,112)
```

Analogous Color

#677068
```
#677068 rgb(103,112,104)
```
#6c6770
```
#6c6770 rgb(108,103,112)
```
#707067
```
#707067 rgb(112,112,103)
```

Split Complementary Color

#67706c
```
#67706c rgb(103,112,108)
```
#6c6770
```
#6c6770 rgb(108,103,112)
```
#706c67
```
#706c67 rgb(112,108,103)
```

Triadic Color

#676b70
```
#676b70 rgb(103,107,112)
```
#6c6770
```
#6c6770 rgb(108,103,112)
```
#706c67
```
#706c67 rgb(112,108,103)
```
#6b7067
```
#6b7067 rgb(107,112,103)
```

Tetradic Color

#464248
```
#464248 rgb(70,66,72)
```
#524f55
```
#524f55 rgb(82,79,85)
```
#5f5b63
```
#5f5b63 rgb(95,91,99)
```
#6c6770
```
#6c6770 rgb(108,103,112)
```
#79737d
```
#79737d rgb(121,115,125)
```
#86808a
```
#86808a rgb(134,128,138)
```
#928d96
```
#928d96 rgb(146,141,150)
```

Monochromatic Color

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

#6a6770
```
#6a6770 rgb(106,103,112)
```
#6b6770
```
#6b6770 rgb(107,103,112)
```
#6b6770
```
#6b6770 rgb(107,103,112)
```
#6c6770
```
#6c6770 rgb(108,103,112)
```
#6d6770
```
#6d6770 rgb(109,103,112)
```
#6e6770
```
#6e6770 rgb(110,103,112)
```
#6e6770
```
#6e6770 rgb(110,103,112)
```

Similar Colors

Text with hexadecimal color #6c6770

This text has a font color of #6c6770.

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

#6c6770 background color

This paragraph has a background color of #6c6770.

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

#6c6770 border color

This element has a border color of #6c6770.

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

CSS codes

.text {color:#6c6770;}

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

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

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, #09090a is the darkest color, while #ffffff is the lightest one.

#09090a
```
#09090a rgb(9,9,10)
```
#131214
```
#131214 rgb(19,18,20)
```
#1d1c1e
```
#1d1c1e rgb(29,28,30)
```
#272528
```
#272528 rgb(39,37,40)
```
#312f33
```
#312f33 rgb(49,47,51)
```
#3b383d
```
#3b383d rgb(59,56,61)
```
#454147
```
#454147 rgb(69,65,71)
```
#4e4b51
```
#4e4b51 rgb(78,75,81)
```
#58545c
```
#58545c rgb(88,84,92)
```
#625e66
```
#625e66 rgb(98,94,102)
```
#6c6770
```
#6c6770 rgb(108,103,112)
```
#76707a
```
#76707a rgb(118,112,122)
```
#807a84
```
#807a84 rgb(128,122,132)
```

Shade Color Variation

#89848e
```
#89848e rgb(137,132,142)
```
#938e97
```
#938e97 rgb(147,142,151)
```
#9d98a1
```
#9d98a1 rgb(157,152,161)
```
#a7a3aa
```
#a7a3aa rgb(167,163,170)
```
#b1adb3
```
#b1adb3 rgb(177,173,179)
```
#bab7bd
```
#bab7bd rgb(186,183,189)
```
#c4c1c6
```
#c4c1c6 rgb(196,193,198)
```
#ceccd0
```
#ceccd0 rgb(206,204,208)
```
#d8d6d9
```
#d8d6d9 rgb(216,214,217)
```
#e1e0e2
```
#e1e0e2 rgb(225,224,226)
```
#ebeaec
```
#ebeaec rgb(235,234,236)
```
#f5f4f5
```
#f5f4f5 rgb(245,244,245)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6770 is the less saturated color, while #7704d3 is the most saturated one.

#6c6770
```
#6c6770 rgb(108,103,112)
```
#6d5f78
```
#6d5f78 rgb(109,95,120)
```
#6e5681
```
#6e5681 rgb(110,86,129)
```
#6f4e89
```
#6f4e89 rgb(111,78,137)
```
#704691
```
#704691 rgb(112,70,145)
```
#713e99
```
#713e99 rgb(113,62,153)
```
#7235a2
```
#7235a2 rgb(114,53,162)
```
#722daa
```
#722daa rgb(114,45,170)
```
#7325b2
```
#7325b2 rgb(115,37,178)
```
#741dba
```
#741dba rgb(116,29,186)
```
#7514c3
```
#7514c3 rgb(117,20,195)
```
#760ccb
```
#760ccb rgb(118,12,203)
```
#7704d3
```
#7704d3 rgb(119,4,211)
```

Tone Color Variation

Below, you can see how #6c6770 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
#6a696b Atypical Achromatopsia 0.001% of the population

Dichromacy

#706f78 Protanopia 1% of men
#776d77 Deuteranopia 1% of men
#736f76 Tritanopia 0.001% of the population

Trichromacy

#6e6c75 Protanomaly 1% of men, 0.01% of women
#736b75 Deuteranomaly 6% of men, 0.4% of women
#706c74 Tritanomaly 0.01% of the population

#6c6770 hex color

#6c6770 Color Information

#6c6770 Color Conversion

Color Schemes with #6c6770

Alternatives to #6c6770

#6c6770 Preview

Shades and Tints of #6c6770

Tones of #6c6770

Color Blindness Simulator