#681bb3 hex color

In a RGB color space, hex #681bb3 is composed of 40.8% red, 10.6% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 41.9% cyan, 84.9% magenta, 0% yellow and 29.8% black. It has a hue angle of 270.4 degrees, a saturation of 73.8% and a lightness of 40.4%. #681bb3 color hex could be obtained by blending #d036ff with #000067. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 41
- G 11
- B 70
RGB color chart
- C 42
- M 85
- Y 0
- K 30
CMYK color chart

● #681bb3 color description : Strong violet.

The hexadecimal color #681bb3 has RGB values of R:104, G:27, B:179 and CMYK values of C:0.42, M:0.85, Y:0, K:0.3. Its decimal value is 6822835.

Hex triplet	681bb3	`#681bb3`
RGB Decimal	104, 27, 179	`rgb(104,27,179)`
RGB Percent	40.8, 10.6, 70.2	`rgb(40.8%,10.6%,70.2%)`
CMYK	42, 85, 0, 30
HSL	270.4°, 73.8, 40.4	`hsl(270.4,73.8%,40.4%)`
HSV (or HSB)	270.4°, 84.9, 70.2
Web Safe	6633cc	`#6633cc`

CIE-LAB	31.765, 59.651, -64.657
XYZ	14.236, 6.982, 43.243
xyY	0.221, 0.108, 6.982
CIE-LCH	31.765, 87.97, 312.694
CIE-LUV	31.765, 12.859, -89.061
Hunter-Lab	26.423, 49.933, -78.536
Binary	01101000, 00011011, 10110011

#681bb3
```
#681bb3 rgb(104,27,179)
```
#66b31b
```
#66b31b rgb(102,179,27)
```

Complementary Color

#1c1bb3
```
#1c1bb3 rgb(28,27,179)
```
#681bb3
```
#681bb3 rgb(104,27,179)
```
#b31bb2
```
#b31bb2 rgb(179,27,178)
```

Analogous Color

#1bb31c
```
#1bb31c rgb(27,179,28)
```
#681bb3
```
#681bb3 rgb(104,27,179)
```
#b2b31b
```
#b2b31b rgb(178,179,27)
```

Split Complementary Color

#1bb368
```
#1bb368 rgb(27,179,104)
```
#681bb3
```
#681bb3 rgb(104,27,179)
```
#b3681b
```
#b3681b rgb(179,104,27)
```

Triadic Color

#1b66b3
```
#1b66b3 rgb(27,102,179)
```
#681bb3
```
#681bb3 rgb(104,27,179)
```
#b3681b
```
#b3681b rgb(179,104,27)
```
#66b31b
```
#66b31b rgb(102,179,27)
```

Tetradic Color

#411171
```
#411171 rgb(65,17,113)
```
#4e1487
```
#4e1487 rgb(78,20,135)
```
#5b189d
```
#5b189d rgb(91,24,157)
```
#681bb3
```
#681bb3 rgb(104,27,179)
```
#751ec9
```
#751ec9 rgb(117,30,201)
```
#8223de
```
#8223de rgb(130,35,222)
```
#8e39e1
```
#8e39e1 rgb(142,57,225)
```

Monochromatic Color

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

#421bb3
```
#421bb3 rgb(66,27,179)
```
#4f1bb3
```
#4f1bb3 rgb(79,27,179)
```
#5b1bb3
```
#5b1bb3 rgb(91,27,179)
```
#681bb3
```
#681bb3 rgb(104,27,179)
```
#751bb3
```
#751bb3 rgb(117,27,179)
```
#811bb3
```
#811bb3 rgb(129,27,179)
```
#8e1bb3
```
#8e1bb3 rgb(142,27,179)
```

Similar Colors

Text with hexadecimal color #681bb3

This text has a font color of #681bb3.

<span style="color:#681bb3;">Text here</span>

#681bb3 background color

This paragraph has a background color of #681bb3.

<p style="background-color:#681bb3;">Content here</p>

#681bb3 border color

This element has a border color of #681bb3.

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

CSS codes

.text {color:#681bb3;}

.background {background-color:#681bb3;}

.border {border:1px solid #681bb3;}

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

#050109
```
#050109 rgb(5,1,9)
```
#0f041a
```
#0f041a rgb(15,4,26)
```
#19062b
```
#19062b rgb(25,6,43)
```
#23093c
```
#23093c rgb(35,9,60)
```
#2d0c4d
```
#2d0c4d rgb(45,12,77)
```
#360e5e
```
#360e5e rgb(54,14,94)
```
#40116f
```
#40116f rgb(64,17,111)
```
#4a1380
```
#4a1380 rgb(74,19,128)
```
#541691
```
#541691 rgb(84,22,145)
```
#5e18a2
```
#5e18a2 rgb(94,24,162)
```
#681bb3
```
#681bb3 rgb(104,27,179)
```
#721ec4
```
#721ec4 rgb(114,30,196)
```
#7c20d5
```
#7c20d5 rgb(124,32,213)
```

Shade Color Variation

#862adf
```
#862adf rgb(134,42,223)
```
#8f3be1
```
#8f3be1 rgb(143,59,225)
```
#994ce4
```
#994ce4 rgb(153,76,228)
```
#a35de7
```
#a35de7 rgb(163,93,231)
```
#ac6ee9
```
#ac6ee9 rgb(172,110,233)
```
#b67fec
```
#b67fec rgb(182,127,236)
```
#c090ee
```
#c090ee rgb(192,144,238)
```
#caa1f1
```
#caa1f1 rgb(202,161,241)
```
#d3b2f3
```
#d3b2f3 rgb(211,178,243)
```
#ddc3f6
```
#ddc3f6 rgb(221,195,246)
```
#e7d4f9
```
#e7d4f9 rgb(231,212,249)
```
#f0e5fb
```
#f0e5fb rgb(240,229,251)
```
#faf7fe
```
#faf7fe rgb(250,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #67626c is the less saturated color, while #6803cb is the most saturated one.

#67626c
```
#67626c rgb(103,98,108)
```
#675a74
```
#675a74 rgb(103,90,116)
```
#67527c
```
#67527c rgb(103,82,124)
```
#674b83
```
#674b83 rgb(103,75,131)
```
#67438b
```
#67438b rgb(103,67,139)
```
#683b93
```
#683b93 rgb(104,59,147)
```
#68339b
```
#68339b rgb(104,51,155)
```
#682ba3
```
#682ba3 rgb(104,43,163)
```
#6823ab
```
#6823ab rgb(104,35,171)
```
#681bb3
```
#681bb3 rgb(104,27,179)
```
#6813bb
```
#6813bb rgb(104,19,187)
```
#680bc3
```
#680bc3 rgb(104,11,195)
```
#6803cb
```
#6803cb rgb(104,3,203)
```

Tone Color Variation

Below, you can see how #681bb3 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

#434343 Achromatopsia 0.005% of the population
#4a3b59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519e Protanopia 1% of men
#00568b Deuteranopia 1% of men
#555358 Tritanopia 0.001% of the population

Trichromacy

#253da6 Protanomaly 1% of men, 0.01% of women
#254099 Deuteranomaly 6% of men, 0.4% of women
#5c3e79 Tritanomaly 0.01% of the population

#681bb3 hex color

#681bb3 Color Information

#681bb3 Color Conversion

Color Schemes with #681bb3

Alternatives to #681bb3

#681bb3 Preview

Shades and Tints of #681bb3

Tones of #681bb3

Color Blindness Simulator