#686270 hex color

In a RGB color space, hex #686270 is composed of 40.8% red, 38.4% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 7.1% cyan, 12.5% magenta, 0% yellow and 56.1% black. It has a hue angle of 265.7 degrees, a saturation of 6.7% and a lightness of 41.2%. #686270 color hex could be obtained by blending #d0c4e0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 41
- G 38
- B 44
RGB color chart
- C 7
- M 13
- Y 0
- K 56
CMYK color chart

● #686270 color description : Very dark grayish violet.

The hexadecimal color #686270 has RGB values of R:104, G:98, B:112 and CMYK values of C:0.07, M:0.13, Y:0, K:0.56. Its decimal value is 6840944.

Hex triplet	686270	`#686270`
RGB Decimal	104, 98, 112	`rgb(104,98,112)`
RGB Percent	40.8, 38.4, 43.9	`rgb(40.8%,38.4%,43.9%)`
CMYK	7, 13, 0, 56
HSL	265.7°, 6.7, 41.2	`hsl(265.7,6.7%,41.2%)`
HSV (or HSB)	265.7°, 12.5, 43.9
Web Safe	666666	`#666666`

CIE-LAB	42.534, 5.319, -7.034
XYZ	13.001, 12.848, 17.123
xyY	0.303, 0.299, 12.848
CIE-LCH	42.534, 8.819, 307.098
CIE-LUV	42.534, 2.45, -10.264
Hunter-Lab	35.845, 2.014, -3.232
Binary	01101000, 01100010, 01110000

#686270
```
#686270 rgb(104,98,112)
```
#6a7062
```
#6a7062 rgb(106,112,98)
```

Complementary Color

#626370
```
#626370 rgb(98,99,112)
```
#686270
```
#686270 rgb(104,98,112)
```
#6f6270
```
#6f6270 rgb(111,98,112)
```

Analogous Color

#637062
```
#637062 rgb(99,112,98)
```
#686270
```
#686270 rgb(104,98,112)
```
#706f62
```
#706f62 rgb(112,111,98)
```

Split Complementary Color

#627068
```
#627068 rgb(98,112,104)
```
#686270
```
#686270 rgb(104,98,112)
```
#706862
```
#706862 rgb(112,104,98)
```

Triadic Color

#626a70
```
#626a70 rgb(98,106,112)
```
#686270
```
#686270 rgb(104,98,112)
```
#706862
```
#706862 rgb(112,104,98)
```
#6a7062
```
#6a7062 rgb(106,112,98)
```

Tetradic Color

#423e47
```
#423e47 rgb(66,62,71)
```
#4f4a55
```
#4f4a55 rgb(79,74,85)
```
#5b5662
```
#5b5662 rgb(91,86,98)
```
#686270
```
#686270 rgb(104,98,112)
```
#756e7e
```
#756e7e rgb(117,110,126)
```
#817a8b
```
#817a8b rgb(129,122,139)
```
#8e8897
```
#8e8897 rgb(142,136,151)
```

Monochromatic Color

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

#656270
```
#656270 rgb(101,98,112)
```
#666270
```
#666270 rgb(102,98,112)
```
#676270
```
#676270 rgb(103,98,112)
```
#686270
```
#686270 rgb(104,98,112)
```
#696270
```
#696270 rgb(105,98,112)
```
#6a6270
```
#6a6270 rgb(106,98,112)
```
#6c6270
```
#6c6270 rgb(108,98,112)
```

Similar Colors

Text with hexadecimal color #686270

This text has a font color of #686270.

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

#686270 background color

This paragraph has a background color of #686270.

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

#686270 border color

This element has a border color of #686270.

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

CSS codes

.text {color:#686270;}

.background {background-color:#686270;}

.border {border:1px solid #686270;}

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

#070607
```
#070607 rgb(7,6,7)
```
#111012
```
#111012 rgb(17,16,18)
```
#1a191c
```
#1a191c rgb(26,25,28)
```
#242227
```
#242227 rgb(36,34,39)
```
#2e2b31
```
#2e2b31 rgb(46,43,49)
```
#37343c
```
#37343c rgb(55,52,60)
```
#413d46
```
#413d46 rgb(65,61,70)
```
#4b4751
```
#4b4751 rgb(75,71,81)
```
#55505b
```
#55505b rgb(85,80,91)
```
#5e5966
```
#5e5966 rgb(94,89,102)
```
#686270
```
#686270 rgb(104,98,112)
```
#726b7a
```
#726b7a rgb(114,107,122)
```
#7b7485
```
#7b7485 rgb(123,116,133)
```

Shade Color Variation

#857e8e
```
#857e8e rgb(133,126,142)
```
#8f8998
```
#8f8998 rgb(143,137,152)
```
#9993a1
```
#9993a1 rgb(153,147,161)
```
#a39eaa
```
#a39eaa rgb(163,158,170)
```
#ada8b3
```
#ada8b3 rgb(173,168,179)
```
#b7b3bc
```
#b7b3bc rgb(183,179,188)
```
#c1bdc5
```
#c1bdc5 rgb(193,189,197)
```
#cbc8cf
```
#cbc8cf rgb(203,200,207)
```
#d4d2d8
```
#d4d2d8 rgb(212,210,216)
```
#dedde1
```
#dedde1 rgb(222,221,225)
```
#e8e7ea
```
#e8e7ea rgb(232,231,234)
```
#f2f1f3
```
#f2f1f3 rgb(242,241,243)
```
#fcfcfc
```
#fcfcfc rgb(252,252,252)
```

Tint Color Variation

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

#686270
```
#686270 rgb(104,98,112)
```
#675a78
```
#675a78 rgb(103,90,120)
```
#665280
```
#665280 rgb(102,82,128)
```
#654a88
```
#654a88 rgb(101,74,136)
```
#634290
```
#634290 rgb(99,66,144)
```
#623a98
```
#623a98 rgb(98,58,152)
```
#6132a0
```
#6132a0 rgb(97,50,160)
```
#6029a9
```
#6029a9 rgb(96,41,169)
```
#5f21b1
```
#5f21b1 rgb(95,33,177)
```
#5e19b9
```
#5e19b9 rgb(94,25,185)
```
#5c11c1
```
#5c11c1 rgb(92,17,193)
```
#5b09c9
```
#5b09c9 rgb(91,9,201)
```
#5a01d1
```
#5a01d1 rgb(90,1,209)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#666467 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a6b78 Protanopia 1% of men
#716977 Deuteranopia 1% of men
#6e6b72 Tritanopia 0.001% of the population

Trichromacy

#696875 Protanomaly 1% of men, 0.01% of women
#6d6674 Deuteranomaly 6% of men, 0.4% of women
#6c6771 Tritanomaly 0.01% of the population

#686270 hex color

#686270 Color Information

#686270 Color Conversion

Color Schemes with #686270

Alternatives to #686270

#686270 Preview

Shades and Tints of #686270

Tones of #686270

Color Blindness Simulator