#680ab4 hex color

In a RGB color space, hex #680ab4 is composed of 40.8% red, 3.9% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 42.2% cyan, 94.4% magenta, 0% yellow and 29.4% black. It has a hue angle of 273.2 degrees, a saturation of 89.5% and a lightness of 37.3%. #680ab4 color hex could be obtained by blending #d014ff with #000069. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 41
- G 4
- B 71
RGB color chart
- C 42
- M 94
- Y 0
- K 29
CMYK color chart

● #680ab4 color description : Strong violet.

The hexadecimal color #680ab4 has RGB values of R:104, G:10, B:180 and CMYK values of C:0.42, M:0.94, Y:0, K:0.29. Its decimal value is 6818484.

Hex triplet	680ab4	`#680ab4`
RGB Decimal	104, 10, 180	`rgb(104,10,180)`
RGB Percent	40.8, 3.9, 70.6	`rgb(40.8%,3.9%,70.6%)`
CMYK	42, 94, 0, 29
HSL	273.2°, 89.5, 37.3	`hsl(273.2,89.5%,37.3%)`
HSV (or HSB)	273.2°, 94.4, 70.6
Web Safe	6600cc	`#6600cc`

CIE-LAB	30.534, 63.823, -67.277
XYZ	14.054, 6.456, 43.683
xyY	0.219, 0.101, 6.456
CIE-LCH	30.534, 92.734, 313.491
CIE-LUV	30.534, 13.704, -90.578
Hunter-Lab	25.408, 54.274, -84.151
Binary	01101000, 00001010, 10110100

#680ab4
```
#680ab4 rgb(104,10,180)
```
#56b40a
```
#56b40a rgb(86,180,10)
```

Complementary Color

#130ab4
```
#130ab4 rgb(19,10,180)
```
#680ab4
```
#680ab4 rgb(104,10,180)
```
#b40aab
```
#b40aab rgb(180,10,171)
```

Analogous Color

#0ab413
```
#0ab413 rgb(10,180,19)
```
#680ab4
```
#680ab4 rgb(104,10,180)
```
#abb40a
```
#abb40a rgb(171,180,10)
```

Split Complementary Color

#0ab468
```
#0ab468 rgb(10,180,104)
```
#680ab4
```
#680ab4 rgb(104,10,180)
```
#b4680a
```
#b4680a rgb(180,104,10)
```

Triadic Color

#0a56b4
```
#0a56b4 rgb(10,86,180)
```
#680ab4
```
#680ab4 rgb(104,10,180)
```
#b4680a
```
#b4680a rgb(180,104,10)
```
#56b40a
```
#56b40a rgb(86,180,10)
```

Tetradic Color

#3e066c
```
#3e066c rgb(62,6,108)
```
#4c0784
```
#4c0784 rgb(76,7,132)
```
#5a099c
```
#5a099c rgb(90,9,156)
```
#680ab4
```
#680ab4 rgb(104,10,180)
```
#760bcc
```
#760bcc rgb(118,11,204)
```
#840de4
```
#840de4 rgb(132,13,228)
```
#9118f2
```
#9118f2 rgb(145,24,242)
```

Monochromatic Color

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

#3e0ab4
```
#3e0ab4 rgb(62,10,180)
```
#4c0ab4
```
#4c0ab4 rgb(76,10,180)
```
#5a0ab4
```
#5a0ab4 rgb(90,10,180)
```
#680ab4
```
#680ab4 rgb(104,10,180)
```
#760ab4
```
#760ab4 rgb(118,10,180)
```
#840ab4
```
#840ab4 rgb(132,10,180)
```
#930ab4
```
#930ab4 rgb(147,10,180)
```

Similar Colors

Text with hexadecimal color #680ab4

This text has a font color of #680ab4.

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

#680ab4 background color

This paragraph has a background color of #680ab4.

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

#680ab4 border color

This element has a border color of #680ab4.

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

CSS codes

.text {color:#680ab4;}

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

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

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

#07010d
```
#07010d rgb(7,1,13)
```
#12021f
```
#12021f rgb(18,2,31)
```
#1d0332
```
#1d0332 rgb(29,3,50)
```
#280445
```
#280445 rgb(40,4,69)
```
#320557
```
#320557 rgb(50,5,87)
```
#3d066a
```
#3d066a rgb(61,6,106)
```
#48077c
```
#48077c rgb(72,7,124)
```
#53088f
```
#53088f rgb(83,8,143)
```
#5d09a1
```
#5d09a1 rgb(93,9,161)
```
#680ab4
```
#680ab4 rgb(104,10,180)
```
#730bc7
```
#730bc7 rgb(115,11,199)
```
#7d0cd9
```
#7d0cd9 rgb(125,12,217)
```
#880dec
```
#880dec rgb(136,13,236)
```

Shade Color Variation

#921af2
```
#921af2 rgb(146,26,242)
```
#9b2df3
```
#9b2df3 rgb(155,45,243)
```
#a33ff4
```
#a33ff4 rgb(163,63,244)
```
#ac52f5
```
#ac52f5 rgb(172,82,245)
```
#b565f6
```
#b565f6 rgb(181,101,246)
```
#be77f7
```
#be77f7 rgb(190,119,247)
```
#c78af8
```
#c78af8 rgb(199,138,248)
```
#d09cfa
```
#d09cfa rgb(208,156,250)
```
#d9affb
```
#d9affb rgb(217,175,251)
```
#e2c1fc
```
#e2c1fc rgb(226,193,252)
```
#ead4fd
```
#ead4fd rgb(234,212,253)
```
#f3e7fe
```
#f3e7fe rgb(243,231,254)
```
#fcf9ff
```
#fcf9ff rgb(252,249,255)
```

Tint Color Variation

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

#5f5a64
```
#5f5a64 rgb(95,90,100)
```
#60536b
```
#60536b rgb(96,83,107)
```
#614c72
```
#614c72 rgb(97,76,114)
```
#62447a
```
#62447a rgb(98,68,122)
```
#633d81
```
#633d81 rgb(99,61,129)
```
#633688
```
#633688 rgb(99,54,136)
```
#642f8f
```
#642f8f rgb(100,47,143)
```
#652797
```
#652797 rgb(101,39,151)
```
#66209e
```
#66209e rgb(102,32,158)
```
#6619a5
```
#6619a5 rgb(102,25,165)
```
#6711ad
```
#6711ad rgb(103,17,173)
```
#680ab4
```
#680ab4 rgb(104,10,180)
```
#6903bb
```
#6903bb rgb(105,3,187)
```

Tone Color Variation

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

Dichromacy

#004f99 Protanopia 1% of men
#005386 Deuteranopia 1% of men
#544f55 Tritanopia 0.001% of the population

Trichromacy

#2536a3 Protanomaly 1% of men, 0.01% of women
#253896 Deuteranomaly 6% of men, 0.4% of women
#5b3677 Tritanomaly 0.01% of the population

#680ab4 hex color

#680ab4 Color Information

#680ab4 Color Conversion

Color Schemes with #680ab4

Alternatives to #680ab4

#680ab4 Preview

Shades and Tints of #680ab4

Tones of #680ab4

Color Blindness Simulator