#680bf6 hex color

In a RGB color space, hex #680bf6 is composed of 40.8% red, 4.3% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 95.5% magenta, 0% yellow and 3.5% black. It has a hue angle of 263.7 degrees, a saturation of 92.9% and a lightness of 50.4%. #680bf6 color hex could be obtained by blending #d016ff with #0000ed. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 41
- G 4
- B 96
RGB color chart
- C 58
- M 96
- Y 0
- K 4
CMYK color chart

● #680bf6 color description : Vivid violet.

The hexadecimal color #680bf6 has RGB values of R:104, G:11, B:246 and CMYK values of C:0.58, M:0.96, Y:0, K:0.04. Its decimal value is 6818806.

Hex triplet	680bf6	`#680bf6`
RGB Decimal	104, 11, 246	`rgb(104,11,246)`
RGB Percent	40.8, 4.3, 96.5	`rgb(40.8%,4.3%,96.5%)`
CMYK	58, 96, 0, 4
HSL	263.7°, 92.9, 50.4	`hsl(263.7,92.9%,50.4%)`
HSV (or HSB)	263.7°, 95.5, 96.5
Web Safe	6600ff	`#6600ff`

CIE-LAB	37.546, 78.32, -93.904
XYZ	22.46, 9.836, 87.899
xyY	0.187, 0.082, 9.836
CIE-LCH	37.546, 122.278, 309.829
CIE-LUV	37.546, 4.546, -128.968
Hunter-Lab	31.362, 72.952, -144.22
Binary	01101000, 00001011, 11110110

#680bf6
```
#680bf6 rgb(104,11,246)
```
#99f60b
```
#99f60b rgb(153,246,11)
```

Complementary Color

#0b24f6
```
#0b24f6 rgb(11,36,246)
```
#680bf6
```
#680bf6 rgb(104,11,246)
```
#de0bf6
```
#de0bf6 rgb(222,11,246)
```

Analogous Color

#24f60b
```
#24f60b rgb(36,246,11)
```
#680bf6
```
#680bf6 rgb(104,11,246)
```
#f6de0b
```
#f6de0b rgb(246,222,11)
```

Split Complementary Color

#0bf668
```
#0bf668 rgb(11,246,104)
```
#680bf6
```
#680bf6 rgb(104,11,246)
```
#f6680b
```
#f6680b rgb(246,104,11)
```

Triadic Color

#0b99f6
```
#0b99f6 rgb(11,153,246)
```
#680bf6
```
#680bf6 rgb(104,11,246)
```
#f6680b
```
#f6680b rgb(246,104,11)
```
#99f60b
```
#99f60b rgb(153,246,11)
```

Tetradic Color

#4906ae
```
#4906ae rgb(73,6,174)
```
#5307c7
```
#5307c7 rgb(83,7,199)
```
#5d08df
```
#5d08df rgb(93,8,223)
```
#680bf6
```
#680bf6 rgb(104,11,246)
```
#7724f7
```
#7724f7 rgb(119,36,247)
```
#863cf8
```
#863cf8 rgb(134,60,248)
```
#9655f9
```
#9655f9 rgb(150,85,249)
```

Monochromatic Color

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

#2d0bf6
```
#2d0bf6 rgb(45,11,246)
```
#410bf6
```
#410bf6 rgb(65,11,246)
```
#540bf6
```
#540bf6 rgb(84,11,246)
```
#680bf6
```
#680bf6 rgb(104,11,246)
```
#7c0bf6
```
#7c0bf6 rgb(124,11,246)
```
#8f0bf6
```
#8f0bf6 rgb(143,11,246)
```
#a30bf6
```
#a30bf6 rgb(163,11,246)
```

Similar Colors

Text with hexadecimal color #680bf6

This text has a font color of #680bf6.

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

#680bf6 background color

This paragraph has a background color of #680bf6.

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

#680bf6 border color

This element has a border color of #680bf6.

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

CSS codes

.text {color:#680bf6;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#090115
```
#090115 rgb(9,1,21)
```
#110128
```
#110128 rgb(17,1,40)
```
#19023b
```
#19023b rgb(25,2,59)
```
#20034e
```
#20034e rgb(32,3,78)
```
#280461
```
#280461 rgb(40,4,97)
```
#300473
```
#300473 rgb(48,4,115)
```
#380586
```
#380586 rgb(56,5,134)
```
#400699
```
#400699 rgb(64,6,153)
```
#4806ac
```
#4806ac rgb(72,6,172)
```
#5007bf
```
#5007bf rgb(80,7,191)
```
#5808d2
```
#5808d2 rgb(88,8,210)
```
#6008e5
```
#6008e5 rgb(96,8,229)
```

Shade Color Variation

#680bf6
```
#680bf6 rgb(104,11,246)
```
#741ef7
```
#741ef7 rgb(116,30,247)
```
#7f31f7
```
#7f31f7 rgb(127,49,247)
```
#8b44f8
```
#8b44f8 rgb(139,68,248)
```
#9757f9
```
#9757f9 rgb(151,87,249)
```
#a36af9
```
#a36af9 rgb(163,106,249)
```
#ae7dfa
```
#ae7dfa rgb(174,125,250)
```
#ba8ffb
```
#ba8ffb rgb(186,143,251)
```
#c6a2fc
```
#c6a2fc rgb(198,162,252)
```
#d1b5fc
```
#d1b5fc rgb(209,181,252)
```
#ddc8fd
```
#ddc8fd rgb(221,200,253)
```
#e9dbfe
```
#e9dbfe rgb(233,219,254)
```
#f4eefe
```
#f4eefe rgb(244,238,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #808081 is the less saturated color, while #680bf6 is the most saturated one.

#808081
```
#808081 rgb(128,128,129)
```
#7e768b
```
#7e768b rgb(126,118,139)
```
#7c6c95
```
#7c6c95 rgb(124,108,149)
```
#7a639e
```
#7a639e rgb(122,99,158)
```
#7859a8
```
#7859a8 rgb(120,89,168)
```
#764fb2
```
#764fb2 rgb(118,79,178)
```
#7445bc
```
#7445bc rgb(116,69,188)
```
#723cc5
```
#723cc5 rgb(114,60,197)
```
#7032cf
```
#7032cf rgb(112,50,207)
```
#6e28d9
```
#6e28d9 rgb(110,40,217)
```
#6c1ee3
```
#6c1ee3 rgb(108,30,227)
```
#6a15ec
```
#6a15ec rgb(106,21,236)
```
#680bf6
```
#680bf6 rgb(104,11,246)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#4a3766 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb6 Protanopia 1% of men
#00639e Deuteranopia 1% of men
#126a72 Tritanopia 0.001% of the population

Trichromacy

#2540cd Protanomaly 1% of men, 0.01% of women
#2543be Deuteranomaly 6% of men, 0.4% of women
#3147a2 Tritanomaly 0.01% of the population

#680bf6 hex color

#680bf6 Color Information

#680bf6 Color Conversion

Color Schemes with #680bf6

Alternatives to #680bf6

#680bf6 Preview

Shades and Tints of #680bf6

Tones of #680bf6

Color Blindness Simulator