#680bd2 hex color

In a RGB color space, hex #680bd2 is composed of 40.8% red, 4.3% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 50.5% cyan, 94.8% magenta, 0% yellow and 17.6% black. It has a hue angle of 268 degrees, a saturation of 90% and a lightness of 43.3%. #680bd2 color hex could be obtained by blending #d016ff with #0000a5. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 41
- G 4
- B 82
RGB color chart
- C 50
- M 95
- Y 0
- K 18
CMYK color chart

● #680bd2 color description : Strong violet.

The hexadecimal color #680bd2 has RGB values of R:104, G:11, B:210 and CMYK values of C:0.5, M:0.95, Y:0, K:0.18. Its decimal value is 6818770.

Hex triplet	680bd2	`#680bd2`
RGB Decimal	104, 11, 210	`rgb(104,11,210)`
RGB Percent	40.8, 4.3, 82.4	`rgb(40.8%,4.3%,82.4%)`
CMYK	50, 95, 0, 18
HSL	268°, 90, 43.3	`hsl(268,90%,43.3%)`
HSV (or HSB)	268°, 94.8, 82.4
Web Safe	6600cc	`#6600cc`

CIE-LAB	33.638, 70.273, -79.797
XYZ	17.459, 7.835, 61.562
xyY	0.201, 0.09, 7.835
CIE-LCH	33.638, 106.329, 311.369
CIE-LUV	33.638, 9.019, -108.335
Hunter-Lab	27.992, 62.351, -110.801
Binary	01101000, 00001011, 11010010

#680bd2
```
#680bd2 rgb(104,11,210)
```
#75d20b
```
#75d20b rgb(117,210,11)
```

Complementary Color

#0b11d2
```
#0b11d2 rgb(11,17,210)
```
#680bd2
```
#680bd2 rgb(104,11,210)
```
#cc0bd2
```
#cc0bd2 rgb(204,11,210)
```

Analogous Color

#11d20b
```
#11d20b rgb(17,210,11)
```
#680bd2
```
#680bd2 rgb(104,11,210)
```
#d2cc0b
```
#d2cc0b rgb(210,204,11)
```

Split Complementary Color

#0bd268
```
#0bd268 rgb(11,210,104)
```
#680bd2
```
#680bd2 rgb(104,11,210)
```
#d2680b
```
#d2680b rgb(210,104,11)
```

Triadic Color

#0b75d2
```
#0b75d2 rgb(11,117,210)
```
#680bd2
```
#680bd2 rgb(104,11,210)
```
#d2680b
```
#d2680b rgb(210,104,11)
```
#75d20b
```
#75d20b rgb(117,210,11)
```

Tetradic Color

#440789
```
#440789 rgb(68,7,137)
```
#5008a2
```
#5008a2 rgb(80,8,162)
```
#5c0aba
```
#5c0aba rgb(92,10,186)
```
#680bd2
```
#680bd2 rgb(104,11,210)
```
#740cea
```
#740cea rgb(116,12,234)
```
#811df3
```
#811df3 rgb(129,29,243)
```
#8f35f4
```
#8f35f4 rgb(143,53,244)
```

Monochromatic Color

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

#360bd2
```
#360bd2 rgb(54,11,210)
```
#470bd2
```
#470bd2 rgb(71,11,210)
```
#570bd2
```
#570bd2 rgb(87,11,210)
```
#680bd2
```
#680bd2 rgb(104,11,210)
```
#790bd2
```
#790bd2 rgb(121,11,210)
```
#890bd2
```
#890bd2 rgb(137,11,210)
```
#9a0bd2
```
#9a0bd2 rgb(154,11,210)
```

Similar Colors

Text with hexadecimal color #680bd2

This text has a font color of #680bd2.

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

#680bd2 background color

This paragraph has a background color of #680bd2.

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

#680bd2 border color

This element has a border color of #680bd2.

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

CSS codes

.text {color:#680bd2;}

.background {background-color:#680bd2;}

.border {border:1px solid #680bd2;}

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

#020005
```
#020005 rgb(2,0,5)
```
#0c0118
```
#0c0118 rgb(12,1,24)
```
#15022a
```
#15022a rgb(21,2,42)
```
#1e033d
```
#1e033d rgb(30,3,61)
```
#270450
```
#270450 rgb(39,4,80)
```
#310562
```
#310562 rgb(49,5,98)
```
#3a0675
```
#3a0675 rgb(58,6,117)
```
#430787
```
#430787 rgb(67,7,135)
```
#4c089a
```
#4c089a rgb(76,8,154)
```
#5609ad
```
#5609ad rgb(86,9,173)
```
#5f0abf
```
#5f0abf rgb(95,10,191)
```
#680bd2
```
#680bd2 rgb(104,11,210)
```
#710ce5
```
#710ce5 rgb(113,12,229)
```

Shade Color Variation

#7b12f3
```
#7b12f3 rgb(123,18,243)
```
#8524f4
```
#8524f4 rgb(133,36,244)
```
#9037f5
```
#9037f5 rgb(144,55,245)
```
#9a4af5
```
#9a4af5 rgb(154,74,245)
```
#a45cf6
```
#a45cf6 rgb(164,92,246)
```
#af6ff7
```
#af6ff7 rgb(175,111,247)
```
#b981f8
```
#b981f8 rgb(185,129,248)
```
#c394f9
```
#c394f9 rgb(195,148,249)
```
#cea7fa
```
#cea7fa rgb(206,167,250)
```
#d8b9fb
```
#d8b9fb rgb(216,185,251)
```
#e3ccfc
```
#e3ccfc rgb(227,204,252)
```
#eddffd
```
#eddffd rgb(237,223,253)
```
#f7f1fe
```
#f7f1fe rgb(247,241,254)
```

Tint Color Variation

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

#6e6975
```
#6e6975 rgb(110,105,117)
```
#6e607d
```
#6e607d rgb(110,96,125)
```
#6d5886
```
#6d5886 rgb(109,88,134)
```
#6c4f8e
```
#6c4f8e rgb(108,79,142)
```
#6c4797
```
#6c4797 rgb(108,71,151)
```
#6b3e9f
```
#6b3e9f rgb(107,62,159)
```
#6b36a8
```
#6b36a8 rgb(107,54,168)
```
#6a2db0
```
#6a2db0 rgb(106,45,176)
```
#6a25b9
```
#6a25b9 rgb(106,37,185)
```
#691cc1
```
#691cc1 rgb(105,28,193)
```
#6914ca
```
#6914ca rgb(105,20,202)
```
#680bd2
```
#680bd2 rgb(104,11,210)
```
#6702db
```
#6702db rgb(103,2,219)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#46335b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a6 Protanopia 1% of men
#005a90 Deuteranopia 1% of men
#445b62 Tritanopia 0.001% of the population

Trichromacy

#253ab6 Protanomaly 1% of men, 0.01% of women
#253da8 Deuteranomaly 6% of men, 0.4% of women
#513e8b Tritanomaly 0.01% of the population

#680bd2 hex color

#680bd2 Color Information

#680bd2 Color Conversion

Color Schemes with #680bd2

Alternatives to #680bd2

#680bd2 Preview

Shades and Tints of #680bd2

Tones of #680bd2

Color Blindness Simulator