#680fd1 hex color

In a RGB color space, hex #680fd1 is composed of 40.8% red, 5.9% green and 82% blue. Whereas in a CMYK color space, it is composed of 50.2% cyan, 92.8% magenta, 0% yellow and 18% black. It has a hue angle of 267.5 degrees, a saturation of 86.6% and a lightness of 43.9%. #680fd1 color hex could be obtained by blending #d01eff with #0000a3. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 41
- G 6
- B 82
RGB color chart
- C 50
- M 93
- Y 0
- K 18
CMYK color chart

● #680fd1 color description : Strong violet.

The hexadecimal color #680fd1 has RGB values of R:104, G:15, B:209 and CMYK values of C:0.5, M:0.93, Y:0, K:0.18. Its decimal value is 6819793.

Hex triplet	680fd1	`#680fd1`
RGB Decimal	104, 15, 209	`rgb(104,15,209)`
RGB Percent	40.8, 5.9, 82	`rgb(40.8%,5.9%,82%)`
CMYK	50, 93, 0, 18
HSL	267.5°, 86.6, 43.9	`hsl(267.5,86.6%,43.9%)`
HSV (or HSB)	267.5°, 92.8, 82
Web Safe	6600cc	`#6600cc`

CIE-LAB	33.749, 69.398, -79.033
XYZ	17.386, 7.888, 60.925
xyY	0.202, 0.092, 7.888
CIE-LCH	33.749, 105.178, 311.286
CIE-LUV	33.749, 9.006, -107.677
Hunter-Lab	28.086, 61.351, -108.955
Binary	01101000, 00001111, 11010001

#680fd1
```
#680fd1 rgb(104,15,209)
```
#78d10f
```
#78d10f rgb(120,209,15)
```

Complementary Color

#0f17d1
```
#0f17d1 rgb(15,23,209)
```
#680fd1
```
#680fd1 rgb(104,15,209)
```
#c90fd1
```
#c90fd1 rgb(201,15,209)
```

Analogous Color

#17d10f
```
#17d10f rgb(23,209,15)
```
#680fd1
```
#680fd1 rgb(104,15,209)
```
#d1c90f
```
#d1c90f rgb(209,201,15)
```

Split Complementary Color

#0fd168
```
#0fd168 rgb(15,209,104)
```
#680fd1
```
#680fd1 rgb(104,15,209)
```
#d1680f
```
#d1680f rgb(209,104,15)
```

Triadic Color

#0f78d1
```
#0f78d1 rgb(15,120,209)
```
#680fd1
```
#680fd1 rgb(104,15,209)
```
#d1680f
```
#d1680f rgb(209,104,15)
```
#78d10f
```
#78d10f rgb(120,209,15)
```

Tetradic Color

#440a8a
```
#440a8a rgb(68,10,138)
```
#500ca1
```
#500ca1 rgb(80,12,161)
```
#5c0db9
```
#5c0db9 rgb(92,13,185)
```
#680fd1
```
#680fd1 rgb(104,15,209)
```
#7411e9
```
#7411e9 rgb(116,17,233)
```
#8124ef
```
#8124ef rgb(129,36,239)
```
#8f3cf1
```
#8f3cf1 rgb(143,60,241)
```

Monochromatic Color

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

#370fd1
```
#370fd1 rgb(55,15,209)
```
#480fd1
```
#480fd1 rgb(72,15,209)
```
#580fd1
```
#580fd1 rgb(88,15,209)
```
#680fd1
```
#680fd1 rgb(104,15,209)
```
#780fd1
```
#780fd1 rgb(120,15,209)
```
#880fd1
```
#880fd1 rgb(136,15,209)
```
#990fd1
```
#990fd1 rgb(153,15,209)
```

Similar Colors

Text with hexadecimal color #680fd1

This text has a font color of #680fd1.

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

#680fd1 background color

This paragraph has a background color of #680fd1.

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

#680fd1 border color

This element has a border color of #680fd1.

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

CSS codes

.text {color:#680fd1;}

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

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

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

#040108
```
#040108 rgb(4,1,8)
```
#0d021a
```
#0d021a rgb(13,2,26)
```
#16032c
```
#16032c rgb(22,3,44)
```
#1f043f
```
#1f043f rgb(31,4,63)
```
#280651
```
#280651 rgb(40,6,81)
```
#310763
```
#310763 rgb(49,7,99)
```
#3a0875
```
#3a0875 rgb(58,8,117)
```
#440a88
```
#440a88 rgb(68,10,136)
```
#4d0b9a
```
#4d0b9a rgb(77,11,154)
```
#560cac
```
#560cac rgb(86,12,172)
```
#5f0ebf
```
#5f0ebf rgb(95,14,191)
```
#680fd1
```
#680fd1 rgb(104,15,209)
```
#7110e3
```
#7110e3 rgb(113,16,227)
```

Shade Color Variation

#7b19ee
```
#7b19ee rgb(123,25,238)
```
#852bf0
```
#852bf0 rgb(133,43,240)
```
#903df1
```
#903df1 rgb(144,61,241)
```
#9a50f2
```
#9a50f2 rgb(154,80,242)
```
#a562f4
```
#a562f4 rgb(165,98,244)
```
#af74f5
```
#af74f5 rgb(175,116,245)
```
#ba87f6
```
#ba87f6 rgb(186,135,246)
```
#c499f8
```
#c499f8 rgb(196,153,248)
```
#cfabf9
```
#cfabf9 rgb(207,171,249)
```
#d9bdfa
```
#d9bdfa rgb(217,189,250)
```
#e4d0fc
```
#e4d0fc rgb(228,208,252)
```
#eee2fd
```
#eee2fd rgb(238,226,253)
```
#f9f4fe
```
#f9f4fe rgb(249,244,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #706e72 is the less saturated color, while #6706da is the most saturated one.

#706e72
```
#706e72 rgb(112,110,114)
```
#6f657b
```
#6f657b rgb(111,101,123)
```
#6e5d83
```
#6e5d83 rgb(110,93,131)
```
#6e548c
```
#6e548c rgb(110,84,140)
```
#6d4b95
```
#6d4b95 rgb(109,75,149)
```
#6c439d
```
#6c439d rgb(108,67,157)
```
#6c3aa6
```
#6c3aa6 rgb(108,58,166)
```
#6b31af
```
#6b31af rgb(107,49,175)
```
#6a29b7
```
#6a29b7 rgb(106,41,183)
```
#6920c0
```
#6920c0 rgb(105,32,192)
```
#6918c8
```
#6918c8 rgb(105,24,200)
```
#680fd1
```
#680fd1 rgb(104,15,209)
```
#6706da
```
#6706da rgb(103,6,218)
```

Tone Color Variation

Below, you can see how #680fd1 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
#48365d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a6 Protanopia 1% of men
#005a91 Deuteranopia 1% of men
#455c62 Tritanopia 0.001% of the population

Trichromacy

#253cb6 Protanomaly 1% of men, 0.01% of women
#253fa8 Deuteranomaly 6% of men, 0.4% of women
#52408a Tritanomaly 0.01% of the population

#680fd1 hex color

#680fd1 Color Information

#680fd1 Color Conversion

Color Schemes with #680fd1

Alternatives to #680fd1

#680fd1 Preview

Shades and Tints of #680fd1

Tones of #680fd1

Color Blindness Simulator