#684b8a hex color

In a RGB color space, hex #684b8a is composed of 40.8% red, 29.4% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 24.6% cyan, 45.7% magenta, 0% yellow and 45.9% black. It has a hue angle of 267.6 degrees, a saturation of 29.6% and a lightness of 41.8%. #684b8a color hex could be obtained by blending #d096ff with #000015. Closest websafe color is: #663399.

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

● #684b8a color description : Dark moderate violet.

The hexadecimal color #684b8a has RGB values of R:104, G:75, B:138 and CMYK values of C:0.25, M:0.46, Y:0, K:0.46. Its decimal value is 6835082.

Hex triplet	684b8a	`#684b8a`
RGB Decimal	104, 75, 138	`rgb(104,75,138)`
RGB Percent	40.8, 29.4, 54.1	`rgb(40.8%,29.4%,54.1%)`
CMYK	25, 46, 0, 46
HSL	267.6°, 29.6, 41.8	`hsl(267.6,29.6%,41.8%)`
HSV (or HSB)	267.6°, 45.7, 54.1
Web Safe	663399	`#663399`

CIE-LAB	37.5, 25.763, -30.653
XYZ	12.812, 9.81, 25.262
xyY	0.268, 0.205, 9.81
CIE-LCH	37.5, 40.042, 310.046
CIE-LUV	37.5, 9.524, -45.738
Hunter-Lab	31.321, 18.201, -25.895
Binary	01101000, 01001011, 10001010

#684b8a
```
#684b8a rgb(104,75,138)
```
#6d8a4b
```
#6d8a4b rgb(109,138,75)
```

Complementary Color

#4b4e8a
```
#4b4e8a rgb(75,78,138)
```
#684b8a
```
#684b8a rgb(104,75,138)
```
#884b8a
```
#884b8a rgb(136,75,138)
```

Analogous Color

#4e8a4b
```
#4e8a4b rgb(78,138,75)
```
#684b8a
```
#684b8a rgb(104,75,138)
```
#8a884b
```
#8a884b rgb(138,136,75)
```

Split Complementary Color

#4b8a68
```
#4b8a68 rgb(75,138,104)
```
#684b8a
```
#684b8a rgb(104,75,138)
```
#8a684b
```
#8a684b rgb(138,104,75)
```

Triadic Color

#4b6d8a
```
#4b6d8a rgb(75,109,138)
```
#684b8a
```
#684b8a rgb(104,75,138)
```
#8a684b
```
#8a684b rgb(138,104,75)
```
#6d8a4b
```
#6d8a4b rgb(109,138,75)
```

Tetradic Color

#433058
```
#433058 rgb(67,48,88)
```
#4f3969
```
#4f3969 rgb(79,57,105)
```
#5c4279
```
#5c4279 rgb(92,66,121)
```
#684b8a
```
#684b8a rgb(104,75,138)
```
#74549b
```
#74549b rgb(116,84,155)
```
#8160a8
```
#8160a8 rgb(129,96,168)
```
#8e70b1
```
#8e70b1 rgb(142,112,177)
```

Monochromatic Color

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

#584b8a
```
#584b8a rgb(88,75,138)
```
#5e4b8a
```
#5e4b8a rgb(94,75,138)
```
#634b8a
```
#634b8a rgb(99,75,138)
```
#684b8a
```
#684b8a rgb(104,75,138)
```
#6d4b8a
```
#6d4b8a rgb(109,75,138)
```
#734b8a
```
#734b8a rgb(115,75,138)
```
#784b8a
```
#784b8a rgb(120,75,138)
```

Similar Colors

Text with hexadecimal color #684b8a

This text has a font color of #684b8a.

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

#684b8a background color

This paragraph has a background color of #684b8a.

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

#684b8a border color

This element has a border color of #684b8a.

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

CSS codes

.text {color:#684b8a;}

.background {background-color:#684b8a;}

.border {border:1px solid #684b8a;}

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

#08060b
```
#08060b rgb(8,6,11)
```
#120d18
```
#120d18 rgb(18,13,24)
```
#1b1424
```
#1b1424 rgb(27,20,36)
```
#251b31
```
#251b31 rgb(37,27,49)
```
#2f223e
```
#2f223e rgb(47,34,62)
```
#38284a
```
#38284a rgb(56,40,74)
```
#422f57
```
#422f57 rgb(66,47,87)
```
#4b3664
```
#4b3664 rgb(75,54,100)
```
#553d71
```
#553d71 rgb(85,61,113)
```
#5e447d
```
#5e447d rgb(94,68,125)
```
#684b8a
```
#684b8a rgb(104,75,138)
```
#725297
```
#725297 rgb(114,82,151)
```
#7b59a3
```
#7b59a3 rgb(123,89,163)
```

Shade Color Variation

#8565ab
```
#8565ab rgb(133,101,171)
```
#8f71b2
```
#8f71b2 rgb(143,113,178)
```
#997eb9
```
#997eb9 rgb(153,126,185)
```
#a38bc0
```
#a38bc0 rgb(163,139,192)
```
#ad98c7
```
#ad98c7 rgb(173,152,199)
```
#b7a4ce
```
#b7a4ce rgb(183,164,206)
```
#c1b1d5
```
#c1b1d5 rgb(193,177,213)
```
#cbbedb
```
#cbbedb rgb(203,190,219)
```
#d5cae2
```
#d5cae2 rgb(213,202,226)
```
#dfd7e9
```
#dfd7e9 rgb(223,215,233)
```
#eae4f0
```
#eae4f0 rgb(234,228,240)
```
#f4f0f7
```
#f4f0f7 rgb(244,240,247)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

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

#6a6471
```
#6a6471 rgb(106,100,113)
```
#695b7a
```
#695b7a rgb(105,91,122)
```
#695382
```
#695382 rgb(105,83,130)
```
#684b8a
```
#684b8a rgb(104,75,138)
```
#674392
```
#674392 rgb(103,67,146)
```
#673b9a
```
#673b9a rgb(103,59,154)
```
#6632a3
```
#6632a3 rgb(102,50,163)
```
#652aab
```
#652aab rgb(101,42,171)
```
#6522b3
```
#6522b3 rgb(101,34,179)
```
#641abb
```
#641abb rgb(100,26,187)
```
#6312c3
```
#6312c3 rgb(99,18,195)
```
#6309cc
```
#6309cc rgb(99,9,204)
```
#6201d4
```
#6201d4 rgb(98,1,212)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#5e5864 Atypical Achromatopsia 0.001% of the population

Dichromacy

#475f98 Protanopia 1% of men
#4b608b Deuteranopia 1% of men
#665e65 Tritanopia 0.001% of the population

Trichromacy

#535793 Protanomaly 1% of men, 0.01% of women
#55588b Deuteranomaly 6% of men, 0.4% of women
#675772 Tritanomaly 0.01% of the population

#684b8a hex color

#684b8a Color Information

#684b8a Color Conversion

Color Schemes with #684b8a

Alternatives to #684b8a

#684b8a Preview

Shades and Tints of #684b8a

Tones of #684b8a

Color Blindness Simulator