#684475 hex color

In a RGB color space, hex #684475 is composed of 40.8% red, 26.7% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 11.1% cyan, 41.9% magenta, 0% yellow and 54.1% black. It has a hue angle of 284.1 degrees, a saturation of 26.5% and a lightness of 36.3%. #684475 color hex could be obtained by blending #d088ea with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 41
- G 27
- B 46
RGB color chart
- C 11
- M 42
- Y 0
- K 54
CMYK color chart

● #684475 color description : Mostly desaturated dark violet.

The hexadecimal color #684475 has RGB values of R:104, G:68, B:117 and CMYK values of C:0.11, M:0.42, Y:0, K:0.54. Its decimal value is 6833269.

Hex triplet	684475	`#684475`
RGB Decimal	104, 68, 117	`rgb(104,68,117)`
RGB Percent	40.8, 26.7, 45.9	`rgb(40.8%,26.7%,45.9%)`
CMYK	11, 42, 0, 54
HSL	284.1°, 26.5, 36.3	`hsl(284.1,26.5%,36.3%)`
HSV (or HSB)	284.1°, 41.9, 45.9
Web Safe	663366	`#663366`

CIE-LAB	34.726, 24.918, -22.031
XYZ	10.986, 8.362, 17.864
xyY	0.295, 0.225, 8.362
CIE-LCH	34.726, 33.26, 318.519
CIE-LUV	34.726, 15.099, -32.62
Hunter-Lab	28.917, 17.213, -16.385
Binary	01101000, 01000100, 01110101

#684475
```
#684475 rgb(104,68,117)
```
#517544
```
#517544 rgb(81,117,68)
```

Complementary Color

#504475
```
#504475 rgb(80,68,117)
```
#684475
```
#684475 rgb(104,68,117)
```
#75446a
```
#75446a rgb(117,68,106)
```

Analogous Color

#447550
```
#447550 rgb(68,117,80)
```
#684475
```
#684475 rgb(104,68,117)
```
#6a7544
```
#6a7544 rgb(106,117,68)
```

Split Complementary Color

#447568
```
#447568 rgb(68,117,104)
```
#684475
```
#684475 rgb(104,68,117)
```
#756844
```
#756844 rgb(117,104,68)
```

Triadic Color

#445175
```
#445175 rgb(68,81,117)
```
#684475
```
#684475 rgb(104,68,117)
```
#756844
```
#756844 rgb(117,104,68)
```
#517544
```
#517544 rgb(81,117,68)
```

Tetradic Color

#3d2845
```
#3d2845 rgb(61,40,69)
```
#4b3155
```
#4b3155 rgb(75,49,85)
```
#5a3b65
```
#5a3b65 rgb(90,59,101)
```
#684475
```
#684475 rgb(104,68,117)
```
#764d85
```
#764d85 rgb(118,77,133)
```
#855795
```
#855795 rgb(133,87,149)
```
#9262a4
```
#9262a4 rgb(146,98,164)
```

Monochromatic Color

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

#5c4475
```
#5c4475 rgb(92,68,117)
```
#604475
```
#604475 rgb(96,68,117)
```
#644475
```
#644475 rgb(100,68,117)
```
#684475
```
#684475 rgb(104,68,117)
```
#6c4475
```
#6c4475 rgb(108,68,117)
```
#704475
```
#704475 rgb(112,68,117)
```
#744475
```
#744475 rgb(116,68,117)
```

Similar Colors

Text with hexadecimal color #684475

This text has a font color of #684475.

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

#684475 background color

This paragraph has a background color of #684475.

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

#684475 border color

This element has a border color of #684475.

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

CSS codes

.text {color:#684475;}

.background {background-color:#684475;}

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

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

#050305
```
#050305 rgb(5,3,5)
```
#100a12
```
#100a12 rgb(16,10,18)
```
#1b121e
```
#1b121e rgb(27,18,30)
```
#26192b
```
#26192b rgb(38,25,43)
```
#312037
```
#312037 rgb(49,32,55)
```
#3c2743
```
#3c2743 rgb(60,39,67)
```
#472e50
```
#472e50 rgb(71,46,80)
```
#52365c
```
#52365c rgb(82,54,92)
```
#5d3d69
```
#5d3d69 rgb(93,61,105)
```
#684475
```
#684475 rgb(104,68,117)
```
#734b81
```
#734b81 rgb(115,75,129)
```
#7e528e
```
#7e528e rgb(126,82,142)
```
#895a9a
```
#895a9a rgb(137,90,154)
```

Shade Color Variation

#9363a4
```
#9363a4 rgb(147,99,164)
```
#9c6fac
```
#9c6fac rgb(156,111,172)
```
#a47cb3
```
#a47cb3 rgb(164,124,179)
```
#ad88ba
```
#ad88ba rgb(173,136,186)
```
#b595c1
```
#b595c1 rgb(181,149,193)
```
#bea1c8
```
#bea1c8 rgb(190,161,200)
```
#c7aed0
```
#c7aed0 rgb(199,174,208)
```
#cfbad7
```
#cfbad7 rgb(207,186,215)
```
#d8c6de
```
#d8c6de rgb(216,198,222)
```
#e0d3e5
```
#e0d3e5 rgb(224,211,229)
```
#e9dfec
```
#e9dfec rgb(233,223,236)
```
#f2ecf4
```
#f2ecf4 rgb(242,236,244)
```
#faf8fb
```
#faf8fb rgb(250,248,251)
```

Tint Color Variation

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

#5e5960
```
#5e5960 rgb(94,89,96)
```
#615267
```
#615267 rgb(97,82,103)
```
#654b6e
```
#654b6e rgb(101,75,110)
```
#684475
```
#684475 rgb(104,68,117)
```
#6b3d7c
```
#6b3d7c rgb(107,61,124)
```
#6f3683
```
#6f3683 rgb(111,54,131)
```
#722f8a
```
#722f8a rgb(114,47,138)
```
#752891
```
#752891 rgb(117,40,145)
```
#792099
```
#792099 rgb(121,32,153)
```
#7c19a0
```
#7c19a0 rgb(124,25,160)
```
#7f12a7
```
#7f12a7 rgb(127,18,167)
```
#830bae
```
#830bae rgb(131,11,174)
```
#8604b5
```
#8604b5 rgb(134,4,181)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#58515b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5984 Protanopia 1% of men
#515978 Deuteranopia 1% of men
#6a555b Tritanopia 0.001% of the population

Trichromacy

#55517e Protanomaly 1% of men, 0.01% of women
#595177 Deuteranomaly 6% of men, 0.4% of women
#694e64 Tritanomaly 0.01% of the population

#684475 hex color

#684475 Color Information

#684475 Color Conversion

Color Schemes with #684475

Alternatives to #684475

#684475 Preview

Shades and Tints of #684475

Tones of #684475

Color Blindness Simulator