#6c557a hex color

In a RGB color space, hex #6c557a is composed of 42.4% red, 33.3% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 11.5% cyan, 30.3% magenta, 0% yellow and 52.2% black. It has a hue angle of 277.3 degrees, a saturation of 17.9% and a lightness of 40.6%. #6c557a color hex could be obtained by blending #d8aaf4 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 42
- G 33
- B 48
RGB color chart
- C 11
- M 30
- Y 0
- K 52
CMYK color chart

● #6c557a color description : Mostly desaturated dark violet.

The hexadecimal color #6c557a has RGB values of R:108, G:85, B:122 and CMYK values of C:0.11, M:0.3, Y:0, K:0.52. Its decimal value is 7099770.

Hex triplet	6c557a	`#6c557a`
RGB Decimal	108, 85, 122	`rgb(108,85,122)`
RGB Percent	42.4, 33.3, 47.8	`rgb(42.4%,33.3%,47.8%)`
CMYK	11, 30, 0, 52
HSL	277.3°, 17.9, 40.6	`hsl(277.3,17.9%,40.6%)`
HSV (or HSB)	277.3°, 30.3, 47.8
Web Safe	666666	`#666666`

CIE-LAB	39.732, 17.027, -17.352
XYZ	12.945, 11.09, 19.87
xyY	0.295, 0.253, 11.09
CIE-LCH	39.732, 24.311, 314.457
CIE-LUV	39.732, 9.76, -26.11
Hunter-Lab	33.302, 11.107, -12.064
Binary	01101100, 01010101, 01111010

#6c557a
```
#6c557a rgb(108,85,122)
```
#637a55
```
#637a55 rgb(99,122,85)
```

Complementary Color

#5a557a
```
#5a557a rgb(90,85,122)
```
#6c557a
```
#6c557a rgb(108,85,122)
```
#7a5576
```
#7a5576 rgb(122,85,118)
```

Analogous Color

#557a5a
```
#557a5a rgb(85,122,90)
```
#6c557a
```
#6c557a rgb(108,85,122)
```
#767a55
```
#767a55 rgb(118,122,85)
```

Split Complementary Color

#557a6c
```
#557a6c rgb(85,122,108)
```
#6c557a
```
#6c557a rgb(108,85,122)
```
#7a6c55
```
#7a6c55 rgb(122,108,85)
```

Triadic Color

#55637a
```
#55637a rgb(85,99,122)
```
#6c557a
```
#6c557a rgb(108,85,122)
```
#7a6c55
```
#7a6c55 rgb(122,108,85)
```
#637a55
```
#637a55 rgb(99,122,85)
```

Tetradic Color

#44364d
```
#44364d rgb(68,54,77)
```
#51405c
```
#51405c rgb(81,64,92)
```
#5f4b6b
```
#5f4b6b rgb(95,75,107)
```
#6c557a
```
#6c557a rgb(108,85,122)
```
#795f89
```
#795f89 rgb(121,95,137)
```
#866a98
```
#866a98 rgb(134,106,152)
```
#937aa2
```
#937aa2 rgb(147,122,162)
```

Monochromatic Color

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

#63557a
```
#63557a rgb(99,85,122)
```
#66557a
```
#66557a rgb(102,85,122)
```
#69557a
```
#69557a rgb(105,85,122)
```
#6c557a
```
#6c557a rgb(108,85,122)
```
#6f557a
```
#6f557a rgb(111,85,122)
```
#72557a
```
#72557a rgb(114,85,122)
```
#75557a
```
#75557a rgb(117,85,122)
```

Similar Colors

Text with hexadecimal color #6c557a

This text has a font color of #6c557a.

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

#6c557a background color

This paragraph has a background color of #6c557a.

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

#6c557a border color

This element has a border color of #6c557a.

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

CSS codes

.text {color:#6c557a;}

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

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

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, #060406 is the darkest color, while #fbfafb is the lightest one.

#060406
```
#060406 rgb(6,4,6)
```
#100d12
```
#100d12 rgb(16,13,18)
```
#1a151e
```
#1a151e rgb(26,21,30)
```
#241d29
```
#241d29 rgb(36,29,41)
```
#2f2535
```
#2f2535 rgb(47,37,53)
```
#392d40
```
#392d40 rgb(57,45,64)
```
#43354c
```
#43354c rgb(67,53,76)
```
#4d3d57
```
#4d3d57 rgb(77,61,87)
```
#584563
```
#584563 rgb(88,69,99)
```
#624d6e
```
#624d6e rgb(98,77,110)
```
#6c557a
```
#6c557a rgb(108,85,122)
```
#765d86
```
#765d86 rgb(118,93,134)
```
#806591
```
#806591 rgb(128,101,145)
```

Shade Color Variation

#8a6f9b
```
#8a6f9b rgb(138,111,155)
```
#947ba3
```
#947ba3 rgb(148,123,163)
```
#9d86ab
```
#9d86ab rgb(157,134,171)
```
#a692b3
```
#a692b3 rgb(166,146,179)
```
#b09dbb
```
#b09dbb rgb(176,157,187)
```
#b9a9c3
```
#b9a9c3 rgb(185,169,195)
```
#c3b4cb
```
#c3b4cb rgb(195,180,203)
```
#ccc0d3
```
#ccc0d3 rgb(204,192,211)
```
#d5ccdb
```
#d5ccdb rgb(213,204,219)
```
#dfd7e3
```
#dfd7e3 rgb(223,215,227)
```
#e8e3eb
```
#e8e3eb rgb(232,227,235)
```
#f1eef3
```
#f1eef3 rgb(241,238,243)
```
#fbfafb
```
#fbfafb rgb(251,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #68656a is the less saturated color, while #7f05ca is the most saturated one.

#68656a
```
#68656a rgb(104,101,106)
```
#6a5d72
```
#6a5d72 rgb(106,93,114)
```
#6c557a
```
#6c557a rgb(108,85,122)
```
#6e4d82
```
#6e4d82 rgb(110,77,130)
```
#70458a
```
#70458a rgb(112,69,138)
```
#723d92
```
#723d92 rgb(114,61,146)
```
#74359a
```
#74359a rgb(116,53,154)
```
#762da2
```
#762da2 rgb(118,45,162)
```
#7825aa
```
#7825aa rgb(120,37,170)
```
#7a1db2
```
#7a1db2 rgb(122,29,178)
```
#7b15ba
```
#7b15ba rgb(123,21,186)
```
#7d0dc2
```
#7d0dc2 rgb(125,13,194)
```
#7f05ca
```
#7f05ca rgb(127,5,202)
```

Tone Color Variation

Below, you can see how #6c557a 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

#606060 Achromatopsia 0.005% of the population
#625e65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c6485 Protanopia 1% of men
#61647e Deuteranopia 1% of men
#6f6269 Tritanopia 0.001% of the population

Trichromacy

#615f81 Protanomaly 1% of men, 0.01% of women
#655e7d Deuteranomaly 6% of men, 0.4% of women
#6e5d6f Tritanomaly 0.01% of the population

#6c557a hex color

#6c557a Color Information

#6c557a Color Conversion

Color Schemes with #6c557a

Alternatives to #6c557a

#6c557a Preview

Shades and Tints of #6c557a

Tones of #6c557a

Color Blindness Simulator