#681cc4 hex color

In a RGB color space, hex #681cc4 is composed of 40.8% red, 11% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 85.7% magenta, 0% yellow and 23.1% black. It has a hue angle of 267.1 degrees, a saturation of 75% and a lightness of 43.9%. #681cc4 color hex could be obtained by blending #d038ff with #000089. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 41
- G 11
- B 77
RGB color chart
- C 47
- M 86
- Y 0
- K 23
CMYK color chart

● #681cc4 color description : Strong violet.

The hexadecimal color #681cc4 has RGB values of R:104, G:28, B:196 and CMYK values of C:0.47, M:0.86, Y:0, K:0.23. Its decimal value is 6823108.

Hex triplet	681cc4	`#681cc4`
RGB Decimal	104, 28, 196	`rgb(104,28,196)`
RGB Percent	40.8, 11, 76.9	`rgb(40.8%,11%,76.9%)`
CMYK	47, 86, 0, 23
HSL	267.1°, 75, 43.9	`hsl(267.1,75%,43.9%)`
HSV (or HSB)	267.1°, 85.7, 76.9
Web Safe	6633cc	`#6633cc`

CIE-LAB	33.476, 63.315, -71.896
XYZ	16.086, 7.759, 52.872
xyY	0.21, 0.101, 7.759
CIE-LCH	33.476, 95.801, 311.368
CIE-LUV	33.476, 10.102, -99.413
Hunter-Lab	27.855, 54.338, -93.04
Binary	01101000, 00011100, 11000100

#681cc4
```
#681cc4 rgb(104,28,196)
```
#78c41c
```
#78c41c rgb(120,196,28)
```

Complementary Color

#1c24c4
```
#1c24c4 rgb(28,36,196)
```
#681cc4
```
#681cc4 rgb(104,28,196)
```
#bc1cc4
```
#bc1cc4 rgb(188,28,196)
```

Analogous Color

#24c41c
```
#24c41c rgb(36,196,28)
```
#681cc4
```
#681cc4 rgb(104,28,196)
```
#c4bc1c
```
#c4bc1c rgb(196,188,28)
```

Split Complementary Color

#1cc468
```
#1cc468 rgb(28,196,104)
```
#681cc4
```
#681cc4 rgb(104,28,196)
```
#c4681c
```
#c4681c rgb(196,104,28)
```

Triadic Color

#1c78c4
```
#1c78c4 rgb(28,120,196)
```
#681cc4
```
#681cc4 rgb(104,28,196)
```
#c4681c
```
#c4681c rgb(196,104,28)
```
#78c41c
```
#78c41c rgb(120,196,28)
```

Tetradic Color

#441281
```
#441281 rgb(68,18,129)
```
#501697
```
#501697 rgb(80,22,151)
```
#5c19ae
```
#5c19ae rgb(92,25,174)
```
#681cc4
```
#681cc4 rgb(104,28,196)
```
#741fda
```
#741fda rgb(116,31,218)
```
#8131e2
```
#8131e2 rgb(129,49,226)
```
#8f48e5
```
#8f48e5 rgb(143,72,229)
```

Monochromatic Color

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

#3e1cc4
```
#3e1cc4 rgb(62,28,196)
```
#4c1cc4
```
#4c1cc4 rgb(76,28,196)
```
#5a1cc4
```
#5a1cc4 rgb(90,28,196)
```
#681cc4
```
#681cc4 rgb(104,28,196)
```
#761cc4
```
#761cc4 rgb(118,28,196)
```
#841cc4
```
#841cc4 rgb(132,28,196)
```
#921cc4
```
#921cc4 rgb(146,28,196)
```

Similar Colors

Text with hexadecimal color #681cc4

This text has a font color of #681cc4.

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

#681cc4 background color

This paragraph has a background color of #681cc4.

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

#681cc4 border color

This element has a border color of #681cc4.

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

CSS codes

.text {color:#681cc4;}

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

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

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

#040107
```
#040107 rgb(4,1,7)
```
#0d0318
```
#0d0318 rgb(13,3,24)
```
#16062a
```
#16062a rgb(22,6,42)
```
#1f083b
```
#1f083b rgb(31,8,59)
```
#280b4c
```
#280b4c rgb(40,11,76)
```
#310d5d
```
#310d5d rgb(49,13,93)
```
#3a106e
```
#3a106e rgb(58,16,110)
```
#44127f
```
#44127f rgb(68,18,127)
```
#4d1591
```
#4d1591 rgb(77,21,145)
```
#5617a2
```
#5617a2 rgb(86,23,162)
```
#5f1ab3
```
#5f1ab3 rgb(95,26,179)
```
#681cc4
```
#681cc4 rgb(104,28,196)
```
#711ed5
```
#711ed5 rgb(113,30,213)
```

Shade Color Variation

#7b27e0
```
#7b27e0 rgb(123,39,224)
```
#8538e3
```
#8538e3 rgb(133,56,227)
```
#9049e5
```
#9049e5 rgb(144,73,229)
```
#9a5be8
```
#9a5be8 rgb(154,91,232)
```
#a56cea
```
#a56cea rgb(165,108,234)
```
#af7dec
```
#af7dec rgb(175,125,236)
```
#ba8eef
```
#ba8eef rgb(186,142,239)
```
#c49ff1
```
#c49ff1 rgb(196,159,241)
```
#cfb0f4
```
#cfb0f4 rgb(207,176,244)
```
#d9c2f6
```
#d9c2f6 rgb(217,194,246)
```
#e4d3f9
```
#e4d3f9 rgb(228,211,249)
```
#eee4fb
```
#eee4fb rgb(238,228,251)
```
#f9f5fe
```
#f9f5fe rgb(249,245,254)
```

Tint Color Variation

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

#6f6a76
```
#6f6a76 rgb(111,106,118)
```
#6f617f
```
#6f617f rgb(111,97,127)
```
#6e5888
```
#6e5888 rgb(110,88,136)
```
#6d5090
```
#6d5090 rgb(109,80,144)
```
#6c4799
```
#6c4799 rgb(108,71,153)
```
#6b3ea2
```
#6b3ea2 rgb(107,62,162)
```
#6a36aa
```
#6a36aa rgb(106,54,170)
```
#6a2db3
```
#6a2db3 rgb(106,45,179)
```
#6925bb
```
#6925bb rgb(105,37,187)
```
#681cc4
```
#681cc4 rgb(104,28,196)
```
#6713cd
```
#6713cd rgb(103,19,205)
```
#660bd5
```
#660bd5 rgb(102,11,213)
```
#6602de
```
#6602de rgb(102,2,222)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#4d3e5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a5 Protanopia 1% of men
#005a90 Deuteranopia 1% of men
#4e5960 Tritanopia 0.001% of the population

Trichromacy

#2540b0 Protanomaly 1% of men, 0.01% of women
#2543a3 Deuteranomaly 6% of men, 0.4% of women
#574384 Tritanomaly 0.01% of the population

#681cc4 hex color

#681cc4 Color Information

#681cc4 Color Conversion

Color Schemes with #681cc4

Alternatives to #681cc4

#681cc4 Preview

Shades and Tints of #681cc4

Tones of #681cc4

Color Blindness Simulator