#680cd4 hex color

In a RGB color space, hex #680cd4 is composed of 40.8% red, 4.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 50.9% cyan, 94.3% magenta, 0% yellow and 16.9% black. It has a hue angle of 267.6 degrees, a saturation of 89.3% and a lightness of 43.9%. #680cd4 color hex could be obtained by blending #d018ff with #0000a9. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 41
- G 5
- B 83
RGB color chart
- C 51
- M 94
- Y 0
- K 17
CMYK color chart

● #680cd4 color description : Strong violet.

The hexadecimal color #680cd4 has RGB values of R:104, G:12, B:212 and CMYK values of C:0.51, M:0.94, Y:0, K:0.17. Its decimal value is 6819028.

Hex triplet	680cd4	`#680cd4`
RGB Decimal	104, 12, 212	`rgb(104,12,212)`
RGB Percent	40.8, 4.7, 83.1	`rgb(40.8%,4.7%,83.1%)`
CMYK	51, 94, 0, 17
HSL	267.6°, 89.3, 43.9	`hsl(267.6,89.3%,43.9%)`
HSV (or HSB)	267.6°, 94.3, 83.1
Web Safe	6600cc	`#6600cc`

CIE-LAB	33.898, 70.569, -80.526
XYZ	17.722, 7.959, 62.886
xyY	0.2, 0.09, 7.959
CIE-LCH	33.898, 107.072, 311.23
CIE-LUV	33.898, 8.708, -109.484
Hunter-Lab	28.212, 62.757, -112.412
Binary	01101000, 00001100, 11010100

#680cd4
```
#680cd4 rgb(104,12,212)
```
#78d40c
```
#78d40c rgb(120,212,12)
```

Complementary Color

#0c14d4
```
#0c14d4 rgb(12,20,212)
```
#680cd4
```
#680cd4 rgb(104,12,212)
```
#cc0cd4
```
#cc0cd4 rgb(204,12,212)
```

Analogous Color

#14d40c
```
#14d40c rgb(20,212,12)
```
#680cd4
```
#680cd4 rgb(104,12,212)
```
#d4cc0c
```
#d4cc0c rgb(212,204,12)
```

Split Complementary Color

#0cd468
```
#0cd468 rgb(12,212,104)
```
#680cd4
```
#680cd4 rgb(104,12,212)
```
#d4680c
```
#d4680c rgb(212,104,12)
```

Triadic Color

#0c78d4
```
#0c78d4 rgb(12,120,212)
```
#680cd4
```
#680cd4 rgb(104,12,212)
```
#d4680c
```
#d4680c rgb(212,104,12)
```
#78d40c
```
#78d40c rgb(120,212,12)
```

Tetradic Color

#44088c
```
#44088c rgb(68,8,140)
```
#5009a4
```
#5009a4 rgb(80,9,164)
```
#5c0bbc
```
#5c0bbc rgb(92,11,188)
```
#680cd4
```
#680cd4 rgb(104,12,212)
```
#740dec
```
#740dec rgb(116,13,236)
```
#8121f2
```
#8121f2 rgb(129,33,242)
```
#8f39f4
```
#8f39f4 rgb(143,57,244)
```

Monochromatic Color

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

#360cd4
```
#360cd4 rgb(54,12,212)
```
#470cd4
```
#470cd4 rgb(71,12,212)
```
#570cd4
```
#570cd4 rgb(87,12,212)
```
#680cd4
```
#680cd4 rgb(104,12,212)
```
#790cd4
```
#790cd4 rgb(121,12,212)
```
#890cd4
```
#890cd4 rgb(137,12,212)
```
#9a0cd4
```
#9a0cd4 rgb(154,12,212)
```

Similar Colors

Text with hexadecimal color #680cd4

This text has a font color of #680cd4.

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

#680cd4 background color

This paragraph has a background color of #680cd4.

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

#680cd4 border color

This element has a border color of #680cd4.

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

CSS codes

.text {color:#680cd4;}

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

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

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

#040008
```
#040008 rgb(4,0,8)
```
#0d011a
```
#0d011a rgb(13,1,26)
```
#16032d
```
#16032d rgb(22,3,45)
```
#1f043f
```
#1f043f rgb(31,4,63)
```
#280552
```
#280552 rgb(40,5,82)
```
#310665
```
#310665 rgb(49,6,101)
```
#3a0777
```
#3a0777 rgb(58,7,119)
```
#44088a
```
#44088a rgb(68,8,138)
```
#4d099c
```
#4d099c rgb(77,9,156)
```
#560aaf
```
#560aaf rgb(86,10,175)
```
#5f0bc1
```
#5f0bc1 rgb(95,11,193)
```
#680cd4
```
#680cd4 rgb(104,12,212)
```
#710de7
```
#710de7 rgb(113,13,231)
```

Shade Color Variation

#7b15f2
```
#7b15f2 rgb(123,21,242)
```
#8528f3
```
#8528f3 rgb(133,40,243)
```
#903bf4
```
#903bf4 rgb(144,59,244)
```
#9a4df5
```
#9a4df5 rgb(154,77,245)
```
#a560f6
```
#a560f6 rgb(165,96,246)
```
#af72f7
```
#af72f7 rgb(175,114,247)
```
#ba85f8
```
#ba85f8 rgb(186,133,248)
```
#c497f9
```
#c497f9 rgb(196,151,249)
```
#cfaafa
```
#cfaafa rgb(207,170,250)
```
#d9bdfb
```
#d9bdfb rgb(217,189,251)
```
#e4cffc
```
#e4cffc rgb(228,207,252)
```
#eee2fd
```
#eee2fd rgb(238,226,253)
```
#f9f4fe
```
#f9f4fe rgb(249,244,254)
```

Tint Color Variation

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

#706b75
```
#706b75 rgb(112,107,117)
```
#6f627e
```
#6f627e rgb(111,98,126)
```
#6e5a86
```
#6e5a86 rgb(110,90,134)
```
#6e518f
```
#6e518f rgb(110,81,143)
```
#6d4898
```
#6d4898 rgb(109,72,152)
```
#6c40a0
```
#6c40a0 rgb(108,64,160)
```
#6b37a9
```
#6b37a9 rgb(107,55,169)
```
#6b2eb2
```
#6b2eb2 rgb(107,46,178)
```
#6a26ba
```
#6a26ba rgb(106,38,186)
```
#691dc3
```
#691dc3 rgb(105,29,195)
```
#6915cb
```
#6915cb rgb(105,21,203)
```
#680cd4
```
#680cd4 rgb(104,12,212)
```
#6703dd
```
#6703dd rgb(103,3,221)
```

Tone Color Variation

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

#0056a7 Protanopia 1% of men
#005b91 Deuteranopia 1% of men
#435c63 Tritanopia 0.001% of the population

Trichromacy

#253bb7 Protanomaly 1% of men, 0.01% of women
#253ea9 Deuteranomaly 6% of men, 0.4% of women
#503f8c Tritanomaly 0.01% of the population

#680cd4 hex color

#680cd4 Color Information

#680cd4 Color Conversion

Color Schemes with #680cd4

Alternatives to #680cd4

#680cd4 Preview

Shades and Tints of #680cd4

Tones of #680cd4

Color Blindness Simulator