#680ba0 hex color

In a RGB color space, hex #680ba0 is composed of 40.8% red, 4.3% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 35% cyan, 93.1% magenta, 0% yellow and 37.3% black. It has a hue angle of 277.4 degrees, a saturation of 87.1% and a lightness of 33.5%. #680ba0 color hex could be obtained by blending #d016ff with #000041. Closest websafe color is: #660099.

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

● #680ba0 color description : Dark violet.

The hexadecimal color #680ba0 has RGB values of R:104, G:11, B:160 and CMYK values of C:0.35, M:0.93, Y:0, K:0.37. Its decimal value is 6818720.

Hex triplet	680ba0	`#680ba0`
RGB Decimal	104, 11, 160	`rgb(104,11,160)`
RGB Percent	40.8, 4.3, 62.7	`rgb(40.8%,4.3%,62.7%)`
CMYK	35, 93, 0, 37
HSL	277.4°, 87.1, 33.5	`hsl(277.4,87.1%,33.5%)`
HSV (or HSB)	277.4°, 93.1, 62.7
Web Safe	660099	`#660099`

CIE-LAB	28.697, 59.373, -58.248
XYZ	12.173, 5.721, 33.719
xyY	0.236, 0.111, 5.721
CIE-LCH	28.697, 83.175, 315.548
CIE-LUV	28.697, 17.41, -78.264
Hunter-Lab	23.918, 48.989, -66.842
Binary	01101000, 00001011, 10100000

#680ba0
```
#680ba0 rgb(104,11,160)
```
#43a00b
```
#43a00b rgb(67,160,11)
```

Complementary Color

#1d0ba0
```
#1d0ba0 rgb(29,11,160)
```
#680ba0
```
#680ba0 rgb(104,11,160)
```
#a00b8e
```
#a00b8e rgb(160,11,142)
```

Analogous Color

#0ba01d
```
#0ba01d rgb(11,160,29)
```
#680ba0
```
#680ba0 rgb(104,11,160)
```
#8ea00b
```
#8ea00b rgb(142,160,11)
```

Split Complementary Color

#0ba068
```
#0ba068 rgb(11,160,104)
```
#680ba0
```
#680ba0 rgb(104,11,160)
```
#a0680b
```
#a0680b rgb(160,104,11)
```

Triadic Color

#0b43a0
```
#0b43a0 rgb(11,67,160)
```
#680ba0
```
#680ba0 rgb(104,11,160)
```
#a0680b
```
#a0680b rgb(160,104,11)
```
#43a00b
```
#43a00b rgb(67,160,11)
```

Tetradic Color

#390658
```
#390658 rgb(57,6,88)
```
#490870
```
#490870 rgb(73,8,112)
```
#580988
```
#580988 rgb(88,9,136)
```
#680ba0
```
#680ba0 rgb(104,11,160)
```
#780db8
```
#780db8 rgb(120,13,184)
```
#870ed0
```
#870ed0 rgb(135,14,208)
```
#9710e8
```
#9710e8 rgb(151,16,232)
```

Monochromatic Color

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

#430ba0
```
#430ba0 rgb(67,11,160)
```
#4f0ba0
```
#4f0ba0 rgb(79,11,160)
```
#5c0ba0
```
#5c0ba0 rgb(92,11,160)
```
#680ba0
```
#680ba0 rgb(104,11,160)
```
#740ba0
```
#740ba0 rgb(116,11,160)
```
#810ba0
```
#810ba0 rgb(129,11,160)
```
#8d0ba0
```
#8d0ba0 rgb(141,11,160)
```

Similar Colors

Text with hexadecimal color #680ba0

This text has a font color of #680ba0.

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

#680ba0 background color

This paragraph has a background color of #680ba0.

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

#680ba0 border color

This element has a border color of #680ba0.

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

CSS codes

.text {color:#680ba0;}

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

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

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, #09010d is the darkest color, while #fdfaff is the lightest one.

#09010d
```
#09010d rgb(9,1,13)
```
#140220
```
#140220 rgb(20,2,32)
```
#200332
```
#200332 rgb(32,3,50)
```
#2c0544
```
#2c0544 rgb(44,5,68)
```
#380657
```
#380657 rgb(56,6,87)
```
#440769
```
#440769 rgb(68,7,105)
```
#50087b
```
#50087b rgb(80,8,123)
```
#5c0a8e
```
#5c0a8e rgb(92,10,142)
```
#680ba0
```
#680ba0 rgb(104,11,160)
```
#740cb2
```
#740cb2 rgb(116,12,178)
```
#800ec5
```
#800ec5 rgb(128,14,197)
```
#8c0fd7
```
#8c0fd7 rgb(140,15,215)
```
#9810e9
```
#9810e9 rgb(152,16,233)
```

Shade Color Variation

#a11ef0
```
#a11ef0 rgb(161,30,240)
```
#a830f1
```
#a830f1 rgb(168,48,241)
```
#b042f2
```
#b042f2 rgb(176,66,242)
```
#b855f3
```
#b855f3 rgb(184,85,243)
```
#bf67f5
```
#bf67f5 rgb(191,103,245)
```
#c779f6
```
#c779f6 rgb(199,121,246)
```
#cf8cf7
```
#cf8cf7 rgb(207,140,247)
```
#d69ef8
```
#d69ef8 rgb(214,158,248)
```
#deb0fa
```
#deb0fa rgb(222,176,250)
```
#e6c3fb
```
#e6c3fb rgb(230,195,251)
```
#edd5fc
```
#edd5fc rgb(237,213,252)
```
#f5e7fd
```
#f5e7fd rgb(245,231,253)
```
#fdfaff
```
#fdfaff rgb(253,250,255)
```

Tint Color Variation

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

#565358
```
#565358 rgb(86,83,88)
```
#584d5e
```
#584d5e rgb(88,77,94)
```
#594665
```
#594665 rgb(89,70,101)
```
#5b406b
```
#5b406b rgb(91,64,107)
```
#5d3972
```
#5d3972 rgb(93,57,114)
```
#5e3279
```
#5e3279 rgb(94,50,121)
```
#602c7f
```
#602c7f rgb(96,44,127)
```
#612586
```
#612586 rgb(97,37,134)
```
#631f8c
```
#631f8c rgb(99,31,140)
```
#651893
```
#651893 rgb(101,24,147)
```
#661299
```
#661299 rgb(102,18,153)
```
#680ba0
```
#680ba0 rgb(104,11,160)
```
#6a04a7
```
#6a04a7 rgb(106,4,167)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#422f4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b92 Protanopia 1% of men
#004f80 Deuteranopia 1% of men
#5c484d Tritanopia 0.001% of the population

Trichromacy

#253397 Protanomaly 1% of men, 0.01% of women
#25368b Deuteranomaly 6% of men, 0.4% of women
#60316b Tritanomaly 0.01% of the population

#680ba0 hex color

#680ba0 Color Information

#680ba0 Color Conversion

Color Schemes with #680ba0

Alternatives to #680ba0

#680ba0 Preview

Shades and Tints of #680ba0

Tones of #680ba0

Color Blindness Simulator