#680bb4 hex color

In a RGB color space, hex #680bb4 is composed of 40.8% red, 4.3% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 42.2% cyan, 93.9% magenta, 0% yellow and 29.4% black. It has a hue angle of 273 degrees, a saturation of 88.5% and a lightness of 37.5%. #680bb4 color hex could be obtained by blending #d016ff 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

● #680bb4 color description : Strong violet.

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

Hex triplet	680bb4	`#680bb4`
RGB Decimal	104, 11, 180	`rgb(104,11,180)`
RGB Percent	40.8, 4.3, 70.6	`rgb(40.8%,4.3%,70.6%)`
CMYK	42, 94, 0, 29
HSL	273°, 88.5, 37.5	`hsl(273,88.5%,37.5%)`
HSV (or HSB)	273°, 93.9, 70.6
Web Safe	6600cc	`#6600cc`

CIE-LAB	30.587, 63.662, -67.189
XYZ	14.065, 6.478, 43.687
xyY	0.219, 0.101, 6.478
CIE-LCH	30.587, 92.559, 313.456
CIE-LUV	30.587, 13.665, -90.548
Hunter-Lab	25.452, 54.106, -83.954
Binary	01101000, 00001011, 10110100

#680bb4
```
#680bb4 rgb(104,11,180)
```
#57b40b
```
#57b40b rgb(87,180,11)
```

Complementary Color

#130bb4
```
#130bb4 rgb(19,11,180)
```
#680bb4
```
#680bb4 rgb(104,11,180)
```
#b40bac
```
#b40bac rgb(180,11,172)
```

Analogous Color

#0bb414
```
#0bb414 rgb(11,180,20)
```
#680bb4
```
#680bb4 rgb(104,11,180)
```
#acb40b
```
#acb40b rgb(172,180,11)
```

Split Complementary Color

#0bb468
```
#0bb468 rgb(11,180,104)
```
#680bb4
```
#680bb4 rgb(104,11,180)
```
#b4680b
```
#b4680b rgb(180,104,11)
```

Triadic Color

#0b57b4
```
#0b57b4 rgb(11,87,180)
```
#680bb4
```
#680bb4 rgb(104,11,180)
```
#b4680b
```
#b4680b rgb(180,104,11)
```
#57b40b
```
#57b40b rgb(87,180,11)
```

Tetradic Color

#3e076c
```
#3e076c rgb(62,7,108)
```
#4c0884
```
#4c0884 rgb(76,8,132)
```
#5a0a9c
```
#5a0a9c rgb(90,10,156)
```
#680bb4
```
#680bb4 rgb(104,11,180)
```
#760ccc
```
#760ccc rgb(118,12,204)
```
#840ee4
```
#840ee4 rgb(132,14,228)
```
#911af1
```
#911af1 rgb(145,26,241)
```

Monochromatic Color

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

#3e0bb4
```
#3e0bb4 rgb(62,11,180)
```
#4c0bb4
```
#4c0bb4 rgb(76,11,180)
```
#5a0bb4
```
#5a0bb4 rgb(90,11,180)
```
#680bb4
```
#680bb4 rgb(104,11,180)
```
#760bb4
```
#760bb4 rgb(118,11,180)
```
#840bb4
```
#840bb4 rgb(132,11,180)
```
#920bb4
```
#920bb4 rgb(146,11,180)
```

Similar Colors

Text with hexadecimal color #680bb4

This text has a font color of #680bb4.

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

#680bb4 background color

This paragraph has a background color of #680bb4.

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

#680bb4 border color

This element has a border color of #680bb4.

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

CSS codes

.text {color:#680bb4;}

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

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

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

#08010e
```
#08010e rgb(8,1,14)
```
#130220
```
#130220 rgb(19,2,32)
```
#1d0333
```
#1d0333 rgb(29,3,51)
```
#280445
```
#280445 rgb(40,4,69)
```
#330558
```
#330558 rgb(51,5,88)
```
#3d066a
```
#3d066a rgb(61,6,106)
```
#48087d
```
#48087d rgb(72,8,125)
```
#53098f
```
#53098f rgb(83,9,143)
```
#5d0aa2
```
#5d0aa2 rgb(93,10,162)
```
#680bb4
```
#680bb4 rgb(104,11,180)
```
#730cc6
```
#730cc6 rgb(115,12,198)
```
#7d0dd9
```
#7d0dd9 rgb(125,13,217)
```
#880eeb
```
#880eeb rgb(136,14,235)
```

Shade Color Variation

#911cf1
```
#911cf1 rgb(145,28,241)
```
#9a2ff2
```
#9a2ff2 rgb(154,47,242)
```
#a341f3
```
#a341f3 rgb(163,65,243)
```
#ac54f5
```
#ac54f5 rgb(172,84,245)
```
#b566f6
```
#b566f6 rgb(181,102,246)
```
#be79f7
```
#be79f7 rgb(190,121,247)
```
#c78bf8
```
#c78bf8 rgb(199,139,248)
```
#d09ef9
```
#d09ef9 rgb(208,158,249)
```
#d9b0fa
```
#d9b0fa rgb(217,176,250)
```
#e2c3fb
```
#e2c3fb rgb(226,195,251)
```
#ebd5fc
```
#ebd5fc rgb(235,213,252)
```
#f4e8fe
```
#f4e8fe rgb(244,232,254)
```
#fdfaff
```
#fdfaff rgb(253,250,255)
```

Tint Color Variation

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

#605c63
```
#605c63 rgb(96,92,99)
```
#61546b
```
#61546b rgb(97,84,107)
```
#614d72
```
#614d72 rgb(97,77,114)
```
#624679
```
#624679 rgb(98,70,121)
```
#633e81
```
#633e81 rgb(99,62,129)
```
#643788
```
#643788 rgb(100,55,136)
```
#64308f
```
#64308f rgb(100,48,143)
```
#652897
```
#652897 rgb(101,40,151)
```
#66219e
```
#66219e rgb(102,33,158)
```
#671aa5
```
#671aa5 rgb(103,26,165)
```
#6712ad
```
#6712ad rgb(103,18,173)
```
#680bb4
```
#680bb4 rgb(104,11,180)
```
#6904bb
```
#6904bb rgb(105,4,187)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

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

#680bb4 hex color

#680bb4 Color Information

#680bb4 Color Conversion

Color Schemes with #680bb4

Alternatives to #680bb4

#680bb4 Preview

Shades and Tints of #680bb4

Tones of #680bb4

Color Blindness Simulator