colorhexa.com

#680fa9 hex color

In a RGB color space, hex #680fa9 is composed of 40.8% red, 5.9% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 38.5% cyan, 91.1% magenta, 0% yellow and 33.7% black. It has a hue angle of 274.7 degrees, a saturation of 83.7% and a lightness of 36.1%. #680fa9 color hex could be obtained by blending #d01eff with #000053. Closest websafe color is: #660099.

- R 41
- G 6
- B 66
RGB color chart
- C 38
- M 91
- Y 0
- K 34
CMYK color chart

● #680fa9 color description : Dark violet.

The hexadecimal color #680fa9 has RGB values of R:104, G:15, B:169 and CMYK values of C:0.38, M:0.91, Y:0, K:0.34. Its decimal value is 6819753.

Hex triplet	680fa9	`#680fa9`
RGB Decimal	104, 15, 169	`rgb(104,15,169)`
RGB Percent	40.8, 5.9, 66.3	`rgb(40.8%,5.9%,66.3%)`
CMYK	38, 91, 0, 34
HSL	274.7°, 83.7, 36.1	`hsl(274.7,83.7%,36.1%)`
HSV (or HSB)	274.7°, 91.1, 66.3
Web Safe	660099	`#660099`

CIE-LAB	29.786, 60.524, -61.911
XYZ	13.04, 6.149, 38.034
xyY	0.228, 0.107, 6.149
CIE-LCH	29.786, 86.58, 314.351
CIE-LUV	29.786, 15.457, -83.664
Hunter-Lab	24.798, 50.467, -73.577
Binary	01101000, 00001111, 10101001

#680fa9
```
#680fa9 rgb(104,15,169)
```
#50a90f
```
#50a90f rgb(80,169,15)
```

Complementary Color

#1b0fa9
```
#1b0fa9 rgb(27,15,169)
```
#680fa9
```
#680fa9 rgb(104,15,169)
```
#a90f9d
```
#a90f9d rgb(169,15,157)
```

Analogous Color

#0fa91b
```
#0fa91b rgb(15,169,27)
```
#680fa9
```
#680fa9 rgb(104,15,169)
```
#9da90f
```
#9da90f rgb(157,169,15)
```

Split Complementary Color

#0fa968
```
#0fa968 rgb(15,169,104)
```
#680fa9
```
#680fa9 rgb(104,15,169)
```
#a9680f
```
#a9680f rgb(169,104,15)
```

Triadic Color

#0f50a9
```
#0f50a9 rgb(15,80,169)
```
#680fa9
```
#680fa9 rgb(104,15,169)
```
#a9680f
```
#a9680f rgb(169,104,15)
```
#50a90f
```
#50a90f rgb(80,169,15)
```

Tetradic Color

#3d0963
```
#3d0963 rgb(61,9,99)
```
#4b0b7a
```
#4b0b7a rgb(75,11,122)
```
#5a0d92
```
#5a0d92 rgb(90,13,146)
```
#680fa9
```
#680fa9 rgb(104,15,169)
```
#7611c0
```
#7611c0 rgb(118,17,192)
```
#8513d8
```
#8513d8 rgb(133,19,216)
```
#931aeb
```
#931aeb rgb(147,26,235)
```

Monochromatic Color

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

#420fa9
```
#420fa9 rgb(66,15,169)
```
#4e0fa9
```
#4e0fa9 rgb(78,15,169)
```
#5b0fa9
```
#5b0fa9 rgb(91,15,169)
```
#680fa9
```
#680fa9 rgb(104,15,169)
```
#750fa9
```
#750fa9 rgb(117,15,169)
```
#820fa9
```
#820fa9 rgb(130,15,169)
```
#8f0fa9
```
#8f0fa9 rgb(143,15,169)
```

Similar Colors

Text with hexadecimal color #680fa9

This text has a font color of #680fa9.

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

#680fa9 background color

This paragraph has a background color of #680fa9.

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

#680fa9 border color

This element has a border color of #680fa9.

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

CSS codes

.text {color:#680fa9;}

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

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

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

#040107
```
#040107 rgb(4,1,7)
```
#0f0219
```
#0f0219 rgb(15,2,25)
```
#1a042b
```
#1a042b rgb(26,4,43)
```
#25053d
```
#25053d rgb(37,5,61)
```
#31074f
```
#31074f rgb(49,7,79)
```
#3c0961
```
#3c0961 rgb(60,9,97)
```
#470a73
```
#470a73 rgb(71,10,115)
```
#520c85
```
#520c85 rgb(82,12,133)
```
#5d0d97
```
#5d0d97 rgb(93,13,151)
```
#680fa9
```
#680fa9 rgb(104,15,169)
```
#7311bb
```
#7311bb rgb(115,17,187)
```
#7e12cd
```
#7e12cd rgb(126,18,205)
```
#8914df
```
#8914df rgb(137,20,223)
```

Shade Color Variation

#931ceb
```
#931ceb rgb(147,28,235)
```
#9c2eec
```
#9c2eec rgb(156,46,236)
```
#a440ee
```
#a440ee rgb(164,64,238)
```
#ad52f0
```
#ad52f0 rgb(173,82,240)
```
#b564f1
```
#b564f1 rgb(181,100,241)
```
#be76f3
```
#be76f3 rgb(190,118,243)
```
#c788f4
```
#c788f4 rgb(199,136,244)
```
#cf9af6
```
#cf9af6 rgb(207,154,246)
```
#d8acf8
```
#d8acf8 rgb(216,172,248)
```
#e0bef9
```
#e0bef9 rgb(224,190,249)
```
#e9d0fb
```
#e9d0fb rgb(233,208,251)
```
#f1e2fc
```
#f1e2fc rgb(241,226,252)
```
#faf4fe
```
#faf4fe rgb(250,244,254)
```

Tint Color Variation

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

#5d5662
```
#5d5662 rgb(93,86,98)
```
#5e4f69
```
#5e4f69 rgb(94,79,105)
```
#5f4870
```
#5f4870 rgb(95,72,112)
```
#604177
```
#604177 rgb(96,65,119)
```
#61397f
```
#61397f rgb(97,57,127)
```
#623286
```
#623286 rgb(98,50,134)
```
#642b8d
```
#642b8d rgb(100,43,141)
```
#652494
```
#652494 rgb(101,36,148)
```
#661d9b
```
#661d9b rgb(102,29,155)
```
#6716a2
```
#6716a2 rgb(103,22,162)
```
#680fa9
```
#680fa9 rgb(104,15,169)
```
#6908b0
```
#6908b0 rgb(105,8,176)
```
#6a01b7
```
#6a01b7 rgb(106,1,183)
```

Tone Color Variation

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

Dichromacy

#004d96 Protanopia 1% of men
#005184 Deuteranopia 1% of men
#594c51 Tritanopia 0.001% of the population

Trichromacy

#25369d Protanomaly 1% of men, 0.01% of women
#253991 Deuteranomaly 6% of men, 0.4% of women
#5e3671 Tritanomaly 0.01% of the population