#685670 hex color

In a RGB color space, hex #685670 is composed of 40.8% red, 33.7% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 7.1% cyan, 23.2% magenta, 0% yellow and 56.1% black. It has a hue angle of 281.5 degrees, a saturation of 13.1% and a lightness of 38.8%. #685670 color hex could be obtained by blending #d0ace0 with #000000. Closest websafe color is: #666666.

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

● #685670 color description : Very dark grayish violet.

The hexadecimal color #685670 has RGB values of R:104, G:86, B:112 and CMYK values of C:0.07, M:0.23, Y:0, K:0.56. Its decimal value is 6837872.

Hex triplet	685670	`#685670`
RGB Decimal	104, 86, 112	`rgb(104,86,112)`
RGB Percent	40.8, 33.7, 43.9	`rgb(40.8%,33.7%,43.9%)`
CMYK	7, 23, 0, 56
HSL	281.5°, 13.1, 38.8	`hsl(281.5,13.1%,38.8%)`
HSV (or HSB)	281.5°, 23.2, 43.9
Web Safe	666666	`#666666`

CIE-LAB	39.188, 12.681, -12.069
XYZ	11.961, 10.769, 16.777
xyY	0.303, 0.273, 10.769
CIE-LCH	39.188, 17.506, 316.415
CIE-LUV	39.188, 8.11, -17.994
Hunter-Lab	32.816, 7.634, -7.341
Binary	01101000, 01010110, 01110000

#685670
```
#685670 rgb(104,86,112)
```
#5e7056
```
#5e7056 rgb(94,112,86)
```

Complementary Color

#5b5670
```
#5b5670 rgb(91,86,112)
```
#685670
```
#685670 rgb(104,86,112)
```
#70566b
```
#70566b rgb(112,86,107)
```

Analogous Color

#56705b
```
#56705b rgb(86,112,91)
```
#685670
```
#685670 rgb(104,86,112)
```
#6b7056
```
#6b7056 rgb(107,112,86)
```

Split Complementary Color

#567068
```
#567068 rgb(86,112,104)
```
#685670
```
#685670 rgb(104,86,112)
```
#706856
```
#706856 rgb(112,104,86)
```

Triadic Color

#565e70
```
#565e70 rgb(86,94,112)
```
#685670
```
#685670 rgb(104,86,112)
```
#706856
```
#706856 rgb(112,104,86)
```
#5e7056
```
#5e7056 rgb(94,112,86)
```

Tetradic Color

#403545
```
#403545 rgb(64,53,69)
```
#4d4053
```
#4d4053 rgb(77,64,83)
```
#5b4b62
```
#5b4b62 rgb(91,75,98)
```
#685670
```
#685670 rgb(104,86,112)
```
#75617e
```
#75617e rgb(117,97,126)
```
#836c8d
```
#836c8d rgb(131,108,141)
```
#8f7a99
```
#8f7a99 rgb(143,122,153)
```

Monochromatic Color

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

#625670
```
#625670 rgb(98,86,112)
```
#645670
```
#645670 rgb(100,86,112)
```
#665670
```
#665670 rgb(102,86,112)
```
#685670
```
#685670 rgb(104,86,112)
```
#6a5670
```
#6a5670 rgb(106,86,112)
```
#6c5670
```
#6c5670 rgb(108,86,112)
```
#6f5670
```
#6f5670 rgb(111,86,112)
```

Similar Colors

Text with hexadecimal color #685670

This text has a font color of #685670.

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

#685670 background color

This paragraph has a background color of #685670.

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

#685670 border color

This element has a border color of #685670.

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

CSS codes

.text {color:#685670;}

.background {background-color:#685670;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0b090c
```
#0b090c rgb(11,9,12)
```
#161217
```
#161217 rgb(22,18,23)
```
#201a22
```
#201a22 rgb(32,26,34)
```
#2a232d
```
#2a232d rgb(42,35,45)
```
#342b39
```
#342b39 rgb(52,43,57)
```
#3f3444
```
#3f3444 rgb(63,52,68)
```
#493c4f
```
#493c4f rgb(73,60,79)
```
#53455a
```
#53455a rgb(83,69,90)
```
#5e4d65
```
#5e4d65 rgb(94,77,101)
```
#685670
```
#685670 rgb(104,86,112)
```
#725f7b
```
#725f7b rgb(114,95,123)
```
#7d6786
```
#7d6786 rgb(125,103,134)
```

Shade Color Variation

#877091
```
#877091 rgb(135,112,145)
```
#907b9a
```
#907b9a rgb(144,123,154)
```
#9986a2
```
#9986a2 rgb(153,134,162)
```
#a391ab
```
#a391ab rgb(163,145,171)
```
#ac9cb3
```
#ac9cb3 rgb(172,156,179)
```
#b5a7bc
```
#b5a7bc rgb(181,167,188)
```
#bfb2c4
```
#bfb2c4 rgb(191,178,196)
```
#c8bdcd
```
#c8bdcd rgb(200,189,205)
```
#d1c9d5
```
#d1c9d5 rgb(209,201,213)
```
#dbd4de
```
#dbd4de rgb(219,212,222)
```
#e4dfe6
```
#e4dfe6 rgb(228,223,230)
```
#edeaef
```
#edeaef rgb(237,234,239)
```
#f7f5f7
```
#f7f5f7 rgb(247,245,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #655e68 is the less saturated color, while #8802c4 is the most saturated one.

#655e68
```
#655e68 rgb(101,94,104)
```
#685670
```
#685670 rgb(104,86,112)
```
#6b4e78
```
#6b4e78 rgb(107,78,120)
```
#6e477f
```
#6e477f rgb(110,71,127)
```
#713f87
```
#713f87 rgb(113,63,135)
```
#74388e
```
#74388e rgb(116,56,142)
```
#773096
```
#773096 rgb(119,48,150)
```
#7a289e
```
#7a289e rgb(122,40,158)
```
#7d21a5
```
#7d21a5 rgb(125,33,165)
```
#7f19ad
```
#7f19ad rgb(127,25,173)
```
#8211b5
```
#8211b5 rgb(130,17,181)
```
#850abc
```
#850abc rgb(133,10,188)
```
#8802c4
```
#8802c4 rgb(136,2,196)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#605c62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f637a Protanopia 1% of men
#656276 Deuteranopia 1% of men
#6d6168 Tritanopia 0.001% of the population

Trichromacy

#625e76 Protanomaly 1% of men, 0.01% of women
#665e73 Deuteranomaly 6% of men, 0.4% of women
#6b5d6b Tritanomaly 0.01% of the population

#685670 hex color

#685670 Color Information

#685670 Color Conversion

Color Schemes with #685670

Alternatives to #685670

#685670 Preview

Shades and Tints of #685670

Tones of #685670

Color Blindness Simulator