#680da2 hex color

In a RGB color space, hex #680da2 is composed of 40.8% red, 5.1% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 35.8% cyan, 92% magenta, 0% yellow and 36.5% black. It has a hue angle of 276.6 degrees, a saturation of 85.1% and a lightness of 34.3%. #680da2 color hex could be obtained by blending #d01aff with #000045. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 41
- G 5
- B 64
RGB color chart
- C 36
- M 92
- Y 0
- K 36
CMYK color chart

● #680da2 color description : Dark violet.

The hexadecimal color #680da2 has RGB values of R:104, G:13, B:162 and CMYK values of C:0.36, M:0.92, Y:0, K:0.36. Its decimal value is 6819234.

Hex triplet	680da2	`#680da2`
RGB Decimal	104, 13, 162	`rgb(104,13,162)`
RGB Percent	40.8, 5.1, 63.5	`rgb(40.8%,5.1%,63.5%)`
CMYK	36, 92, 0, 36
HSL	276.6°, 85.1, 34.3	`hsl(276.6,85.1%,34.3%)`
HSV (or HSB)	276.6°, 92, 63.5
Web Safe	660099	`#660099`

CIE-LAB	29.005, 59.423, -58.959
XYZ	12.373, 5.84, 34.656
xyY	0.234, 0.11, 5.84
CIE-LCH	29.005, 83.709, 315.225
CIE-LUV	29.005, 16.912, -79.416
Hunter-Lab	24.166, 49.107, -68.111
Binary	01101000, 00001101, 10100010

#680da2
```
#680da2 rgb(104,13,162)
```
#47a20d
```
#47a20d rgb(71,162,13)
```

Complementary Color

#1d0da2
```
#1d0da2 rgb(29,13,162)
```
#680da2
```
#680da2 rgb(104,13,162)
```
#a20d92
```
#a20d92 rgb(162,13,146)
```

Analogous Color

#0da21d
```
#0da21d rgb(13,162,29)
```
#680da2
```
#680da2 rgb(104,13,162)
```
#92a20d
```
#92a20d rgb(146,162,13)
```

Split Complementary Color

#0da268
```
#0da268 rgb(13,162,104)
```
#680da2
```
#680da2 rgb(104,13,162)
```
#a2680d
```
#a2680d rgb(162,104,13)
```

Triadic Color

#0d47a2
```
#0d47a2 rgb(13,71,162)
```
#680da2
```
#680da2 rgb(104,13,162)
```
#a2680d
```
#a2680d rgb(162,104,13)
```
#47a20d
```
#47a20d rgb(71,162,13)
```

Tetradic Color

#3b075b
```
#3b075b rgb(59,7,91)
```
#4a0973
```
#4a0973 rgb(74,9,115)
```
#590b8a
```
#590b8a rgb(89,11,138)
```
#680da2
```
#680da2 rgb(104,13,162)
```
#770fba
```
#770fba rgb(119,15,186)
```
#8611d1
```
#8611d1 rgb(134,17,209)
```
#9513e9
```
#9513e9 rgb(149,19,233)
```

Monochromatic Color

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

#430da2
```
#430da2 rgb(67,13,162)
```
#4f0da2
```
#4f0da2 rgb(79,13,162)
```
#5c0da2
```
#5c0da2 rgb(92,13,162)
```
#680da2
```
#680da2 rgb(104,13,162)
```
#740da2
```
#740da2 rgb(116,13,162)
```
#810da2
```
#810da2 rgb(129,13,162)
```
#8d0da2
```
#8d0da2 rgb(141,13,162)
```

Similar Colors

Text with hexadecimal color #680da2

This text has a font color of #680da2.

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

#680da2 background color

This paragraph has a background color of #680da2.

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

#680da2 border color

This element has a border color of #680da2.

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

CSS codes

.text {color:#680da2;}

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

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

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)
```
#220435
```
#220435 rgb(34,4,53)
```
#2e0647
```
#2e0647 rgb(46,6,71)
```
#390759
```
#390759 rgb(57,7,89)
```
#45096c
```
#45096c rgb(69,9,108)
```
#510a7e
```
#510a7e rgb(81,10,126)
```
#5c0c90
```
#5c0c90 rgb(92,12,144)
```
#680da2
```
#680da2 rgb(104,13,162)
```
#740eb4
```
#740eb4 rgb(116,14,180)
```
#7f10c6
```
#7f10c6 rgb(127,16,198)
```
#8b11d8
```
#8b11d8 rgb(139,17,216)
```
#9713eb
```
#9713eb rgb(151,19,235)
```

Shade Color Variation

#9f24ed
```
#9f24ed rgb(159,36,237)
```
#a736ef
```
#a736ef rgb(167,54,239)
```
#af48f0
```
#af48f0 rgb(175,72,240)
```
#b75af2
```
#b75af2 rgb(183,90,242)
```
#bf6cf3
```
#bf6cf3 rgb(191,108,243)
```
#c77ef5
```
#c77ef5 rgb(199,126,245)
```
#cf91f6
```
#cf91f6 rgb(207,145,246)
```
#d7a3f8
```
#d7a3f8 rgb(215,163,248)
```
#dfb5f9
```
#dfb5f9 rgb(223,181,249)
```
#e7c7fb
```
#e7c7fb rgb(231,199,251)
```
#eed9fc
```
#eed9fc rgb(238,217,252)
```
#f6ebfd
```
#f6ebfd rgb(246,235,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585758 is the less saturated color, while #6906a9 is the most saturated one.

#585758
```
#585758 rgb(88,87,88)
```
#59505f
```
#59505f rgb(89,80,95)
```
#5b4a65
```
#5b4a65 rgb(91,74,101)
```
#5c436c
```
#5c436c rgb(92,67,108)
```
#5e3c73
```
#5e3c73 rgb(94,60,115)
```
#5f357a
```
#5f357a rgb(95,53,122)
```
#612f80
```
#612f80 rgb(97,47,128)
```
#622887
```
#622887 rgb(98,40,135)
```
#64218e
```
#64218e rgb(100,33,142)
```
#651a95
```
#651a95 rgb(101,26,149)
```
#67149b
```
#67149b rgb(103,20,155)
```
#680da2
```
#680da2 rgb(104,13,162)
```
#6906a9
```
#6906a9 rgb(105,6,169)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#42304e 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
#25378d Deuteranomaly 6% of men, 0.4% of women
#60336c Tritanomaly 0.01% of the population

#680da2 hex color

#680da2 Color Information

#680da2 Color Conversion

Color Schemes with #680da2

Alternatives to #680da2

#680da2 Preview

Shades and Tints of #680da2

Tones of #680da2

Color Blindness Simulator