#6c687e hex color

In a RGB color space, hex #6c687e is composed of 42.4% red, 40.8% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 14.3% cyan, 17.5% magenta, 0% yellow and 50.6% black. It has a hue angle of 250.9 degrees, a saturation of 9.6% and a lightness of 45.1%. #6c687e color hex could be obtained by blending #d8d0fc with #000000. Closest websafe color is: #666666.

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

● #6c687e color description : Dark grayish blue.

The hexadecimal color #6c687e has RGB values of R:108, G:104, B:126 and CMYK values of C:0.14, M:0.17, Y:0, K:0.51. Its decimal value is 7104638.

Hex triplet	6c687e	`#6c687e`
RGB Decimal	108, 104, 126	`rgb(108,104,126)`
RGB Percent	42.4, 40.8, 49.4	`rgb(42.4%,40.8%,49.4%)`
CMYK	14, 17, 0, 51
HSL	250.9°, 9.6, 45.1	`hsl(250.9,9.6%,45.1%)`
HSV (or HSB)	250.9°, 17.5, 49.4
Web Safe	666666	`#666666`

CIE-LAB	45.075, 6.346, -11.647
XYZ	14.9, 14.595, 21.77
xyY	0.291, 0.285, 14.595
CIE-LCH	45.075, 13.264, 298.585
CIE-LUV	45.075, 0.82, -17.121
Hunter-Lab	38.204, 2.761, -7.043
Binary	01101100, 01101000, 01111110

#6c687e
```
#6c687e rgb(108,104,126)
```
#7a7e68
```
#7a7e68 rgb(122,126,104)
```

Complementary Color

#686f7e
```
#686f7e rgb(104,111,126)
```
#6c687e
```
#6c687e rgb(108,104,126)
```
#77687e
```
#77687e rgb(119,104,126)
```

Analogous Color

#6f7e68
```
#6f7e68 rgb(111,126,104)
```
#6c687e
```
#6c687e rgb(108,104,126)
```
#7e7768
```
#7e7768 rgb(126,119,104)
```

Split Complementary Color

#687e6c
```
#687e6c rgb(104,126,108)
```
#6c687e
```
#6c687e rgb(108,104,126)
```
#7e6c68
```
#7e6c68 rgb(126,108,104)
```

Triadic Color

#687a7e
```
#687a7e rgb(104,122,126)
```
#6c687e
```
#6c687e rgb(108,104,126)
```
#7e6c68
```
#7e6c68 rgb(126,108,104)
```
#7a7e68
```
#7a7e68 rgb(122,126,104)
```

Tetradic Color

#484554
```
#484554 rgb(72,69,84)
```
#545162
```
#545162 rgb(84,81,98)
```
#605c70
```
#605c70 rgb(96,92,112)
```
#6c687e
```
#6c687e rgb(108,104,126)
```
#78748c
```
#78748c rgb(120,116,140)
```
#868297
```
#868297 rgb(134,130,151)
```
#9390a3
```
#9390a3 rgb(147,144,163)
```

Monochromatic Color

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

#686a7e
```
#686a7e rgb(104,106,126)
```
#68687e
```
#68687e rgb(104,104,126)
```
#6a687e
```
#6a687e rgb(106,104,126)
```
#6c687e
```
#6c687e rgb(108,104,126)
```
#6e687e
```
#6e687e rgb(110,104,126)
```
#70687e
```
#70687e rgb(112,104,126)
```
#72687e
```
#72687e rgb(114,104,126)
```

Similar Colors

Text with hexadecimal color #6c687e

This text has a font color of #6c687e.

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

#6c687e background color

This paragraph has a background color of #6c687e.

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

#6c687e border color

This element has a border color of #6c687e.

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

CSS codes

.text {color:#6c687e;}

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

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

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

#070608
```
#070608 rgb(7,6,8)
```
#100f13
```
#100f13 rgb(16,15,19)
```
#19181d
```
#19181d rgb(25,24,29)
```
#222128
```
#222128 rgb(34,33,40)
```
#2c2a33
```
#2c2a33 rgb(44,42,51)
```
#35333e
```
#35333e rgb(53,51,62)
```
#3e3c48
```
#3e3c48 rgb(62,60,72)
```
#474553
```
#474553 rgb(71,69,83)
```
#504d5e
```
#504d5e rgb(80,77,94)
```
#5a5669
```
#5a5669 rgb(90,86,105)
```
#635f73
```
#635f73 rgb(99,95,115)
```
#6c687e
```
#6c687e rgb(108,104,126)
```
#757189
```
#757189 rgb(117,113,137)
```

Shade Color Variation

#7f7b92
```
#7f7b92 rgb(127,123,146)
```
#8a869b
```
#8a869b rgb(138,134,155)
```
#9491a4
```
#9491a4 rgb(148,145,164)
```
#9f9bad
```
#9f9bad rgb(159,155,173)
```
#a9a6b6
```
#a9a6b6 rgb(169,166,182)
```
#b3b1be
```
#b3b1be rgb(179,177,190)
```
#bebcc7
```
#bebcc7 rgb(190,188,199)
```
#c8c6d0
```
#c8c6d0 rgb(200,198,208)
```
#d3d1d9
```
#d3d1d9 rgb(211,209,217)
```
#dddce2
```
#dddce2 rgb(221,220,226)
```
#e7e7eb
```
#e7e7eb rgb(231,231,235)
```
#f2f1f4
```
#f2f1f4 rgb(242,241,244)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #727175 is the less saturated color, while #2e07df is the most saturated one.

#727175
```
#727175 rgb(114,113,117)
```
#6c687e
```
#6c687e rgb(108,104,126)
```
#665f87
```
#665f87 rgb(102,95,135)
```
#615690
```
#615690 rgb(97,86,144)
```
#5b4d99
```
#5b4d99 rgb(91,77,153)
```
#5545a1
```
#5545a1 rgb(85,69,161)
```
#503caa
```
#503caa rgb(80,60,170)
```
#4a33b3
```
#4a33b3 rgb(74,51,179)
```
#452abc
```
#452abc rgb(69,42,188)
```
#3f21c5
```
#3f21c5 rgb(63,33,197)
```
#3918ce
```
#3918ce rgb(57,24,206)
```
#3410d6
```
#3410d6 rgb(52,16,214)
```
#2e07df
```
#2e07df rgb(46,7,223)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#6c6b70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d7185 Protanopia 1% of men
#736f84 Deuteranopia 1% of men
#717179 Tritanopia 0.001% of the population

Trichromacy

#6d6e82 Protanomaly 1% of men, 0.01% of women
#706d82 Deuteranomaly 6% of men, 0.4% of women
#6f6e7b Tritanomaly 0.01% of the population

#6c687e hex color

#6c687e Color Information

#6c687e Color Conversion

Color Schemes with #6c687e

Alternatives to #6c687e

#6c687e Preview

Shades and Tints of #6c687e

Tones of #6c687e

Color Blindness Simulator