#680ea1 hex color

In a RGB color space, hex #680ea1 is composed of 40.8% red, 5.5% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 35.4% cyan, 91.3% magenta, 0% yellow and 36.9% black. It has a hue angle of 276.7 degrees, a saturation of 84% and a lightness of 34.3%. #680ea1 color hex could be obtained by blending #d01cff with #000043. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 41
- G 5
- B 63
RGB color chart
- C 35
- M 91
- Y 0
- K 37
CMYK color chart

● #680ea1 color description : Dark violet.

The hexadecimal color #680ea1 has RGB values of R:104, G:14, B:161 and CMYK values of C:0.35, M:0.91, Y:0, K:0.37. Its decimal value is 6819489.

Hex triplet	680ea1	`#680ea1`
RGB Decimal	104, 14, 161	`rgb(104,14,161)`
RGB Percent	40.8, 5.5, 63.1	`rgb(40.8%,5.5%,63.1%)`
CMYK	35, 91, 0, 37
HSL	276.7°, 84, 34.3	`hsl(276.7,84%,34.3%)`
HSV (or HSB)	276.7°, 91.3, 63.1
Web Safe	660099	`#660099`

CIE-LAB	28.981, 59.009, -58.39
XYZ	12.298, 5.831, 34.194
xyY	0.235, 0.111, 5.831
CIE-LCH	28.981, 83.015, 315.302
CIE-LUV	28.981, 17.059, -78.738
Hunter-Lab	24.147, 48.655, -67.057
Binary	01101000, 00001110, 10100001

#680ea1
```
#680ea1 rgb(104,14,161)
```
#47a10e
```
#47a10e rgb(71,161,14)
```

Complementary Color

#1f0ea1
```
#1f0ea1 rgb(31,14,161)
```
#680ea1
```
#680ea1 rgb(104,14,161)
```
#a10e91
```
#a10e91 rgb(161,14,145)
```

Analogous Color

#0ea11f
```
#0ea11f rgb(14,161,31)
```
#680ea1
```
#680ea1 rgb(104,14,161)
```
#91a10e
```
#91a10e rgb(145,161,14)
```

Split Complementary Color

#0ea168
```
#0ea168 rgb(14,161,104)
```
#680ea1
```
#680ea1 rgb(104,14,161)
```
#a1680e
```
#a1680e rgb(161,104,14)
```

Triadic Color

#0e47a1
```
#0e47a1 rgb(14,71,161)
```
#680ea1
```
#680ea1 rgb(104,14,161)
```
#a1680e
```
#a1680e rgb(161,104,14)
```
#47a10e
```
#47a10e rgb(71,161,14)
```

Tetradic Color

#3b085b
```
#3b085b rgb(59,8,91)
```
#4a0a72
```
#4a0a72 rgb(74,10,114)
```
#590c8a
```
#590c8a rgb(89,12,138)
```
#680ea1
```
#680ea1 rgb(104,14,161)
```
#7710b8
```
#7710b8 rgb(119,16,184)
```
#8612d0
```
#8612d0 rgb(134,18,208)
```
#9514e7
```
#9514e7 rgb(149,20,231)
```

Monochromatic Color

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

#430ea1
```
#430ea1 rgb(67,14,161)
```
#500ea1
```
#500ea1 rgb(80,14,161)
```
#5c0ea1
```
#5c0ea1 rgb(92,14,161)
```
#680ea1
```
#680ea1 rgb(104,14,161)
```
#740ea1
```
#740ea1 rgb(116,14,161)
```
#810ea1
```
#810ea1 rgb(129,14,161)
```
#8d0ea1
```
#8d0ea1 rgb(141,14,161)
```

Similar Colors

Text with hexadecimal color #680ea1

This text has a font color of #680ea1.

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

#680ea1 background color

This paragraph has a background color of #680ea1.

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

#680ea1 border color

This element has a border color of #680ea1.

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

CSS codes

.text {color:#680ea1;}

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

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

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)
```
#160323
```
#160323 rgb(22,3,35)
```
#220535
```
#220535 rgb(34,5,53)
```
#2e0647
```
#2e0647 rgb(46,6,71)
```
#390859
```
#390859 rgb(57,8,89)
```
#45096b
```
#45096b rgb(69,9,107)
```
#510b7d
```
#510b7d rgb(81,11,125)
```
#5c0c8f
```
#5c0c8f rgb(92,12,143)
```
#680ea1
```
#680ea1 rgb(104,14,161)
```
#7410b3
```
#7410b3 rgb(116,16,179)
```
#7f11c5
```
#7f11c5 rgb(127,17,197)
```
#8b13d7
```
#8b13d7 rgb(139,19,215)
```
#9714e9
```
#9714e9 rgb(151,20,233)
```

Shade Color Variation

#9f25ec
```
#9f25ec rgb(159,37,236)
```
#a737ee
```
#a737ee rgb(167,55,238)
```
#af49ef
```
#af49ef rgb(175,73,239)
```
#b75bf1
```
#b75bf1 rgb(183,91,241)
```
#bf6df2
```
#bf6df2 rgb(191,109,242)
```
#c77ff4
```
#c77ff4 rgb(199,127,244)
```
#cf91f5
```
#cf91f5 rgb(207,145,245)
```
#d7a3f7
```
#d7a3f7 rgb(215,163,247)
```
#dfb5f9
```
#dfb5f9 rgb(223,181,249)
```
#e7c7fa
```
#e7c7fa rgb(231,199,250)
```
#eed9fc
```
#eed9fc rgb(238,217,252)
```
#f6ecfd
```
#f6ecfd rgb(246,236,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #59515e is the less saturated color, while #6b01ae is the most saturated one.

#59515e
```
#59515e rgb(89,81,94)
```
#5a4b64
```
#5a4b64 rgb(90,75,100)
```
#5c446b
```
#5c446b rgb(92,68,107)
```
#5d3d72
```
#5d3d72 rgb(93,61,114)
```
#5f3679
```
#5f3679 rgb(95,54,121)
```
#60307f
```
#60307f rgb(96,48,127)
```
#622986
```
#622986 rgb(98,41,134)
```
#63228d
```
#63228d rgb(99,34,141)
```
#651b94
```
#651b94 rgb(101,27,148)
```
#66159a
```
#66159a rgb(102,21,154)
```
#680ea1
```
#680ea1 rgb(104,14,161)
```
#6a07a8
```
#6a07a8 rgb(106,7,168)
```
#6b01ae
```
#6b01ae rgb(107,1,174)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#43314f Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b93 Protanopia 1% of men
#004f81 Deuteranopia 1% of men
#5b494e Tritanopia 0.001% of the population

Trichromacy

#253598 Protanomaly 1% of men, 0.01% of women
#25378c Deuteranomaly 6% of men, 0.4% of women
#60336c Tritanomaly 0.01% of the population

#680ea1 hex color

#680ea1 Color Information

#680ea1 Color Conversion

Color Schemes with #680ea1

Alternatives to #680ea1

#680ea1 Preview

Shades and Tints of #680ea1

Tones of #680ea1

Color Blindness Simulator