#684b8c hex color

In a RGB color space, hex #684b8c is composed of 40.8% red, 29.4% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 25.7% cyan, 46.4% magenta, 0% yellow and 45.1% black. It has a hue angle of 266.8 degrees, a saturation of 30.2% and a lightness of 42.2%. #684b8c color hex could be obtained by blending #d096ff with #000019. Closest websafe color is: #663399.

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

● #684b8c color description : Dark moderate violet.

The hexadecimal color #684b8c has RGB values of R:104, G:75, B:140 and CMYK values of C:0.26, M:0.46, Y:0, K:0.45. Its decimal value is 6835084.

Hex triplet	684b8c	`#684b8c`
RGB Decimal	104, 75, 140	`rgb(104,75,140)`
RGB Percent	40.8, 29.4, 54.9	`rgb(40.8%,29.4%,54.9%)`
CMYK	26, 46, 0, 45
HSL	266.8°, 30.2, 42.2	`hsl(266.8,30.2%,42.2%)`
HSV (or HSB)	266.8°, 46.4, 54.9
Web Safe	663399	`#663399`

CIE-LAB	37.606, 26.277, -31.706
XYZ	12.958, 9.869, 26.032
xyY	0.265, 0.202, 9.869
CIE-LCH	37.606, 41.18, 309.651
CIE-LUV	37.606, 9.265, -47.343
Hunter-Lab	31.415, 18.652, -27.14
Binary	01101000, 01001011, 10001100

#684b8c
```
#684b8c rgb(104,75,140)
```
#6f8c4b
```
#6f8c4b rgb(111,140,75)
```

Complementary Color

#4b4f8c
```
#4b4f8c rgb(75,79,140)
```
#684b8c
```
#684b8c rgb(104,75,140)
```
#894b8c
```
#894b8c rgb(137,75,140)
```

Analogous Color

#4f8c4b
```
#4f8c4b rgb(79,140,75)
```
#684b8c
```
#684b8c rgb(104,75,140)
```
#8c894b
```
#8c894b rgb(140,137,75)
```

Split Complementary Color

#4b8c68
```
#4b8c68 rgb(75,140,104)
```
#684b8c
```
#684b8c rgb(104,75,140)
```
#8c684b
```
#8c684b rgb(140,104,75)
```

Triadic Color

#4b6f8c
```
#4b6f8c rgb(75,111,140)
```
#684b8c
```
#684b8c rgb(104,75,140)
```
#8c684b
```
#8c684b rgb(140,104,75)
```
#6f8c4b
```
#6f8c4b rgb(111,140,75)
```

Tetradic Color

#43305a
```
#43305a rgb(67,48,90)
```
#4f396b
```
#4f396b rgb(79,57,107)
```
#5c427b
```
#5c427b rgb(92,66,123)
```
#684b8c
```
#684b8c rgb(104,75,140)
```
#74549d
```
#74549d rgb(116,84,157)
```
#8160aa
```
#8160aa rgb(129,96,170)
```
#8e71b3
```
#8e71b3 rgb(142,113,179)
```

Monochromatic Color

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

#584b8c
```
#584b8c rgb(88,75,140)
```
#5d4b8c
```
#5d4b8c rgb(93,75,140)
```
#634b8c
```
#634b8c rgb(99,75,140)
```
#684b8c
```
#684b8c rgb(104,75,140)
```
#6d4b8c
```
#6d4b8c rgb(109,75,140)
```
#734b8c
```
#734b8c rgb(115,75,140)
```
#784b8c
```
#784b8c rgb(120,75,140)
```

Similar Colors

Text with hexadecimal color #684b8c

This text has a font color of #684b8c.

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

#684b8c background color

This paragraph has a background color of #684b8c.

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

#684b8c border color

This element has a border color of #684b8c.

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

CSS codes

.text {color:#684b8c;}

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

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

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, #09070c is the darkest color, while #fffeff is the lightest one.

#09070c
```
#09070c rgb(9,7,12)
```
#130d19
```
#130d19 rgb(19,13,25)
```
#1c1426
```
#1c1426 rgb(28,20,38)
```
#261b33
```
#261b33 rgb(38,27,51)
```
#2f223f
```
#2f223f rgb(47,34,63)
```
#39294c
```
#39294c rgb(57,41,76)
```
#423059
```
#423059 rgb(66,48,89)
```
#4c3666
```
#4c3666 rgb(76,54,102)
```
#553d72
```
#553d72 rgb(85,61,114)
```
#5f447f
```
#5f447f rgb(95,68,127)
```
#684b8c
```
#684b8c rgb(104,75,140)
```
#715299
```
#715299 rgb(113,82,153)
```
#7b59a6
```
#7b59a6 rgb(123,89,166)
```

Shade Color Variation

#8565ad
```
#8565ad rgb(133,101,173)
```
#8f72b3
```
#8f72b3 rgb(143,114,179)
```
#997fba
```
#997fba rgb(153,127,186)
```
#a38cc1
```
#a38cc1 rgb(163,140,193)
```
#ae98c8
```
#ae98c8 rgb(174,152,200)
```
#b8a5cf
```
#b8a5cf rgb(184,165,207)
```
#c2b2d6
```
#c2b2d6 rgb(194,178,214)
```
#ccbfdd
```
#ccbfdd rgb(204,191,221)
```
#d6cbe3
```
#d6cbe3 rgb(214,203,227)
```
#e0d8ea
```
#e0d8ea rgb(224,216,234)
```
#eae5f1
```
#eae5f1 rgb(234,229,241)
```
#f4f2f8
```
#f4f2f8 rgb(244,242,248)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#6b6473
```
#6b6473 rgb(107,100,115)
```
#6a5c7b
```
#6a5c7b rgb(106,92,123)
```
#695384
```
#695384 rgb(105,83,132)
```
#684b8c
```
#684b8c rgb(104,75,140)
```
#674394
```
#674394 rgb(103,67,148)
```
#663a9d
```
#663a9d rgb(102,58,157)
```
#6532a5
```
#6532a5 rgb(101,50,165)
```
#642aad
```
#642aad rgb(100,42,173)
```
#6422b5
```
#6422b5 rgb(100,34,181)
```
#6319be
```
#6319be rgb(99,25,190)
```
#6211c6
```
#6211c6 rgb(98,17,198)
```
#6109ce
```
#6109ce rgb(97,9,206)
```
#6001d6
```
#6001d6 rgb(96,1,214)
```

Tone Color Variation

Below, you can see how #684b8c 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
#5e5865 Atypical Achromatopsia 0.001% of the population

Dichromacy

#465f9a Protanopia 1% of men
#4a608d Deuteranopia 1% of men
#665f65 Tritanopia 0.001% of the population

Trichromacy

#525795 Protanomaly 1% of men, 0.01% of women
#55588d Deuteranomaly 6% of men, 0.4% of women
#665773 Tritanomaly 0.01% of the population

#684b8c hex color

#684b8c Color Information

#684b8c Color Conversion

Color Schemes with #684b8c

Alternatives to #684b8c

#684b8c Preview

Shades and Tints of #684b8c

Tones of #684b8c

Color Blindness Simulator