#680bb9 hex color

In a RGB color space, hex #680bb9 is composed of 40.8% red, 4.3% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 43.8% cyan, 94.1% magenta, 0% yellow and 27.5% black. It has a hue angle of 272.1 degrees, a saturation of 88.8% and a lightness of 38.4%. #680bb9 color hex could be obtained by blending #d016ff with #000073. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 41
- G 4
- B 73
RGB color chart
- C 44
- M 94
- Y 0
- K 27
CMYK color chart

● #680bb9 color description : Strong violet.

The hexadecimal color #680bb9 has RGB values of R:104, G:11, B:185 and CMYK values of C:0.44, M:0.94, Y:0, K:0.27. Its decimal value is 6818745.

Hex triplet	680bb9	`#680bb9`
RGB Decimal	104, 11, 185	`rgb(104,11,185)`
RGB Percent	40.8, 4.3, 72.5	`rgb(40.8%,4.3%,72.5%)`
CMYK	44, 94, 0, 27
HSL	272.1°, 88.8, 38.4	`hsl(272.1,88.8%,38.4%)`
HSV (or HSB)	272.1°, 94.1, 72.5
Web Safe	6600cc	`#6600cc`

CIE-LAB	31.079, 64.753, -69.353
XYZ	14.584, 6.685, 46.418
xyY	0.215, 0.099, 6.685
CIE-LCH	31.079, 94.883, 313.035
CIE-LUV	31.079, 12.818, -93.56
Hunter-Lab	25.856, 55.436, -88.343
Binary	01101000, 00001011, 10111001

#680bb9
```
#680bb9 rgb(104,11,185)
```
#5cb90b
```
#5cb90b rgb(92,185,11)
```

Complementary Color

#110bb9
```
#110bb9 rgb(17,11,185)
```
#680bb9
```
#680bb9 rgb(104,11,185)
```
#b90bb3
```
#b90bb3 rgb(185,11,179)
```

Analogous Color

#0bb911
```
#0bb911 rgb(11,185,17)
```
#680bb9
```
#680bb9 rgb(104,11,185)
```
#b3b90b
```
#b3b90b rgb(179,185,11)
```

Split Complementary Color

#0bb968
```
#0bb968 rgb(11,185,104)
```
#680bb9
```
#680bb9 rgb(104,11,185)
```
#b9680b
```
#b9680b rgb(185,104,11)
```

Triadic Color

#0b5cb9
```
#0b5cb9 rgb(11,92,185)
```
#680bb9
```
#680bb9 rgb(104,11,185)
```
#b9680b
```
#b9680b rgb(185,104,11)
```
#5cb90b
```
#5cb90b rgb(92,185,11)
```

Tetradic Color

#3f0771
```
#3f0771 rgb(63,7,113)
```
#4d0889
```
#4d0889 rgb(77,8,137)
```
#5a0aa1
```
#5a0aa1 rgb(90,10,161)
```
#680bb9
```
#680bb9 rgb(104,11,185)
```
#760cd1
```
#760cd1 rgb(118,12,209)
```
#830ee9
```
#830ee9 rgb(131,14,233)
```
#901ff2
```
#901ff2 rgb(144,31,242)
```

Monochromatic Color

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

#3c0bb9
```
#3c0bb9 rgb(60,11,185)
```
#4b0bb9
```
#4b0bb9 rgb(75,11,185)
```
#590bb9
```
#590bb9 rgb(89,11,185)
```
#680bb9
```
#680bb9 rgb(104,11,185)
```
#770bb9
```
#770bb9 rgb(119,11,185)
```
#850bb9
```
#850bb9 rgb(133,11,185)
```
#940bb9
```
#940bb9 rgb(148,11,185)
```

Similar Colors

Text with hexadecimal color #680bb9

This text has a font color of #680bb9.

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

#680bb9 background color

This paragraph has a background color of #680bb9.

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

#680bb9 border color

This element has a border color of #680bb9.

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

CSS codes

.text {color:#680bb9;}

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

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

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, #0a0112 is the darkest color, while #ffffff is the lightest one.

#0a0112
```
#0a0112 rgb(10,1,18)
```
#150225
```
#150225 rgb(21,2,37)
```
#1f0337
```
#1f0337 rgb(31,3,55)
```
#2a044a
```
#2a044a rgb(42,4,74)
```
#34055c
```
#34055c rgb(52,5,92)
```
#3e076f
```
#3e076f rgb(62,7,111)
```
#490881
```
#490881 rgb(73,8,129)
```
#530994
```
#530994 rgb(83,9,148)
```
#5e0aa6
```
#5e0aa6 rgb(94,10,166)
```
#680bb9
```
#680bb9 rgb(104,11,185)
```
#720ccc
```
#720ccc rgb(114,12,204)
```
#7d0dde
```
#7d0dde rgb(125,13,222)
```
#870ef1
```
#870ef1 rgb(135,14,241)
```

Shade Color Variation

#9021f2
```
#9021f2 rgb(144,33,242)
```
#9a33f3
```
#9a33f3 rgb(154,51,243)
```
#a346f4
```
#a346f4 rgb(163,70,244)
```
#ac58f5
```
#ac58f5 rgb(172,88,245)
```
#b56bf6
```
#b56bf6 rgb(181,107,246)
```
#be7df7
```
#be7df7 rgb(190,125,247)
```
#c890f8
```
#c890f8 rgb(200,144,248)
```
#d1a2f9
```
#d1a2f9 rgb(209,162,249)
```
#dab5fb
```
#dab5fb rgb(218,181,251)
```
#e3c7fc
```
#e3c7fc rgb(227,199,252)
```
#eddafd
```
#eddafd rgb(237,218,253)
```
#f6ecfe
```
#f6ecfe rgb(246,236,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#625e66
```
#625e66 rgb(98,94,102)
```
#63566e
```
#63566e rgb(99,86,110)
```
#634f75
```
#634f75 rgb(99,79,117)
```
#64477d
```
#64477d rgb(100,71,125)
```
#644084
```
#644084 rgb(100,64,132)
```
#65388c
```
#65388c rgb(101,56,140)
```
#653193
```
#653193 rgb(101,49,147)
```
#66299b
```
#66299b rgb(102,41,155)
```
#6622a2
```
#6622a2 rgb(102,34,162)
```
#671aaa
```
#671aaa rgb(103,26,170)
```
#6713b1
```
#6713b1 rgb(103,19,177)
```
#680bb9
```
#680bb9 rgb(104,11,185)
```
#6903c1
```
#6903c1 rgb(105,3,193)
```

Tone Color Variation

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

Dichromacy

#00509b Protanopia 1% of men
#005488 Deuteranopia 1% of men
#525257 Tritanopia 0.001% of the population

Trichromacy

#2537a6 Protanomaly 1% of men, 0.01% of women
#253999 Deuteranomaly 6% of men, 0.4% of women
#5a387b Tritanomaly 0.01% of the population

#680bb9 hex color

#680bb9 Color Information

#680bb9 Color Conversion

Color Schemes with #680bb9

Alternatives to #680bb9

#680bb9 Preview

Shades and Tints of #680bb9

Tones of #680bb9

Color Blindness Simulator