#685a83 hex color

In a RGB color space, hex #685a83 is composed of 40.8% red, 35.3% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 20.6% cyan, 31.3% magenta, 0% yellow and 48.6% black. It has a hue angle of 260.5 degrees, a saturation of 18.6% and a lightness of 43.3%. #685a83 color hex could be obtained by blending #d0b4ff with #000007. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 41
- G 35
- B 51
RGB color chart
- C 21
- M 31
- Y 0
- K 49
CMYK color chart

● #685a83 color description : Mostly desaturated dark violet.

The hexadecimal color #685a83 has RGB values of R:104, G:90, B:131 and CMYK values of C:0.21, M:0.31, Y:0, K:0.49. Its decimal value is 6838915.

Hex triplet	685a83	`#685a83`
RGB Decimal	104, 90, 131	`rgb(104,90,131)`
RGB Percent	40.8, 35.3, 51.4	`rgb(40.8%,35.3%,51.4%)`
CMYK	21, 31, 0, 49
HSL	260.5°, 18.6, 43.3	`hsl(260.5,18.6%,43.3%)`
HSV (or HSB)	260.5°, 31.3, 51.4
Web Safe	666699	`#666699`

CIE-LAB	41.047, 14.732, -20.854
XYZ	13.461, 11.894, 23.058
xyY	0.278, 0.246, 11.894
CIE-LCH	41.047, 25.533, 305.239
CIE-LUV	41.047, 4.495, -31.093
Hunter-Lab	34.488, 9.318, -15.499
Binary	01101000, 01011010, 10000011

#685a83
```
#685a83 rgb(104,90,131)
```
#75835a
```
#75835a rgb(117,131,90)
```

Complementary Color

#5a6183
```
#5a6183 rgb(90,97,131)
```
#685a83
```
#685a83 rgb(104,90,131)
```
#7d5a83
```
#7d5a83 rgb(125,90,131)
```

Analogous Color

#61835a
```
#61835a rgb(97,131,90)
```
#685a83
```
#685a83 rgb(104,90,131)
```
#837d5a
```
#837d5a rgb(131,125,90)
```

Split Complementary Color

#5a8368
```
#5a8368 rgb(90,131,104)
```
#685a83
```
#685a83 rgb(104,90,131)
```
#83685a
```
#83685a rgb(131,104,90)
```

Triadic Color

#5a7583
```
#5a7583 rgb(90,117,131)
```
#685a83
```
#685a83 rgb(104,90,131)
```
#83685a
```
#83685a rgb(131,104,90)
```
#75835a
```
#75835a rgb(117,131,90)
```

Tetradic Color

#443b56
```
#443b56 rgb(68,59,86)
```
#504565
```
#504565 rgb(80,69,101)
```
#5c5074
```
#5c5074 rgb(92,80,116)
```
#685a83
```
#685a83 rgb(104,90,131)
```
#746492
```
#746492 rgb(116,100,146)
```
#81729e
```
#81729e rgb(129,114,158)
```
#8f81a8
```
#8f81a8 rgb(143,129,168)
```

Monochromatic Color

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

#5e5a83
```
#5e5a83 rgb(94,90,131)
```
#615a83
```
#615a83 rgb(97,90,131)
```
#655a83
```
#655a83 rgb(101,90,131)
```
#685a83
```
#685a83 rgb(104,90,131)
```
#6b5a83
```
#6b5a83 rgb(107,90,131)
```
#6f5a83
```
#6f5a83 rgb(111,90,131)
```
#725a83
```
#725a83 rgb(114,90,131)
```

Similar Colors

Text with hexadecimal color #685a83

This text has a font color of #685a83.

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

#685a83 background color

This paragraph has a background color of #685a83.

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

#685a83 border color

This element has a border color of #685a83.

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

CSS codes

.text {color:#685a83;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#0c0a0f
```
#0c0a0f rgb(12,10,15)
```
#15121a
```
#15121a rgb(21,18,26)
```
#1e1a26
```
#1e1a26 rgb(30,26,38)
```
#272232
```
#272232 rgb(39,34,50)
```
#312a3d
```
#312a3d rgb(49,42,61)
```
#3a3249
```
#3a3249 rgb(58,50,73)
```
#433a54
```
#433a54 rgb(67,58,84)
```
#4c4260
```
#4c4260 rgb(76,66,96)
```
#564a6c
```
#564a6c rgb(86,74,108)
```
#5f5277
```
#5f5277 rgb(95,82,119)
```
#685a83
```
#685a83 rgb(104,90,131)
```
#71628f
```
#71628f rgb(113,98,143)
```

Shade Color Variation

#7b6b99
```
#7b6b99 rgb(123,107,153)
```
#8577a1
```
#8577a1 rgb(133,119,161)
```
#9082a9
```
#9082a9 rgb(144,130,169)
```
#9a8eb1
```
#9a8eb1 rgb(154,142,177)
```
#a499b9
```
#a499b9 rgb(164,153,185)
```
#afa5c1
```
#afa5c1 rgb(175,165,193)
```
#b9b1c9
```
#b9b1c9 rgb(185,177,201)
```
#c3bcd1
```
#c3bcd1 rgb(195,188,209)
```
#cec8d9
```
#cec8d9 rgb(206,200,217)
```
#d8d4e1
```
#d8d4e1 rgb(216,212,225)
```
#e3dfe9
```
#e3dfe9 rgb(227,223,233)
```
#edebf1
```
#edebf1 rgb(237,235,241)
```
#f7f6f9
```
#f7f6f9 rgb(247,246,249)
```

Tint Color Variation

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

#6d6b72
```
#6d6b72 rgb(109,107,114)
```
#6b637b
```
#6b637b rgb(107,99,123)
```
#685a83
```
#685a83 rgb(104,90,131)
```
#65528c
```
#65528c rgb(101,82,140)
```
#634994
```
#634994 rgb(99,73,148)
```
#60419d
```
#60419d rgb(96,65,157)
```
#5d38a5
```
#5d38a5 rgb(93,56,165)
```
#5b30ae
```
#5b30ae rgb(91,48,174)
```
#5827b6
```
#5827b6 rgb(88,39,182)
```
#551fbf
```
#551fbf rgb(85,31,191)
```
#5216c7
```
#5216c7 rgb(82,22,199)
```
#500ed0
```
#500ed0 rgb(80,14,208)
```
#4d05d8
```
#4d05d8 rgb(77,5,216)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#646169 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d678c Protanopia 1% of men
#606787 Deuteranopia 1% of men
#6a676f Tritanopia 0.001% of the population

Trichromacy

#616289 Protanomaly 1% of men, 0.01% of women
#636286 Deuteranomaly 6% of men, 0.4% of women
#696276 Tritanomaly 0.01% of the population

#685a83 hex color

#685a83 Color Information

#685a83 Color Conversion

Color Schemes with #685a83

Alternatives to #685a83

#685a83 Preview

Shades and Tints of #685a83

Tones of #685a83

Color Blindness Simulator