#681cd0 hex color

In a RGB color space, hex #681cd0 is composed of 40.8% red, 11% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 86.5% magenta, 0% yellow and 18.4% black. It has a hue angle of 265.3 degrees, a saturation of 76.3% and a lightness of 46.3%. #681cd0 color hex could be obtained by blending #d038ff with #0000a1. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 41
- G 11
- B 82
RGB color chart
- C 50
- M 87
- Y 0
- K 18
CMYK color chart

● #681cd0 color description : Strong violet.

The hexadecimal color #681cd0 has RGB values of R:104, G:28, B:208 and CMYK values of C:0.5, M:0.87, Y:0, K:0.18. Its decimal value is 6823120.

Hex triplet	681cd0	`#681cd0`
RGB Decimal	104, 28, 208	`rgb(104,28,208)`
RGB Percent	40.8, 11, 81.6	`rgb(40.8%,11%,81.6%)`
CMYK	50, 87, 0, 18
HSL	265.3°, 76.3, 46.3	`hsl(265.3,76.3%,46.3%)`
HSV (or HSB)	265.3°, 86.5, 81.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.656, 66.144, -76.955
XYZ	17.507, 8.327, 60.356
xyY	0.203, 0.097, 8.327
CIE-LCH	34.656, 101.475, 310.68
CIE-LUV	34.656, 8.399, -106.617
Hunter-Lab	28.857, 57.793, -103.807
Binary	01101000, 00011100, 11010000

#681cd0
```
#681cd0 rgb(104,28,208)
```
#84d01c
```
#84d01c rgb(132,208,28)
```

Complementary Color

#1c2ad0
```
#1c2ad0 rgb(28,42,208)
```
#681cd0
```
#681cd0 rgb(104,28,208)
```
#c21cd0
```
#c21cd0 rgb(194,28,208)
```

Analogous Color

#2ad01c
```
#2ad01c rgb(42,208,28)
```
#681cd0
```
#681cd0 rgb(104,28,208)
```
#d0c21c
```
#d0c21c rgb(208,194,28)
```

Split Complementary Color

#1cd068
```
#1cd068 rgb(28,208,104)
```
#681cd0
```
#681cd0 rgb(104,28,208)
```
#d0681c
```
#d0681c rgb(208,104,28)
```

Triadic Color

#1c84d0
```
#1c84d0 rgb(28,132,208)
```
#681cd0
```
#681cd0 rgb(104,28,208)
```
#d0681c
```
#d0681c rgb(208,104,28)
```
#84d01c
```
#84d01c rgb(132,208,28)
```

Tetradic Color

#46138d
```
#46138d rgb(70,19,141)
```
#5216a3
```
#5216a3 rgb(82,22,163)
```
#5d19ba
```
#5d19ba rgb(93,25,186)
```
#681cd0
```
#681cd0 rgb(104,28,208)
```
#7424e2
```
#7424e2 rgb(116,36,226)
```
#823ae5
```
#823ae5 rgb(130,58,229)
```
#9151e8
```
#9151e8 rgb(145,81,232)
```

Monochromatic Color

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

#3b1cd0
```
#3b1cd0 rgb(59,28,208)
```
#4a1cd0
```
#4a1cd0 rgb(74,28,208)
```
#591cd0
```
#591cd0 rgb(89,28,208)
```
#681cd0
```
#681cd0 rgb(104,28,208)
```
#771cd0
```
#771cd0 rgb(119,28,208)
```
#861cd0
```
#861cd0 rgb(134,28,208)
```
#951cd0
```
#951cd0 rgb(149,28,208)
```

Similar Colors

Text with hexadecimal color #681cd0

This text has a font color of #681cd0.

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

#681cd0 background color

This paragraph has a background color of #681cd0.

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

#681cd0 border color

This element has a border color of #681cd0.

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

CSS codes

.text {color:#681cd0;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#090212
```
#090212 rgb(9,2,18)
```
#120523
```
#120523 rgb(18,5,35)
```
#1a0734
```
#1a0734 rgb(26,7,52)
```
#230946
```
#230946 rgb(35,9,70)
```
#2b0c57
```
#2b0c57 rgb(43,12,87)
```
#340e68
```
#340e68 rgb(52,14,104)
```
#3d107a
```
#3d107a rgb(61,16,122)
```
#45138b
```
#45138b rgb(69,19,139)
```
#4e159c
```
#4e159c rgb(78,21,156)
```
#5717ad
```
#5717ad rgb(87,23,173)
```
#5f1abf
```
#5f1abf rgb(95,26,191)
```
#681cd0
```
#681cd0 rgb(104,28,208)
```

Shade Color Variation

#711fe1
```
#711fe1 rgb(113,31,225)
```
#7c30e3
```
#7c30e3 rgb(124,48,227)
```
#8741e5
```
#8741e5 rgb(135,65,229)
```
#9253e8
```
#9253e8 rgb(146,83,232)
```
#9d64ea
```
#9d64ea rgb(157,100,234)
```
#a875ec
```
#a875ec rgb(168,117,236)
```
#b387ef
```
#b387ef rgb(179,135,239)
```
#be98f1
```
#be98f1 rgb(190,152,241)
```
#c8a9f3
```
#c8a9f3 rgb(200,169,243)
```
#d3baf6
```
#d3baf6 rgb(211,186,246)
```
#deccf8
```
#deccf8 rgb(222,204,248)
```
#e9ddfa
```
#e9ddfa rgb(233,221,250)
```
#f4eefd
```
#f4eefd rgb(244,238,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #756e7e is the less saturated color, while #6401eb is the most saturated one.

#756e7e
```
#756e7e rgb(117,110,126)
```
#736587
```
#736587 rgb(115,101,135)
```
#725c90
```
#725c90 rgb(114,92,144)
```
#70529a
```
#70529a rgb(112,82,154)
```
#6f49a3
```
#6f49a3 rgb(111,73,163)
```
#6e40ac
```
#6e40ac rgb(110,64,172)
```
#6c37b5
```
#6c37b5 rgb(108,55,181)
```
#6b2ebe
```
#6b2ebe rgb(107,46,190)
```
#6925c7
```
#6925c7 rgb(105,37,199)
```
#681cd0
```
#681cd0 rgb(104,28,208)
```
#6713d9
```
#6713d9 rgb(103,19,217)
```
#650ae2
```
#650ae2 rgb(101,10,226)
```
#6401eb
```
#6401eb rgb(100,1,235)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#4e3e62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058aa Protanopia 1% of men
#005c94 Deuteranopia 1% of men
#475e65 Tritanopia 0.001% of the population

Trichromacy

#2542b8 Protanomaly 1% of men, 0.01% of women
#2545aa Deuteranomaly 6% of men, 0.4% of women
#53468b Tritanomaly 0.01% of the population

#681cd0 hex color

#681cd0 Color Information

#681cd0 Color Conversion

Color Schemes with #681cd0

Alternatives to #681cd0

#681cd0 Preview

Shades and Tints of #681cd0

Tones of #681cd0

Color Blindness Simulator