colorhexa.com

#680cdc hex color

In a RGB color space, hex #680cdc is composed of 40.8% red, 4.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 52.7% cyan, 94.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 266.5 degrees, a saturation of 89.7% and a lightness of 45.5%. #680cdc color hex could be obtained by blending #d018ff with #0000b9. Closest websafe color is: #6600cc.

- R 41
- G 5
- B 86
RGB color chart
- C 53
- M 95
- Y 0
- K 14
CMYK color chart

● #680cdc color description : Vivid violet.

The hexadecimal color #680cdc has RGB values of R:104, G:12, B:220 and CMYK values of C:0.53, M:0.95, Y:0, K:0.14. Its decimal value is 6819036.

Hex triplet	680cdc	`#680cdc`
RGB Decimal	104, 12, 220	`rgb(104,12,220)`
RGB Percent	40.8, 4.7, 86.3	`rgb(40.8%,4.7%,86.3%)`
CMYK	53, 95, 0, 14
HSL	266.5°, 89.7, 45.5	`hsl(266.5,89.7%,45.5%)`
HSV (or HSB)	266.5°, 94.5, 86.3
Web Safe	6600cc	`#6600cc`

CIE-LAB	34.748, 72.357, -83.737
XYZ	18.756, 8.373, 68.334
xyY	0.196, 0.088, 8.373
CIE-LCH	34.748, 110.668, 310.83
CIE-LUV	34.748, 7.641, -114.12
Hunter-Lab	28.936, 65.065, -119.761
Binary	01101000, 00001100, 11011100

#680cdc
```
#680cdc rgb(104,12,220)
```
#80dc0c
```
#80dc0c rgb(128,220,12)
```

Complementary Color

#0c18dc
```
#0c18dc rgb(12,24,220)
```
#680cdc
```
#680cdc rgb(104,12,220)
```
#d00cdc
```
#d00cdc rgb(208,12,220)
```

Analogous Color

#18dc0c
```
#18dc0c rgb(24,220,12)
```
#680cdc
```
#680cdc rgb(104,12,220)
```
#dcd00c
```
#dcd00c rgb(220,208,12)
```

Split Complementary Color

#0cdc68
```
#0cdc68 rgb(12,220,104)
```
#680cdc
```
#680cdc rgb(104,12,220)
```
#dc680c
```
#dc680c rgb(220,104,12)
```

Triadic Color

#0c80dc
```
#0c80dc rgb(12,128,220)
```
#680cdc
```
#680cdc rgb(104,12,220)
```
#dc680c
```
#dc680c rgb(220,104,12)
```
#80dc0c
```
#80dc0c rgb(128,220,12)
```

Tetradic Color

#460893
```
#460893 rgb(70,8,147)
```
#5109ac
```
#5109ac rgb(81,9,172)
```
#5d0bc4
```
#5d0bc4 rgb(93,11,196)
```
#680cdc
```
#680cdc rgb(104,12,220)
```
#7410f2
```
#7410f2 rgb(116,16,242)
```
#8228f3
```
#8228f3 rgb(130,40,243)
```
#9040f5
```
#9040f5 rgb(144,64,245)
```

Monochromatic Color

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

#340cdc
```
#340cdc rgb(52,12,220)
```
#450cdc
```
#450cdc rgb(69,12,220)
```
#570cdc
```
#570cdc rgb(87,12,220)
```
#680cdc
```
#680cdc rgb(104,12,220)
```
#790cdc
```
#790cdc rgb(121,12,220)
```
#8b0cdc
```
#8b0cdc rgb(139,12,220)
```
#9c0cdc
```
#9c0cdc rgb(156,12,220)
```

Similar Colors

Text with hexadecimal color #680cdc

This text has a font color of #680cdc.

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

#680cdc background color

This paragraph has a background color of #680cdc.

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

#680cdc border color

This element has a border color of #680cdc.

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

CSS codes

.text {color:#680cdc;}

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

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

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, #07010f is the darkest color, while #fdfcff is the lightest one.

#07010f
```
#07010f rgb(7,1,15)
```
#100222
```
#100222 rgb(16,2,34)
```
#190335
```
#190335 rgb(25,3,53)
```
#220447
```
#220447 rgb(34,4,71)
```
#2a055a
```
#2a055a rgb(42,5,90)
```
#33066c
```
#33066c rgb(51,6,108)
```
#3c077f
```
#3c077f rgb(60,7,127)
```
#450892
```
#450892 rgb(69,8,146)
```
#4e09a4
```
#4e09a4 rgb(78,9,164)
```
#560ab7
```
#560ab7 rgb(86,10,183)
```
#5f0bc9
```
#5f0bc9 rgb(95,11,201)
```
#680cdc
```
#680cdc rgb(104,12,220)
```
#710def
```
#710def rgb(113,13,239)
```

Shade Color Variation

#7b1df3
```
#7b1df3 rgb(123,29,243)
```
#862ff4
```
#862ff4 rgb(134,47,244)
```
#9142f5
```
#9142f5 rgb(145,66,245)
```
#9c54f6
```
#9c54f6 rgb(156,84,246)
```
#a767f7
```
#a767f7 rgb(167,103,247)
```
#b17af8
```
#b17af8 rgb(177,122,248)
```
#bc8cf9
```
#bc8cf9 rgb(188,140,249)
```
#c79ffa
```
#c79ffa rgb(199,159,250)
```
#d2b1fb
```
#d2b1fb rgb(210,177,251)
```
#ddc4fc
```
#ddc4fc rgb(221,196,252)
```
#e7d7fd
```
#e7d7fd rgb(231,215,253)
```
#f2e9fe
```
#f2e9fe rgb(242,233,254)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

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

#736e7a
```
#736e7a rgb(115,110,122)
```
#726583
```
#726583 rgb(114,101,131)
```
#715c8c
```
#715c8c rgb(113,92,140)
```
#705395
```
#705395 rgb(112,83,149)
```
#6f4a9e
```
#6f4a9e rgb(111,74,158)
```
#6e42a6
```
#6e42a6 rgb(110,66,166)
```
#6d39af
```
#6d39af rgb(109,57,175)
```
#6c30b8
```
#6c30b8 rgb(108,48,184)
```
#6b27c1
```
#6b27c1 rgb(107,39,193)
```
#6a1eca
```
#6a1eca rgb(106,30,202)
```
#6915d3
```
#6915d3 rgb(105,21,211)
```
#680cdc
```
#680cdc rgb(104,12,220)
```
#6703e5
```
#6703e5 rgb(103,3,229)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#47355e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ab Protanopia 1% of men
#005d94 Deuteranopia 1% of men
#3d6067 Tritanopia 0.001% of the population

Trichromacy

#253cbc Protanomaly 1% of men, 0.01% of women
#253fae Deuteranomaly 6% of men, 0.4% of women
#4c4191 Tritanomaly 0.01% of the population