colorhexa.com

#680bd6 hex color

In a RGB color space, hex #680bd6 is composed of 40.8% red, 4.3% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 94.9% magenta, 0% yellow and 16.1% black. It has a hue angle of 267.5 degrees, a saturation of 90.2% and a lightness of 44.1%. #680bd6 color hex could be obtained by blending #d016ff with #0000ad. Closest websafe color is: #6600cc.

- R 41
- G 4
- B 84
RGB color chart
- C 51
- M 95
- Y 0
- K 16
CMYK color chart

● #680bd6 color description : Strong violet.

The hexadecimal color #680bd6 has RGB values of R:104, G:11, B:214 and CMYK values of C:0.51, M:0.95, Y:0, K:0.16. Its decimal value is 6818774.

Hex triplet	680bd6	`#680bd6`
RGB Decimal	104, 11, 214	`rgb(104,11,214)`
RGB Percent	40.8, 4.3, 83.9	`rgb(40.8%,4.3%,83.9%)`
CMYK	51, 95, 0, 16
HSL	267.5°, 90.2, 44.1	`hsl(267.5,90.2%,44.1%)`
HSV (or HSB)	267.5°, 94.9, 83.9
Web Safe	6600cc	`#6600cc`

CIE-LAB	34.06, 71.164, -81.415
XYZ	17.964, 8.037, 64.219
xyY	0.199, 0.089, 8.037
CIE-LCH	34.06, 108.132, 311.156
CIE-LUV	34.06, 8.471, -110.661
Hunter-Lab	28.35, 63.495, -114.461
Binary	01101000, 00001011, 11010110

#680bd6
```
#680bd6 rgb(104,11,214)
```
#79d60b
```
#79d60b rgb(121,214,11)
```

Complementary Color

#0b14d6
```
#0b14d6 rgb(11,20,214)
```
#680bd6
```
#680bd6 rgb(104,11,214)
```
#ce0bd6
```
#ce0bd6 rgb(206,11,214)
```

Analogous Color

#14d60b
```
#14d60b rgb(20,214,11)
```
#680bd6
```
#680bd6 rgb(104,11,214)
```
#d6ce0b
```
#d6ce0b rgb(214,206,11)
```

Split Complementary Color

#0bd668
```
#0bd668 rgb(11,214,104)
```
#680bd6
```
#680bd6 rgb(104,11,214)
```
#d6680b
```
#d6680b rgb(214,104,11)
```

Triadic Color

#0b79d6
```
#0b79d6 rgb(11,121,214)
```
#680bd6
```
#680bd6 rgb(104,11,214)
```
#d6680b
```
#d6680b rgb(214,104,11)
```
#79d60b
```
#79d60b rgb(121,214,11)
```

Tetradic Color

#45078d
```
#45078d rgb(69,7,141)
```
#5009a5
```
#5009a5 rgb(80,9,165)
```
#5c0abe
```
#5c0abe rgb(92,10,190)
```
#680bd6
```
#680bd6 rgb(104,11,214)
```
#740cee
```
#740cee rgb(116,12,238)
```
#8120f4
```
#8120f4 rgb(129,32,244)
```
#8f39f5
```
#8f39f5 rgb(143,57,245)
```

Monochromatic Color

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

#350bd6
```
#350bd6 rgb(53,11,214)
```
#460bd6
```
#460bd6 rgb(70,11,214)
```
#570bd6
```
#570bd6 rgb(87,11,214)
```
#680bd6
```
#680bd6 rgb(104,11,214)
```
#790bd6
```
#790bd6 rgb(121,11,214)
```
#8a0bd6
```
#8a0bd6 rgb(138,11,214)
```
#9b0bd6
```
#9b0bd6 rgb(155,11,214)
```

Similar Colors

Text with hexadecimal color #680bd6

This text has a font color of #680bd6.

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

#680bd6 background color

This paragraph has a background color of #680bd6.

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

#680bd6 border color

This element has a border color of #680bd6.

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

CSS codes

.text {color:#680bd6;}

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

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

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

#040009
```
#040009 rgb(4,0,9)
```
#0d011b
```
#0d011b rgb(13,1,27)
```
#16022e
```
#16022e rgb(22,2,46)
```
#1f0341
```
#1f0341 rgb(31,3,65)
```
#290453
```
#290453 rgb(41,4,83)
```
#320566
```
#320566 rgb(50,5,102)
```
#3b0679
```
#3b0679 rgb(59,6,121)
```
#44078b
```
#44078b rgb(68,7,139)
```
#4d089e
```
#4d089e rgb(77,8,158)
```
#5609b1
```
#5609b1 rgb(86,9,177)
```
#5f0ac3
```
#5f0ac3 rgb(95,10,195)
```
#680bd6
```
#680bd6 rgb(104,11,214)
```
#710ce9
```
#710ce9 rgb(113,12,233)
```

Shade Color Variation

#7b15f3
```
#7b15f3 rgb(123,21,243)
```
#8528f4
```
#8528f4 rgb(133,40,244)
```
#903bf5
```
#903bf5 rgb(144,59,245)
```
#9a4df6
```
#9a4df6 rgb(154,77,246)
```
#a560f7
```
#a560f7 rgb(165,96,247)
```
#b073f8
```
#b073f8 rgb(176,115,248)
```
#ba85f9
```
#ba85f9 rgb(186,133,249)
```
#c598fa
```
#c598fa rgb(197,152,250)
```
#cfaafb
```
#cfaafb rgb(207,170,251)
```
#dabdfc
```
#dabdfc rgb(218,189,252)
```
#e4d0fd
```
#e4d0fd rgb(228,208,253)
```
#efe2fe
```
#efe2fe rgb(239,226,254)
```
#f9f5fe
```
#f9f5fe rgb(249,245,254)
```

Tint Color Variation

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

#706a77
```
#706a77 rgb(112,106,119)
```
#6f627f
```
#6f627f rgb(111,98,127)
```
#6f5988
```
#6f5988 rgb(111,89,136)
```
#6e5091
```
#6e5091 rgb(110,80,145)
```
#6d4899
```
#6d4899 rgb(109,72,153)
```
#6c3fa2
```
#6c3fa2 rgb(108,63,162)
```
#6c36ab
```
#6c36ab rgb(108,54,171)
```
#6b2eb3
```
#6b2eb3 rgb(107,46,179)
```
#6a25bc
```
#6a25bc rgb(106,37,188)
```
#691cc5
```
#691cc5 rgb(105,28,197)
```
#6914cd
```
#6914cd rgb(105,20,205)
```
#680bd6
```
#680bd6 rgb(104,11,214)
```
#6702df
```
#6702df rgb(103,2,223)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#46345c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005b92 Deuteranopia 1% of men
#415d64 Tritanopia 0.001% of the population

Trichromacy

#253bb8 Protanomaly 1% of men, 0.01% of women
#253eaa Deuteranomaly 6% of men, 0.4% of women
#4f3f8d Tritanomaly 0.01% of the population