#680aff hex color

In a RGB color space, hex #680aff is composed of 40.8% red, 3.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 96.1% magenta, 0% yellow and 0% black. It has a hue angle of 263 degrees, a saturation of 100% and a lightness of 52%. #680aff color hex could be obtained by blending #d014ff with #0000ff. Closest websafe color is: #6600ff.

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

● #680aff color description : Vivid violet.

The hexadecimal color #680aff has RGB values of R:104, G:10, B:255 and CMYK values of C:0.59, M:0.96, Y:0, K:0. Its decimal value is 6818559.

Hex triplet	680aff	`#680aff`
RGB Decimal	104, 10, 255	`rgb(104,10,255)`
RGB Percent	40.8, 3.9, 100	`rgb(40.8%,3.9%,100%)`
CMYK	59, 96, 0, 0
HSL	263°, 100, 52	`hsl(263,100%,52%)`
HSV (or HSB)	263°, 96.1, 100
Web Safe	6600ff	`#6600ff`

CIE-LAB	38.515, 80.454, -97.352
XYZ	23.864, 10.379, 95.348
xyY	0.184, 0.08, 10.379
CIE-LCH	38.515, 126.294, 309.571
CIE-LUV	38.515, 3.594, -134.038
Hunter-Lab	32.217, 75.84, -152.919
Binary	01101000, 00001010, 11111111

#680aff
```
#680aff rgb(104,10,255)
```
#a1ff0a
```
#a1ff0a rgb(161,255,10)
```

Complementary Color

#0a27ff
```
#0a27ff rgb(10,39,255)
```
#680aff
```
#680aff rgb(104,10,255)
```
#e30aff
```
#e30aff rgb(227,10,255)
```

Analogous Color

#27ff0a
```
#27ff0a rgb(39,255,10)
```
#680aff
```
#680aff rgb(104,10,255)
```
#ffe30a
```
#ffe30a rgb(255,227,10)
```

Split Complementary Color

#0aff68
```
#0aff68 rgb(10,255,104)
```
#680aff
```
#680aff rgb(104,10,255)
```
#ff680a
```
#ff680a rgb(255,104,10)
```

Triadic Color

#0aa1ff
```
#0aa1ff rgb(10,161,255)
```
#680aff
```
#680aff rgb(104,10,255)
```
#ff680a
```
#ff680a rgb(255,104,10)
```
#a1ff0a
```
#a1ff0a rgb(161,255,10)
```

Tetradic Color

#4800bd
```
#4800bd rgb(72,0,189)
```
#5200d6
```
#5200d6 rgb(82,0,214)
```
#5c00f0
```
#5c00f0 rgb(92,0,240)
```
#680aff
```
#680aff rgb(104,10,255)
```
#7824ff
```
#7824ff rgb(120,36,255)
```
#873dff
```
#873dff rgb(135,61,255)
```
#9757ff
```
#9757ff rgb(151,87,255)
```

Monochromatic Color

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

#2b0aff
```
#2b0aff rgb(43,10,255)
```
#3f0aff
```
#3f0aff rgb(63,10,255)
```
#540aff
```
#540aff rgb(84,10,255)
```
#680aff
```
#680aff rgb(104,10,255)
```
#7c0aff
```
#7c0aff rgb(124,10,255)
```
#910aff
```
#910aff rgb(145,10,255)
```
#a50aff
```
#a50aff rgb(165,10,255)
```

Similar Colors

Text with hexadecimal color #680aff

This text has a font color of #680aff.

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

#680aff background color

This paragraph has a background color of #680aff.

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

#680aff border color

This element has a border color of #680aff.

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

CSS codes

.text {color:#680aff;}

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

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

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, #04000a is the darkest color, while #f9f5ff is the lightest one.

#04000a
```
#04000a rgb(4,0,10)
```
#0b001e
```
#0b001e rgb(11,0,30)
```
#130031
```
#130031 rgb(19,0,49)
```
#1a0045
```
#1a0045 rgb(26,0,69)
```
#220058
```
#220058 rgb(34,0,88)
```
#29006c
```
#29006c rgb(41,0,108)
```
#310080
```
#310080 rgb(49,0,128)
```
#390093
```
#390093 rgb(57,0,147)
```
#4000a7
```
#4000a7 rgb(64,0,167)
```
#4800bb
```
#4800bb rgb(72,0,187)
```
#4f00ce
```
#4f00ce rgb(79,0,206)
```
#5700e2
```
#5700e2 rgb(87,0,226)
```
#5e00f5
```
#5e00f5 rgb(94,0,245)
```

Shade Color Variation

#680aff
```
#680aff rgb(104,10,255)
```
#741eff
```
#741eff rgb(116,30,255)
```
#8031ff
```
#8031ff rgb(128,49,255)
```
#8c45ff
```
#8c45ff rgb(140,69,255)
```
#9858ff
```
#9858ff rgb(152,88,255)
```
#a46cff
```
#a46cff rgb(164,108,255)
```
#b180ff
```
#b180ff rgb(177,128,255)
```
#bd93ff
```
#bd93ff rgb(189,147,255)
```
#c9a7ff
```
#c9a7ff rgb(201,167,255)
```
#d5bbff
```
#d5bbff rgb(213,187,255)
```
#e1ceff
```
#e1ceff rgb(225,206,255)
```
#ede2ff
```
#ede2ff rgb(237,226,255)
```
#f9f5ff
```
#f9f5ff rgb(249,245,255)
```

Tint Color Variation

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

#827b8e
```
#827b8e rgb(130,123,142)
```
#807297
```
#807297 rgb(128,114,151)
```
#7e68a1
```
#7e68a1 rgb(126,104,161)
```
#7c5faa
```
#7c5faa rgb(124,95,170)
```
#7a55b4
```
#7a55b4 rgb(122,85,180)
```
#774cbd
```
#774cbd rgb(119,76,189)
```
#7543c6
```
#7543c6 rgb(117,67,198)
```
#7339d0
```
#7339d0 rgb(115,57,208)
```
#7130d9
```
#7130d9 rgb(113,48,217)
```
#6f26e3
```
#6f26e3 rgb(111,38,227)
```
#6c1dec
```
#6c1dec rgb(108,29,236)
```
#6a13f6
```
#6a13f6 rgb(106,19,246)
```
#680aff
```
#680aff rgb(104,10,255)
```

Tone Color Variation

Below, you can see how #680aff 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
#4a3768 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bb Protanopia 1% of men
#0066a2 Deuteranopia 1% of men
#006c74 Tritanopia 0.001% of the population

Trichromacy

#2541d3 Protanomaly 1% of men, 0.01% of women
#2544c3 Deuteranomaly 6% of men, 0.4% of women
#2548a6 Tritanomaly 0.01% of the population

#680aff hex color

#680aff Color Information

#680aff Color Conversion

Color Schemes with #680aff

Alternatives to #680aff

#680aff Preview

Shades and Tints of #680aff

Tones of #680aff

Color Blindness Simulator