#684895 hex color

In a RGB color space, hex #684895 is composed of 40.8% red, 28.2% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 30.2% cyan, 51.7% magenta, 0% yellow and 41.6% black. It has a hue angle of 264.9 degrees, a saturation of 34.8% and a lightness of 43.3%. #684895 color hex could be obtained by blending #d090ff with #00002b. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 41
- G 28
- B 58
RGB color chart
- C 30
- M 52
- Y 0
- K 42
CMYK color chart

● #684895 color description : Dark moderate violet.

The hexadecimal color #684895 has RGB values of R:104, G:72, B:149 and CMYK values of C:0.3, M:0.52, Y:0, K:0.42. Its decimal value is 6834325.

Hex triplet	684895	`#684895`
RGB Decimal	104, 72, 149	`rgb(104,72,149)`
RGB Percent	40.8, 28.2, 58.4	`rgb(40.8%,28.2%,58.4%)`
CMYK	30, 52, 0, 42
HSL	264.9°, 34.8, 43.3	`hsl(264.9,34.8%,43.3%)`
HSV (or HSB)	264.9°, 51.7, 58.4
Web Safe	663399	`#663399`

CIE-LAB	37.386, 30.444, -37.524
XYZ	13.45, 9.748, 29.605
xyY	0.255, 0.185, 9.748
CIE-LCH	37.386, 48.32, 309.053
CIE-LUV	37.386, 9.078, -56.024
Hunter-Lab	31.221, 22.26, -34.365
Binary	01101000, 01001000, 10010101

#684895
```
#684895 rgb(104,72,149)
```
#759548
```
#759548 rgb(117,149,72)
```

Complementary Color

#484f95
```
#484f95 rgb(72,79,149)
```
#684895
```
#684895 rgb(104,72,149)
```
#8f4895
```
#8f4895 rgb(143,72,149)
```

Analogous Color

#4f9548
```
#4f9548 rgb(79,149,72)
```
#684895
```
#684895 rgb(104,72,149)
```
#958f48
```
#958f48 rgb(149,143,72)
```

Split Complementary Color

#489568
```
#489568 rgb(72,149,104)
```
#684895
```
#684895 rgb(104,72,149)
```
#956848
```
#956848 rgb(149,104,72)
```

Triadic Color

#487595
```
#487595 rgb(72,117,149)
```
#684895
```
#684895 rgb(104,72,149)
```
#956848
```
#956848 rgb(149,104,72)
```
#759548
```
#759548 rgb(117,149,72)
```

Tetradic Color

#442f61
```
#442f61 rgb(68,47,97)
```
#503773
```
#503773 rgb(80,55,115)
```
#5c4084
```
#5c4084 rgb(92,64,132)
```
#684895
```
#684895 rgb(104,72,149)
```
#7450a6
```
#7450a6 rgb(116,80,166)
```
#815fb1
```
#815fb1 rgb(129,95,177)
```
#8f70ba
```
#8f70ba rgb(143,112,186)
```

Monochromatic Color

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

#554895
```
#554895 rgb(85,72,149)
```
#5b4895
```
#5b4895 rgb(91,72,149)
```
#624895
```
#624895 rgb(98,72,149)
```
#684895
```
#684895 rgb(104,72,149)
```
#6e4895
```
#6e4895 rgb(110,72,149)
```
#754895
```
#754895 rgb(117,72,149)
```
#7b4895
```
#7b4895 rgb(123,72,149)
```

Similar Colors

Text with hexadecimal color #684895

This text has a font color of #684895.

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

#684895 background color

This paragraph has a background color of #684895.

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

#684895 border color

This element has a border color of #684895.

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

CSS codes

.text {color:#684895;}

.background {background-color:#684895;}

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

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

#020204
```
#020204 rgb(2,2,4)
```
#0c0811
```
#0c0811 rgb(12,8,17)
```
#150e1e
```
#150e1e rgb(21,14,30)
```
#1e152b
```
#1e152b rgb(30,21,43)
```
#271b38
```
#271b38 rgb(39,27,56)
```
#312246
```
#312246 rgb(49,34,70)
```
#3a2853
```
#3a2853 rgb(58,40,83)
```
#432e60
```
#432e60 rgb(67,46,96)
```
#4c356d
```
#4c356d rgb(76,53,109)
```
#563b7b
```
#563b7b rgb(86,59,123)
```
#5f4288
```
#5f4288 rgb(95,66,136)
```
#684895
```
#684895 rgb(104,72,149)
```
#714ea2
```
#714ea2 rgb(113,78,162)
```

Shade Color Variation

#7b57ae
```
#7b57ae rgb(123,87,174)
```
#8564b4
```
#8564b4 rgb(133,100,180)
```
#9071ba
```
#9071ba rgb(144,113,186)
```
#9a7ec1
```
#9a7ec1 rgb(154,126,193)
```
#a48cc7
```
#a48cc7 rgb(164,140,199)
```
#af99ce
```
#af99ce rgb(175,153,206)
```
#b9a6d4
```
#b9a6d4 rgb(185,166,212)
```
#c3b3da
```
#c3b3da rgb(195,179,218)
```
#cec0e1
```
#cec0e1 rgb(206,192,225)
```
#d8cee7
```
#d8cee7 rgb(216,206,231)
```
#e3dbee
```
#e3dbee rgb(227,219,238)
```
#ede8f4
```
#ede8f4 rgb(237,232,244)
```
#f7f5fa
```
#f7f5fa rgb(247,245,250)
```

Tint Color Variation

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

#6e6a73
```
#6e6a73 rgb(110,106,115)
```
#6c627c
```
#6c627c rgb(108,98,124)
```
#6b5984
```
#6b5984 rgb(107,89,132)
```
#69518d
```
#69518d rgb(105,81,141)
```
#684895
```
#684895 rgb(104,72,149)
```
#67409e
```
#67409e rgb(103,64,158)
```
#6537a6
```
#6537a6 rgb(101,55,166)
```
#642faf
```
#642faf rgb(100,47,175)
```
#6226b7
```
#6226b7 rgb(98,38,183)
```
#611ec0
```
#611ec0 rgb(97,30,192)
```
#5f15c8
```
#5f15c8 rgb(95,21,200)
```
#5e0dd1
```
#5e0dd1 rgb(94,13,209)
```
#5d04d9
```
#5d04d9 rgb(93,4,217)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#5d5666 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a5ea5 Protanopia 1% of men
#3e6094 Deuteranopia 1% of men
#635f65 Tritanopia 0.001% of the population

Trichromacy

#4b569f Protanomaly 1% of men, 0.01% of women
#4d5794 Deuteranomaly 6% of men, 0.4% of women
#655677 Tritanomaly 0.01% of the population

#684895 hex color

#684895 Color Information

#684895 Color Conversion

Color Schemes with #684895

Alternatives to #684895

#684895 Preview

Shades and Tints of #684895

Tones of #684895

Color Blindness Simulator