#680bec hex color

In a RGB color space, hex #680bec is composed of 40.8% red, 4.3% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 55.9% cyan, 95.3% magenta, 0% yellow and 7.5% black. It has a hue angle of 264.8 degrees, a saturation of 91.1% and a lightness of 48.4%. #680bec color hex could be obtained by blending #d016ff with #0000d9. Closest websafe color is: #6600ff.

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

● #680bec color description : Vivid violet.

The hexadecimal color #680bec has RGB values of R:104, G:11, B:236 and CMYK values of C:0.56, M:0.95, Y:0, K:0.07. Its decimal value is 6818796.

Hex triplet	680bec	`#680bec`
RGB Decimal	104, 11, 236	`rgb(104,11,236)`
RGB Percent	40.8, 4.3, 92.5	`rgb(40.8%,4.3%,92.5%)`
CMYK	56, 95, 0, 7
HSL	264.8°, 91.1, 48.4	`hsl(264.8,91.1%,48.4%)`
HSV (or HSB)	264.8°, 95.3, 92.5
Web Safe	6600ff	`#6600ff`

CIE-LAB	36.439, 76.08, -90.082
XYZ	20.966, 9.238, 80.031
xyY	0.19, 0.084, 9.238
CIE-LCH	36.439, 117.911, 310.183
CIE-LUV	36.439, 5.692, -123.299
Hunter-Lab	30.394, 69.941, -134.84
Binary	01101000, 00001011, 11101100

#680bec
```
#680bec rgb(104,11,236)
```
#8fec0b
```
#8fec0b rgb(143,236,11)
```

Complementary Color

#0b1eec
```
#0b1eec rgb(11,30,236)
```
#680bec
```
#680bec rgb(104,11,236)
```
#d90bec
```
#d90bec rgb(217,11,236)
```

Analogous Color

#1eec0b
```
#1eec0b rgb(30,236,11)
```
#680bec
```
#680bec rgb(104,11,236)
```
#ecd90b
```
#ecd90b rgb(236,217,11)
```

Split Complementary Color

#0bec68
```
#0bec68 rgb(11,236,104)
```
#680bec
```
#680bec rgb(104,11,236)
```
#ec680b
```
#ec680b rgb(236,104,11)
```

Triadic Color

#0b8fec
```
#0b8fec rgb(11,143,236)
```
#680bec
```
#680bec rgb(104,11,236)
```
#ec680b
```
#ec680b rgb(236,104,11)
```
#8fec0b
```
#8fec0b rgb(143,236,11)
```

Tetradic Color

#4808a3
```
#4808a3 rgb(72,8,163)
```
#5309bb
```
#5309bb rgb(83,9,187)
```
#5d0ad4
```
#5d0ad4 rgb(93,10,212)
```
#680bec
```
#680bec rgb(104,11,236)
```
#761cf4
```
#761cf4 rgb(118,28,244)
```
#8434f6
```
#8434f6 rgb(132,52,246)
```
#934df7
```
#934df7 rgb(147,77,247)
```

Monochromatic Color

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

#300bec
```
#300bec rgb(48,11,236)
```
#430bec
```
#430bec rgb(67,11,236)
```
#550bec
```
#550bec rgb(85,11,236)
```
#680bec
```
#680bec rgb(104,11,236)
```
#7b0bec
```
#7b0bec rgb(123,11,236)
```
#8e0bec
```
#8e0bec rgb(142,11,236)
```
#a00bec
```
#a00bec rgb(160,11,236)
```

Similar Colors

Text with hexadecimal color #680bec

This text has a font color of #680bec.

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

#680bec background color

This paragraph has a background color of #680bec.

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

#680bec border color

This element has a border color of #680bec.

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

CSS codes

.text {color:#680bec;}

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

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

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, #05010b is the darkest color, while #faf7ff is the lightest one.

#05010b
```
#05010b rgb(5,1,11)
```
#0d011e
```
#0d011e rgb(13,1,30)
```
#150231
```
#150231 rgb(21,2,49)
```
#1e0343
```
#1e0343 rgb(30,3,67)
```
#260456
```
#260456 rgb(38,4,86)
```
#2e0569
```
#2e0569 rgb(46,5,105)
```
#36067c
```
#36067c rgb(54,6,124)
```
#3f078e
```
#3f078e rgb(63,7,142)
```
#4708a1
```
#4708a1 rgb(71,8,161)
```
#4f08b4
```
#4f08b4 rgb(79,8,180)
```
#5709c7
```
#5709c7 rgb(87,9,199)
```
#600ad9
```
#600ad9 rgb(96,10,217)
```
#680bec
```
#680bec rgb(104,11,236)
```

Shade Color Variation

#7216f4
```
#7216f4 rgb(114,22,244)
```
#7d29f5
```
#7d29f5 rgb(125,41,245)
```
#893cf6
```
#893cf6 rgb(137,60,246)
```
#944ff7
```
#944ff7 rgb(148,79,247)
```
#a061f8
```
#a061f8 rgb(160,97,248)
```
#ab74f9
```
#ab74f9 rgb(171,116,249)
```
#b687f9
```
#b687f9 rgb(182,135,249)
```
#c29afa
```
#c29afa rgb(194,154,250)
```
#cdacfb
```
#cdacfb rgb(205,172,251)
```
#d8bffc
```
#d8bffc rgb(216,191,252)
```
#e4d2fd
```
#e4d2fd rgb(228,210,253)
```
#efe5fe
```
#efe5fe rgb(239,229,254)
```
#faf7ff
```
#faf7ff rgb(250,247,255)
```

Tint Color Variation

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

#7a7484
```
#7a7484 rgb(122,116,132)
```
#786a8d
```
#786a8d rgb(120,106,141)
```
#776197
```
#776197 rgb(119,97,151)
```
#7557a0
```
#7557a0 rgb(117,87,160)
```
#744eaa
```
#744eaa rgb(116,78,170)
```
#7244b3
```
#7244b3 rgb(114,68,179)
```
#703bbd
```
#703bbd rgb(112,59,189)
```
#6f31c6
```
#6f31c6 rgb(111,49,198)
```
#6d28d0
```
#6d28d0 rgb(109,40,208)
```
#6b1ed9
```
#6b1ed9 rgb(107,30,217)
```
#6a15e3
```
#6a15e3 rgb(106,21,227)
```
#680bec
```
#680bec rgb(104,11,236)
```
#6601f6
```
#6601f6 rgb(102,1,246)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#483562 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb2 Protanopia 1% of men
#00619a Deuteranopia 1% of men
#2b666d Tritanopia 0.001% of the population

Trichromacy

#253ec7 Protanomaly 1% of men, 0.01% of women
#2541b8 Deuteranomaly 6% of men, 0.4% of women
#41459b Tritanomaly 0.01% of the population

#680bec hex color

#680bec Color Information

#680bec Color Conversion

Color Schemes with #680bec

Alternatives to #680bec

#680bec Preview

Shades and Tints of #680bec

Tones of #680bec

Color Blindness Simulator