#680cb2 hex color

In a RGB color space, hex #680cb2 is composed of 40.8% red, 4.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 41.6% cyan, 93.3% magenta, 0% yellow and 30.2% black. It has a hue angle of 273.3 degrees, a saturation of 87.4% and a lightness of 37.3%. #680cb2 color hex could be obtained by blending #d018ff with #000065. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 41
- G 5
- B 70
RGB color chart
- C 42
- M 93
- Y 0
- K 30
CMYK color chart

● #680cb2 color description : Dark violet.

The hexadecimal color #680cb2 has RGB values of R:104, G:12, B:178 and CMYK values of C:0.42, M:0.93, Y:0, K:0.3. Its decimal value is 6818994.

Hex triplet	680cb2	`#680cb2`
RGB Decimal	104, 12, 178	`rgb(104,12,178)`
RGB Percent	40.8, 4.7, 69.8	`rgb(40.8%,4.7%,69.8%)`
CMYK	42, 93, 0, 30
HSL	273.3°, 87.4, 37.3	`hsl(273.3,87.4%,37.3%)`
HSV (or HSB)	273.3°, 93.3, 69.8
Web Safe	660099	`#660099`

CIE-LAB	30.449, 63.057, -66.222
XYZ	13.875, 6.42, 42.625
xyY	0.221, 0.102, 6.42
CIE-LCH	30.449, 91.442, 313.598
CIE-LUV	30.449, 13.972, -89.304
Hunter-Lab	25.339, 53.401, -82.002
Binary	01101000, 00001100, 10110010

#680cb2
```
#680cb2 rgb(104,12,178)
```
#56b20c
```
#56b20c rgb(86,178,12)
```

Complementary Color

#150cb2
```
#150cb2 rgb(21,12,178)
```
#680cb2
```
#680cb2 rgb(104,12,178)
```
#b20ca9
```
#b20ca9 rgb(178,12,169)
```

Analogous Color

#0cb215
```
#0cb215 rgb(12,178,21)
```
#680cb2
```
#680cb2 rgb(104,12,178)
```
#a9b20c
```
#a9b20c rgb(169,178,12)
```

Split Complementary Color

#0cb268
```
#0cb268 rgb(12,178,104)
```
#680cb2
```
#680cb2 rgb(104,12,178)
```
#b2680c
```
#b2680c rgb(178,104,12)
```

Triadic Color

#0c56b2
```
#0c56b2 rgb(12,86,178)
```
#680cb2
```
#680cb2 rgb(104,12,178)
```
#b2680c
```
#b2680c rgb(178,104,12)
```
#56b20c
```
#56b20c rgb(86,178,12)
```

Tetradic Color

#3e076a
```
#3e076a rgb(62,7,106)
```
#4c0982
```
#4c0982 rgb(76,9,130)
```
#5a0a9a
```
#5a0a9a rgb(90,10,154)
```
#680cb2
```
#680cb2 rgb(104,12,178)
```
#760eca
```
#760eca rgb(118,14,202)
```
#840fe2
```
#840fe2 rgb(132,15,226)
```
#911bf0
```
#911bf0 rgb(145,27,240)
```

Monochromatic Color

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

#3f0cb2
```
#3f0cb2 rgb(63,12,178)
```
#4c0cb2
```
#4c0cb2 rgb(76,12,178)
```
#5a0cb2
```
#5a0cb2 rgb(90,12,178)
```
#680cb2
```
#680cb2 rgb(104,12,178)
```
#760cb2
```
#760cb2 rgb(118,12,178)
```
#840cb2
```
#840cb2 rgb(132,12,178)
```
#920cb2
```
#920cb2 rgb(146,12,178)
```

Similar Colors

Text with hexadecimal color #680cb2

This text has a font color of #680cb2.

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

#680cb2 background color

This paragraph has a background color of #680cb2.

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

#680cb2 border color

This element has a border color of #680cb2.

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

CSS codes

.text {color:#680cb2;}

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

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

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

#07010d
```
#07010d rgb(7,1,13)
```
#12021f
```
#12021f rgb(18,2,31)
```
#1d0331
```
#1d0331 rgb(29,3,49)
```
#280544
```
#280544 rgb(40,5,68)
```
#320656
```
#320656 rgb(50,6,86)
```
#3d0768
```
#3d0768 rgb(61,7,104)
```
#48087b
```
#48087b rgb(72,8,123)
```
#530a8d
```
#530a8d rgb(83,10,141)
```
#5d0ba0
```
#5d0ba0 rgb(93,11,160)
```
#680cb2
```
#680cb2 rgb(104,12,178)
```
#730dc4
```
#730dc4 rgb(115,13,196)
```
#7d0ed7
```
#7d0ed7 rgb(125,14,215)
```
#8810e9
```
#8810e9 rgb(136,16,233)
```

Shade Color Variation

#921df0
```
#921df0 rgb(146,29,240)
```
#9b2ff1
```
#9b2ff1 rgb(155,47,241)
```
#a341f2
```
#a341f2 rgb(163,65,242)
```
#ac54f3
```
#ac54f3 rgb(172,84,243)
```
#b566f5
```
#b566f5 rgb(181,102,245)
```
#be79f6
```
#be79f6 rgb(190,121,246)
```
#c78bf7
```
#c78bf7 rgb(199,139,247)
```
#d09df8
```
#d09df8 rgb(208,157,248)
```
#d9b0fa
```
#d9b0fa rgb(217,176,250)
```
#e2c2fb
```
#e2c2fb rgb(226,194,251)
```
#ead4fc
```
#ead4fc rgb(234,212,252)
```
#f3e7fd
```
#f3e7fd rgb(243,231,253)
```
#fcf9ff
```
#fcf9ff rgb(252,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f5c62 is the less saturated color, while #6905b9 is the most saturated one.

#5f5c62
```
#5f5c62 rgb(95,92,98)
```
#605569
```
#605569 rgb(96,85,105)
```
#614e70
```
#614e70 rgb(97,78,112)
```
#624678
```
#624678 rgb(98,70,120)
```
#623f7f
```
#623f7f rgb(98,63,127)
```
#633886
```
#633886 rgb(99,56,134)
```
#64318d
```
#64318d rgb(100,49,141)
```
#652995
```
#652995 rgb(101,41,149)
```
#66229c
```
#66229c rgb(102,34,156)
```
#661ba3
```
#661ba3 rgb(102,27,163)
```
#6713ab
```
#6713ab rgb(103,19,171)
```
#680cb2
```
#680cb2 rgb(104,12,178)
```
#6905b9
```
#6905b9 rgb(105,5,185)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#433152 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e99 Protanopia 1% of men
#005386 Deuteranopia 1% of men
#554f55 Tritanopia 0.001% of the population

Trichromacy

#2536a2 Protanomaly 1% of men, 0.01% of women
#253996 Deuteranomaly 6% of men, 0.4% of women
#5c3676 Tritanomaly 0.01% of the population

#680cb2 hex color

#680cb2 Color Information

#680cb2 Color Conversion

Color Schemes with #680cb2

Alternatives to #680cb2

#680cb2 Preview

Shades and Tints of #680cb2

Tones of #680cb2

Color Blindness Simulator