#684bb7 hex color

In a RGB color space, hex #684bb7 is composed of 40.8% red, 29.4% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 43.2% cyan, 59% magenta, 0% yellow and 28.2% black. It has a hue angle of 256.1 degrees, a saturation of 42.9% and a lightness of 50.6%. #684bb7 color hex could be obtained by blending #d096ff with #00006f. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 41
- G 29
- B 72
RGB color chart
- C 43
- M 59
- Y 0
- K 28
CMYK color chart

● #684bb7 color description : Moderate violet.

The hexadecimal color #684bb7 has RGB values of R:104, G:75, B:183 and CMYK values of C:0.43, M:0.59, Y:0, K:0.28. Its decimal value is 6835127.

Hex triplet	684bb7	`#684bb7`
RGB Decimal	104, 75, 183	`rgb(104,75,183)`
RGB Percent	40.8, 29.4, 71.8	`rgb(40.8%,29.4%,71.8%)`
CMYK	43, 59, 0, 28
HSL	256.1°, 42.9, 50.6	`hsl(256.1,42.9%,50.6%)`
HSV (or HSB)	256.1°, 59, 71.8
Web Safe	6633cc	`#6633cc`

CIE-LAB	40.236, 38.044, -53.234
XYZ	16.771, 11.394, 46.113
xyY	0.226, 0.153, 11.394
CIE-LCH	40.236, 65.431, 305.551
CIE-LUV	40.236, 4.145, -80.447
Hunter-Lab	33.755, 29.615, -57.368
Binary	01101000, 01001011, 10110111

#684bb7
```
#684bb7 rgb(104,75,183)
```
#9ab74b
```
#9ab74b rgb(154,183,75)
```

Complementary Color

#4b64b7
```
#4b64b7 rgb(75,100,183)
```
#684bb7
```
#684bb7 rgb(104,75,183)
```
#9e4bb7
```
#9e4bb7 rgb(158,75,183)
```

Analogous Color

#64b74b
```
#64b74b rgb(100,183,75)
```
#684bb7
```
#684bb7 rgb(104,75,183)
```
#b79e4b
```
#b79e4b rgb(183,158,75)
```

Split Complementary Color

#4bb768
```
#4bb768 rgb(75,183,104)
```
#684bb7
```
#684bb7 rgb(104,75,183)
```
#b7684b
```
#b7684b rgb(183,104,75)
```

Triadic Color

#4b9ab7
```
#4b9ab7 rgb(75,154,183)
```
#684bb7
```
#684bb7 rgb(104,75,183)
```
#b7684b
```
#b7684b rgb(183,104,75)
```
#9ab74b
```
#9ab74b rgb(154,183,75)
```

Tetradic Color

#493482
```
#493482 rgb(73,52,130)
```
#533b94
```
#533b94 rgb(83,59,148)
```
#5d42a6
```
#5d42a6 rgb(93,66,166)
```
#684bb7
```
#684bb7 rgb(104,75,183)
```
#775dbe
```
#775dbe rgb(119,93,190)
```
#876fc6
```
#876fc6 rgb(135,111,198)
```
#9682cd
```
#9682cd rgb(150,130,205)
```

Monochromatic Color

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

#4d4bb7
```
#4d4bb7 rgb(77,75,183)
```
#564bb7
```
#564bb7 rgb(86,75,183)
```
#5f4bb7
```
#5f4bb7 rgb(95,75,183)
```
#684bb7
```
#684bb7 rgb(104,75,183)
```
#714bb7
```
#714bb7 rgb(113,75,183)
```
#7a4bb7
```
#7a4bb7 rgb(122,75,183)
```
#834bb7
```
#834bb7 rgb(131,75,183)
```

Similar Colors

Text with hexadecimal color #684bb7

This text has a font color of #684bb7.

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

#684bb7 background color

This paragraph has a background color of #684bb7.

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

#684bb7 border color

This element has a border color of #684bb7.

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

CSS codes

.text {color:#684bb7;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#090610
```
#090610 rgb(9,6,16)
```
#110c1e
```
#110c1e rgb(17,12,30)
```
#19122c
```
#19122c rgb(25,18,44)
```
#21173a
```
#21173a rgb(33,23,58)
```
#291d48
```
#291d48 rgb(41,29,72)
```
#302256
```
#302256 rgb(48,34,86)
```
#382864
```
#382864 rgb(56,40,100)
```
#402e72
```
#402e72 rgb(64,46,114)
```
#483380
```
#483380 rgb(72,51,128)
```
#50398e
```
#50398e rgb(80,57,142)
```
#583f9c
```
#583f9c rgb(88,63,156)
```
#6044aa
```
#6044aa rgb(96,68,170)
```

Shade Color Variation

#684bb7
```
#684bb7 rgb(104,75,183)
```
#7459bd
```
#7459bd rgb(116,89,189)
```
#8067c2
```
#8067c2 rgb(128,103,194)
```
#8b75c8
```
#8b75c8 rgb(139,117,200)
```
#9783cd
```
#9783cd rgb(151,131,205)
```
#a391d3
```
#a391d3 rgb(163,145,211)
```
#af9fd9
```
#af9fd9 rgb(175,159,217)
```
#baadde
```
#baadde rgb(186,173,222)
```
#c6bbe4
```
#c6bbe4 rgb(198,187,228)
```
#d2c9e9
```
#d2c9e9 rgb(210,201,233)
```
#ded7ef
```
#ded7ef rgb(222,215,239)
```
#e9e5f5
```
#e9e5f5 rgb(233,229,245)
```
#f5f3fa
```
#f5f3fa rgb(245,243,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e7b87 is the less saturated color, while #4907fb is the most saturated one.

#7e7b87
```
#7e7b87 rgb(126,123,135)
```
#7a7290
```
#7a7290 rgb(122,114,144)
```
#75689a
```
#75689a rgb(117,104,154)
```
#715ea4
```
#715ea4 rgb(113,94,164)
```
#6c55ad
```
#6c55ad rgb(108,85,173)
```
#684bb7
```
#684bb7 rgb(104,75,183)
```
#6441c1
```
#6441c1 rgb(100,65,193)
```
#5f38ca
```
#5f38ca rgb(95,56,202)
```
#5b2ed4
```
#5b2ed4 rgb(91,46,212)
```
#5624de
```
#5624de rgb(86,36,222)
```
#521be7
```
#521be7 rgb(82,27,231)
```
#4d11f1
```
#4d11f1 rgb(77,17,241)
```
#4907fb
```
#4907fb rgb(73,7,251)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#625c71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c4 Protanopia 1% of men
#0068ae Deuteranopia 1% of men
#596971 Tritanopia 0.001% of the population

Trichromacy

#255abf Protanomaly 1% of men, 0.01% of women
#255eb1 Deuteranomaly 6% of men, 0.4% of women
#5e5e8a Tritanomaly 0.01% of the population

#684bb7 hex color

#684bb7 Color Information

#684bb7 Color Conversion

Color Schemes with #684bb7

Alternatives to #684bb7

#684bb7 Preview

Shades and Tints of #684bb7

Tones of #684bb7

Color Blindness Simulator