#685f76 hex color

In a RGB color space, hex #685f76 is composed of 40.8% red, 37.3% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 11.9% cyan, 19.5% magenta, 0% yellow and 53.7% black. It has a hue angle of 263.5 degrees, a saturation of 10.8% and a lightness of 41.8%. #685f76 color hex could be obtained by blending #d0beec with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 41
- G 37
- B 46
RGB color chart
- C 12
- M 19
- Y 0
- K 54
CMYK color chart

● #685f76 color description : Dark grayish violet.

The hexadecimal color #685f76 has RGB values of R:104, G:95, B:118 and CMYK values of C:0.12, M:0.19, Y:0, K:0.54. Its decimal value is 6840182.

Hex triplet	685f76	`#685f76`
RGB Decimal	104, 95, 118	`rgb(104,95,118)`
RGB Percent	40.8, 37.3, 46.3	`rgb(40.8%,37.3%,46.3%)`
CMYK	12, 19, 0, 54
HSL	263.5°, 10.8, 41.8	`hsl(263.5,10.8%,41.8%)`
HSV (or HSB)	263.5°, 19.5, 46.3
Web Safe	666666	`#666666`

CIE-LAB	41.9, 8.511, -11.64
XYZ	13.071, 12.436, 18.85
xyY	0.295, 0.28, 12.436
CIE-LCH	41.9, 14.42, 306.175
CIE-LUV	41.9, 3.413, -17.111
Hunter-Lab	35.264, 4.449, -7.008
Binary	01101000, 01011111, 01110110

#685f76
```
#685f76 rgb(104,95,118)
```
#6d765f
```
#6d765f rgb(109,118,95)
```

Complementary Color

#5f6276
```
#5f6276 rgb(95,98,118)
```
#685f76
```
#685f76 rgb(104,95,118)
```
#745f76
```
#745f76 rgb(116,95,118)
```

Analogous Color

#62765f
```
#62765f rgb(98,118,95)
```
#685f76
```
#685f76 rgb(104,95,118)
```
#76745f
```
#76745f rgb(118,116,95)
```

Split Complementary Color

#5f7668
```
#5f7668 rgb(95,118,104)
```
#685f76
```
#685f76 rgb(104,95,118)
```
#76685f
```
#76685f rgb(118,104,95)
```

Triadic Color

#5f6d76
```
#5f6d76 rgb(95,109,118)
```
#685f76
```
#685f76 rgb(104,95,118)
```
#76685f
```
#76685f rgb(118,104,95)
```
#6d765f
```
#6d765f rgb(109,118,95)
```

Tetradic Color

#433d4c
```
#433d4c rgb(67,61,76)
```
#4f485a
```
#4f485a rgb(79,72,90)
```
#5c5468
```
#5c5468 rgb(92,84,104)
```
#685f76
```
#685f76 rgb(104,95,118)
```
#746a84
```
#746a84 rgb(116,106,132)
```
#817791
```
#817791 rgb(129,119,145)
```
#8e859d
```
#8e859d rgb(142,133,157)
```

Monochromatic Color

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

#625f76
```
#625f76 rgb(98,95,118)
```
#645f76
```
#645f76 rgb(100,95,118)
```
#665f76
```
#665f76 rgb(102,95,118)
```
#685f76
```
#685f76 rgb(104,95,118)
```
#6a5f76
```
#6a5f76 rgb(106,95,118)
```
#6c5f76
```
#6c5f76 rgb(108,95,118)
```
#6e5f76
```
#6e5f76 rgb(110,95,118)
```

Similar Colors

Text with hexadecimal color #685f76

This text has a font color of #685f76.

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

#685f76 background color

This paragraph has a background color of #685f76.

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

#685f76 border color

This element has a border color of #685f76.

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

CSS codes

.text {color:#685f76;}

.background {background-color:#685f76;}

.border {border:1px solid #685f76;}

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

#080809
```
#080809 rgb(8,8,9)
```
#121014
```
#121014 rgb(18,16,20)
```
#1b191f
```
#1b191f rgb(27,25,31)
```
#25222a
```
#25222a rgb(37,34,42)
```
#2f2b35
```
#2f2b35 rgb(47,43,53)
```
#383340
```
#383340 rgb(56,51,64)
```
#423c4b
```
#423c4b rgb(66,60,75)
```
#4b4555
```
#4b4555 rgb(75,69,85)
```
#554e60
```
#554e60 rgb(85,78,96)
```
#5e566b
```
#5e566b rgb(94,86,107)
```
#685f76
```
#685f76 rgb(104,95,118)
```
#726881
```
#726881 rgb(114,104,129)
```
#7b708c
```
#7b708c rgb(123,112,140)
```

Shade Color Variation

#857b95
```
#857b95 rgb(133,123,149)
```
#8f869e
```
#8f869e rgb(143,134,158)
```
#9991a6
```
#9991a6 rgb(153,145,166)
```
#a39caf
```
#a39caf rgb(163,156,175)
```
#ada7b8
```
#ada7b8 rgb(173,167,184)
```
#b7b1c1
```
#b7b1c1 rgb(183,177,193)
```
#c1bcc9
```
#c1bcc9 rgb(193,188,201)
```
#cbc7d2
```
#cbc7d2 rgb(203,199,210)
```
#d5d2db
```
#d5d2db rgb(213,210,219)
```
#dfdde4
```
#dfdde4 rgb(223,221,228)
```
#eae8ec
```
#eae8ec rgb(234,232,236)
```
#f4f3f5
```
#f4f3f5 rgb(244,243,245)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

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

#6a676e
```
#6a676e rgb(106,103,110)
```
#685f76
```
#685f76 rgb(104,95,118)
```
#66577e
```
#66577e rgb(102,87,126)
```
#644f86
```
#644f86 rgb(100,79,134)
```
#63468f
```
#63468f rgb(99,70,143)
```
#613e97
```
#613e97 rgb(97,62,151)
```
#5f369f
```
#5f369f rgb(95,54,159)
```
#5d2ea7
```
#5d2ea7 rgb(93,46,167)
```
#5c26af
```
#5c26af rgb(92,38,175)
```
#5a1db8
```
#5a1db8 rgb(90,29,184)
```
#5815c0
```
#5815c0 rgb(88,21,192)
```
#560dc8
```
#560dc8 rgb(86,13,200)
```
#5405d0
```
#5405d0 rgb(84,5,208)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#656368 Atypical Achromatopsia 0.001% of the population

Dichromacy

#666a7e Protanopia 1% of men
#6b687c Deuteranopia 1% of men
#6d6971 Tritanopia 0.001% of the population

Trichromacy

#66667b Protanomaly 1% of men, 0.01% of women
#6a657a Deuteranomaly 6% of men, 0.4% of women
#6b6572 Tritanomaly 0.01% of the population

#685f76 hex color

#685f76 Color Information

#685f76 Color Conversion

Color Schemes with #685f76

Alternatives to #685f76

#685f76 Preview

Shades and Tints of #685f76

Tones of #685f76

Color Blindness Simulator