#680aa5 hex color

In a RGB color space, hex #680aa5 is composed of 40.8% red, 3.9% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 37% cyan, 93.9% magenta, 0% yellow and 35.3% black. It has a hue angle of 276.4 degrees, a saturation of 88.6% and a lightness of 34.3%. #680aa5 color hex could be obtained by blending #d014ff with #00004b. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 41
- G 4
- B 65
RGB color chart
- C 37
- M 94
- Y 0
- K 35
CMYK color chart

● #680aa5 color description : Dark violet.

The hexadecimal color #680aa5 has RGB values of R:104, G:10, B:165 and CMYK values of C:0.37, M:0.94, Y:0, K:0.35. Its decimal value is 6818469.

Hex triplet	680aa5	`#680aa5`
RGB Decimal	104, 10, 165	`rgb(104,10,165)`
RGB Percent	40.8, 3.9, 64.7	`rgb(40.8%,3.9%,64.7%)`
CMYK	37, 94, 0, 35
HSL	276.4°, 88.6, 34.3	`hsl(276.4,88.6%,34.3%)`
HSV (or HSB)	276.4°, 93.9, 64.7
Web Safe	660099	`#660099`

CIE-LAB	29.1, 60.603, -60.622
XYZ	12.608, 5.877, 36.065
xyY	0.231, 0.108, 5.877
CIE-LCH	29.1, 85.719, 314.991
CIE-LUV	29.1, 16.459, -81.414
Hunter-Lab	24.242, 50.41, -71.236
Binary	01101000, 00001010, 10100101

#680aa5
```
#680aa5 rgb(104,10,165)
```
#47a50a
```
#47a50a rgb(71,165,10)
```

Complementary Color

#1a0aa5
```
#1a0aa5 rgb(26,10,165)
```
#680aa5
```
#680aa5 rgb(104,10,165)
```
#a50a95
```
#a50a95 rgb(165,10,149)
```

Analogous Color

#0aa51a
```
#0aa51a rgb(10,165,26)
```
#680aa5
```
#680aa5 rgb(104,10,165)
```
#95a50a
```
#95a50a rgb(149,165,10)
```

Split Complementary Color

#0aa568
```
#0aa568 rgb(10,165,104)
```
#680aa5
```
#680aa5 rgb(104,10,165)
```
#a5680a
```
#a5680a rgb(165,104,10)
```

Triadic Color

#0a47a5
```
#0a47a5 rgb(10,71,165)
```
#680aa5
```
#680aa5 rgb(104,10,165)
```
#a5680a
```
#a5680a rgb(165,104,10)
```
#47a50a
```
#47a50a rgb(71,165,10)
```

Tetradic Color

#3b065d
```
#3b065d rgb(59,6,93)
```
#4a0775
```
#4a0775 rgb(74,7,117)
```
#59098d
```
#59098d rgb(89,9,141)
```
#680aa5
```
#680aa5 rgb(104,10,165)
```
#770bbd
```
#770bbd rgb(119,11,189)
```
#860dd5
```
#860dd5 rgb(134,13,213)
```
#950eed
```
#950eed rgb(149,14,237)
```

Monochromatic Color

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

#410aa5
```
#410aa5 rgb(65,10,165)
```
#4e0aa5
```
#4e0aa5 rgb(78,10,165)
```
#5b0aa5
```
#5b0aa5 rgb(91,10,165)
```
#680aa5
```
#680aa5 rgb(104,10,165)
```
#750aa5
```
#750aa5 rgb(117,10,165)
```
#820aa5
```
#820aa5 rgb(130,10,165)
```
#8f0aa5
```
#8f0aa5 rgb(143,10,165)
```

Similar Colors

Text with hexadecimal color #680aa5

This text has a font color of #680aa5.

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

#680aa5 background color

This paragraph has a background color of #680aa5.

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

#680aa5 border color

This element has a border color of #680aa5.

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

CSS codes

.text {color:#680aa5;}

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

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

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, #0b0111 is the darkest color, while #fefeff is the lightest one.

#0b0111
```
#0b0111 rgb(11,1,17)
```
#160224
```
#160224 rgb(22,2,36)
```
#220336
```
#220336 rgb(34,3,54)
```
#2e0449
```
#2e0449 rgb(46,4,73)
```
#39065b
```
#39065b rgb(57,6,91)
```
#45076e
```
#45076e rgb(69,7,110)
```
#510880
```
#510880 rgb(81,8,128)
```
#5c0993
```
#5c0993 rgb(92,9,147)
```
#680aa5
```
#680aa5 rgb(104,10,165)
```
#740bb7
```
#740bb7 rgb(116,11,183)
```
#7f0cca
```
#7f0cca rgb(127,12,202)
```
#8b0ddc
```
#8b0ddc rgb(139,13,220)
```
#970eef
```
#970eef rgb(151,14,239)
```

Shade Color Variation

#9f20f1
```
#9f20f1 rgb(159,32,241)
```
#a732f3
```
#a732f3 rgb(167,50,243)
```
#af45f4
```
#af45f4 rgb(175,69,244)
```
#b757f5
```
#b757f5 rgb(183,87,245)
```
#bf6af6
```
#bf6af6 rgb(191,106,246)
```
#c77cf7
```
#c77cf7 rgb(199,124,247)
```
#cf8ff8
```
#cf8ff8 rgb(207,143,248)
```
#d7a1f9
```
#d7a1f9 rgb(215,161,249)
```
#dfb4fa
```
#dfb4fa rgb(223,180,250)
```
#e7c6fc
```
#e7c6fc rgb(231,198,252)
```
#eed9fd
```
#eed9fd rgb(238,217,253)
```
#f6ebfe
```
#f6ebfe rgb(246,235,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #58545b is the less saturated color, while #6903ac is the most saturated one.

#58545b
```
#58545b rgb(88,84,91)
```
#5a4d62
```
#5a4d62 rgb(90,77,98)
```
#5b4768
```
#5b4768 rgb(91,71,104)
```
#5d406f
```
#5d406f rgb(93,64,111)
```
#5e3976
```
#5e3976 rgb(94,57,118)
```
#5f327d
```
#5f327d rgb(95,50,125)
```
#612c83
```
#612c83 rgb(97,44,131)
```
#62258a
```
#62258a rgb(98,37,138)
```
#641e91
```
#641e91 rgb(100,30,145)
```
#651798
```
#651798 rgb(101,23,152)
```
#67119e
```
#67119e rgb(103,17,158)
```
#680aa5
```
#680aa5 rgb(104,10,165)
```
#6903ac
```
#6903ac rgb(105,3,172)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#422f4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#004c93 Protanopia 1% of men
#005081 Deuteranopia 1% of men
#5a4a4f Tritanopia 0.001% of the population

Trichromacy

#25349a Protanomaly 1% of men, 0.01% of women
#25368e Deuteranomaly 6% of men, 0.4% of women
#5f326e Tritanomaly 0.01% of the population

#680aa5 hex color

#680aa5 Color Information

#680aa5 Color Conversion

Color Schemes with #680aa5

Alternatives to #680aa5

#680aa5 Preview

Shades and Tints of #680aa5

Tones of #680aa5

Color Blindness Simulator