#680ced hex color

In a RGB color space, hex #680ced is composed of 40.8% red, 4.7% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 94.9% magenta, 0% yellow and 7.1% black. It has a hue angle of 264.5 degrees, a saturation of 90.4% and a lightness of 48.8%. #680ced color hex could be obtained by blending #d018ff with #0000db. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 41
- G 5
- B 93
RGB color chart
- C 56
- M 95
- Y 0
- K 7
CMYK color chart

● #680ced color description : Vivid violet.

The hexadecimal color #680ced has RGB values of R:104, G:12, B:237 and CMYK values of C:0.56, M:0.95, Y:0, K:0.07. Its decimal value is 6819053.

Hex triplet	680ced	`#680ced`
RGB Decimal	104, 12, 237	`rgb(104,12,237)`
RGB Percent	40.8, 4.7, 92.9	`rgb(40.8%,4.7%,92.9%)`
CMYK	56, 95, 0, 7
HSL	264.5°, 90.4, 48.8	`hsl(264.5,90.4%,48.8%)`
HSV (or HSB)	264.5°, 94.9, 92.9
Web Safe	6600ff	`#6600ff`

CIE-LAB	36.593, 76.169, -90.394
XYZ	21.124, 9.32, 80.802
xyY	0.19, 0.084, 9.32
CIE-LCH	36.593, 118.207, 310.119
CIE-LUV	36.593, 5.544, -123.86
Hunter-Lab	30.529, 70.085, -135.557
Binary	01101000, 00001100, 11101101

#680ced
```
#680ced rgb(104,12,237)
```
#91ed0c
```
#91ed0c rgb(145,237,12)
```

Complementary Color

#0c21ed
```
#0c21ed rgb(12,33,237)
```
#680ced
```
#680ced rgb(104,12,237)
```
#d90ced
```
#d90ced rgb(217,12,237)
```

Analogous Color

#21ed0c
```
#21ed0c rgb(33,237,12)
```
#680ced
```
#680ced rgb(104,12,237)
```
#edd90c
```
#edd90c rgb(237,217,12)
```

Split Complementary Color

#0ced68
```
#0ced68 rgb(12,237,104)
```
#680ced
```
#680ced rgb(104,12,237)
```
#ed680c
```
#ed680c rgb(237,104,12)
```

Triadic Color

#0c91ed
```
#0c91ed rgb(12,145,237)
```
#680ced
```
#680ced rgb(104,12,237)
```
#ed680c
```
#ed680c rgb(237,104,12)
```
#91ed0c
```
#91ed0c rgb(145,237,12)
```

Tetradic Color

#4808a4
```
#4808a4 rgb(72,8,164)
```
#530abc
```
#530abc rgb(83,10,188)
```
#5d0bd5
```
#5d0bd5 rgb(93,11,213)
```
#680ced
```
#680ced rgb(104,12,237)
```
#761ff4
```
#761ff4 rgb(118,31,244)
```
#8537f5
```
#8537f5 rgb(133,55,245)
```
#944ff6
```
#944ff6 rgb(148,79,246)
```

Monochromatic Color

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

#300ced
```
#300ced rgb(48,12,237)
```
#420ced
```
#420ced rgb(66,12,237)
```
#550ced
```
#550ced rgb(85,12,237)
```
#680ced
```
#680ced rgb(104,12,237)
```
#7b0ced
```
#7b0ced rgb(123,12,237)
```
#8e0ced
```
#8e0ced rgb(142,12,237)
```
#a00ced
```
#a00ced rgb(160,12,237)
```

Similar Colors

Text with hexadecimal color #680ced

This text has a font color of #680ced.

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

#680ced background color

This paragraph has a background color of #680ced.

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

#680ced border color

This element has a border color of #680ced.

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

CSS codes

.text {color:#680ced;}

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

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

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, #06010d is the darkest color, while #fcf9ff is the lightest one.

#06010d
```
#06010d rgb(6,1,13)
```
#0e0220
```
#0e0220 rgb(14,2,32)
```
#160332
```
#160332 rgb(22,3,50)
```
#1e0345
```
#1e0345 rgb(30,3,69)
```
#260458
```
#260458 rgb(38,4,88)
```
#2f056a
```
#2f056a rgb(47,5,106)
```
#37067d
```
#37067d rgb(55,6,125)
```
#3f0790
```
#3f0790 rgb(63,7,144)
```
#4708a2
```
#4708a2 rgb(71,8,162)
```
#4f09b5
```
#4f09b5 rgb(79,9,181)
```
#580ac8
```
#580ac8 rgb(88,10,200)
```
#600bda
```
#600bda rgb(96,11,218)
```
#680ced
```
#680ced rgb(104,12,237)
```

Shade Color Variation

#7219f3
```
#7219f3 rgb(114,25,243)
```
#7e2cf4
```
#7e2cf4 rgb(126,44,244)
```
#893ff5
```
#893ff5 rgb(137,63,245)
```
#9551f6
```
#9551f6 rgb(149,81,246)
```
#a064f7
```
#a064f7 rgb(160,100,247)
```
#ac77f8
```
#ac77f8 rgb(172,119,248)
```
#b789f9
```
#b789f9 rgb(183,137,249)
```
#c29cfa
```
#c29cfa rgb(194,156,250)
```
#ceaffb
```
#ceaffb rgb(206,175,251)
```
#d9c1fc
```
#d9c1fc rgb(217,193,252)
```
#e5d4fd
```
#e5d4fd rgb(229,212,253)
```
#f0e7fe
```
#f0e7fe rgb(240,231,254)
```
#fcf9ff
```
#fcf9ff rgb(252,249,255)
```

Tint Color Variation

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

#7b7584
```
#7b7584 rgb(123,117,132)
```
#796c8d
```
#796c8d rgb(121,108,141)
```
#786297
```
#786297 rgb(120,98,151)
```
#7659a0
```
#7659a0 rgb(118,89,160)
```
#744faa
```
#744faa rgb(116,79,170)
```
#7245b4
```
#7245b4 rgb(114,69,180)
```
#713cbd
```
#713cbd rgb(113,60,189)
```
#6f32c7
```
#6f32c7 rgb(111,50,199)
```
#6d29d0
```
#6d29d0 rgb(109,41,208)
```
#6b1fda
```
#6b1fda rgb(107,31,218)
```
#6a16e3
```
#6a16e3 rgb(106,22,227)
```
#680ced
```
#680ced rgb(104,12,237)
```
#6602f7
```
#6602f7 rgb(102,2,247)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#493663 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb2 Protanopia 1% of men
#00619b Deuteranopia 1% of men
#29666e Tritanopia 0.001% of the population

Trichromacy

#253fc8 Protanomaly 1% of men, 0.01% of women
#2542b8 Deuteranomaly 6% of men, 0.4% of women
#40459c Tritanomaly 0.01% of the population

#680ced hex color

#680ced Color Information

#680ced Color Conversion

Color Schemes with #680ced

Alternatives to #680ced

#680ced Preview

Shades and Tints of #680ced

Tones of #680ced

Color Blindness Simulator