#680ac5 hex color

In a RGB color space, hex #680ac5 is composed of 40.8% red, 3.9% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 47.2% cyan, 94.9% magenta, 0% yellow and 22.7% black. It has a hue angle of 270.2 degrees, a saturation of 90.3% and a lightness of 40.6%. #680ac5 color hex could be obtained by blending #d014ff with #00008b. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 41
- G 4
- B 77
RGB color chart
- C 47
- M 95
- Y 0
- K 23
CMYK color chart

● #680ac5 color description : Strong violet.

The hexadecimal color #680ac5 has RGB values of R:104, G:10, B:197 and CMYK values of C:0.47, M:0.95, Y:0, K:0.23. Its decimal value is 6818501.

Hex triplet	680ac5	`#680ac5`
RGB Decimal	104, 10, 197	`rgb(104,10,197)`
RGB Percent	40.8, 3.9, 77.3	`rgb(40.8%,3.9%,77.3%)`
CMYK	47, 95, 0, 23
HSL	270.2°, 90.3, 40.6	`hsl(270.2,90.3%,40.6%)`
HSV (or HSB)	270.2°, 94.9, 77.3
Web Safe	6600cc	`#6600cc`

CIE-LAB	32.239, 67.54, -74.523
XYZ	15.894, 7.191, 53.371
xyY	0.208, 0.094, 7.191
CIE-LCH	32.239, 100.575, 312.186
CIE-LUV	32.239, 10.945, -100.728
Hunter-Lab	26.817, 58.865, -99.228
Binary	01101000, 00001010, 11000101

#680ac5
```
#680ac5 rgb(104,10,197)
```
#67c50a
```
#67c50a rgb(103,197,10)
```

Complementary Color

#0a0ac5
```
#0a0ac5 rgb(10,10,197)
```
#680ac5
```
#680ac5 rgb(104,10,197)
```
#c50ac5
```
#c50ac5 rgb(197,10,197)
```

Analogous Color

#0ac50a
```
#0ac50a rgb(10,197,10)
```
#680ac5
```
#680ac5 rgb(104,10,197)
```
#c5c50a
```
#c5c50a rgb(197,197,10)
```

Split Complementary Color

#0ac568
```
#0ac568 rgb(10,197,104)
```
#680ac5
```
#680ac5 rgb(104,10,197)
```
#c5680a
```
#c5680a rgb(197,104,10)
```

Triadic Color

#0a67c5
```
#0a67c5 rgb(10,103,197)
```
#680ac5
```
#680ac5 rgb(104,10,197)
```
#c5680a
```
#c5680a rgb(197,104,10)
```
#67c50a
```
#67c50a rgb(103,197,10)
```

Tetradic Color

#42067c
```
#42067c rgb(66,6,124)
```
#4e0894
```
#4e0894 rgb(78,8,148)
```
#5b09ad
```
#5b09ad rgb(91,9,173)
```
#680ac5
```
#680ac5 rgb(104,10,197)
```
#750bdd
```
#750bdd rgb(117,11,221)
```
#820ff3
```
#820ff3 rgb(130,15,243)
```
#8e27f4
```
#8e27f4 rgb(142,39,244)
```

Monochromatic Color

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

#390ac5
```
#390ac5 rgb(57,10,197)
```
#490ac5
```
#490ac5 rgb(73,10,197)
```
#580ac5
```
#580ac5 rgb(88,10,197)
```
#680ac5
```
#680ac5 rgb(104,10,197)
```
#780ac5
```
#780ac5 rgb(120,10,197)
```
#870ac5
```
#870ac5 rgb(135,10,197)
```
#970ac5
```
#970ac5 rgb(151,10,197)
```

Similar Colors

Text with hexadecimal color #680ac5

This text has a font color of #680ac5.

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

#680ac5 background color

This paragraph has a background color of #680ac5.

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

#680ac5 border color

This element has a border color of #680ac5.

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

CSS codes

.text {color:#680ac5;}

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

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

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

#05010a
```
#05010a rgb(5,1,10)
```
#0f011d
```
#0f011d rgb(15,1,29)
```
#190230
```
#190230 rgb(25,2,48)
```
#230342
```
#230342 rgb(35,3,66)
```
#2d0455
```
#2d0455 rgb(45,4,85)
```
#370568
```
#370568 rgb(55,5,104)
```
#41067a
```
#41067a rgb(65,6,122)
```
#4a078d
```
#4a078d rgb(74,7,141)
```
#5408a0
```
#5408a0 rgb(84,8,160)
```
#5e09b2
```
#5e09b2 rgb(94,9,178)
```
#680ac5
```
#680ac5 rgb(104,10,197)
```
#720bd8
```
#720bd8 rgb(114,11,216)
```
#7c0cea
```
#7c0cea rgb(124,12,234)
```

Shade Color Variation

#8617f3
```
#8617f3 rgb(134,23,243)
```
#8f29f4
```
#8f29f4 rgb(143,41,244)
```
#993cf5
```
#993cf5 rgb(153,60,245)
```
#a34ff6
```
#a34ff6 rgb(163,79,246)
```
#ad61f7
```
#ad61f7 rgb(173,97,247)
```
#b674f8
```
#b674f8 rgb(182,116,248)
```
#c087f9
```
#c087f9 rgb(192,135,249)
```
#ca99fa
```
#ca99fa rgb(202,153,250)
```
#d4acfb
```
#d4acfb rgb(212,172,251)
```
#ddbffc
```
#ddbffc rgb(221,191,252)
```
#e7d1fd
```
#e7d1fd rgb(231,209,253)
```
#f1e4fe
```
#f1e4fe rgb(241,228,254)
```
#fbf7ff
```
#fbf7ff rgb(251,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #68626d is the less saturated color, while #6802cd is the most saturated one.

#68626d
```
#68626d rgb(104,98,109)
```
#685a75
```
#685a75 rgb(104,90,117)
```
#68527d
```
#68527d rgb(104,82,125)
```
#684a85
```
#684a85 rgb(104,74,133)
```
#68428d
```
#68428d rgb(104,66,141)
```
#683a95
```
#683a95 rgb(104,58,149)
```
#68329d
```
#68329d rgb(104,50,157)
```
#682aa5
```
#682aa5 rgb(104,42,165)
```
#6822ad
```
#6822ad rgb(104,34,173)
```
#681ab5
```
#681ab5 rgb(104,26,181)
```
#6812bd
```
#6812bd rgb(104,18,189)
```
#680ac5
```
#680ac5 rgb(104,10,197)
```
#6802cd
```
#6802cd rgb(104,2,205)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#443157 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a0 Protanopia 1% of men
#00578b Deuteranopia 1% of men
#4c565c Tritanopia 0.001% of the population

Trichromacy

#2538ad Protanomaly 1% of men, 0.01% of women
#253ba0 Deuteranomaly 6% of men, 0.4% of women
#563a82 Tritanomaly 0.01% of the population

#680ac5 hex color

#680ac5 Color Information

#680ac5 Color Conversion

Color Schemes with #680ac5

Alternatives to #680ac5

#680ac5 Preview

Shades and Tints of #680ac5

Tones of #680ac5

Color Blindness Simulator