#681be1 hex color

In a RGB color space, hex #681be1 is composed of 40.8% red, 10.6% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 88% magenta, 0% yellow and 11.8% black. It has a hue angle of 263.3 degrees, a saturation of 78.6% and a lightness of 49.4%. #681be1 color hex could be obtained by blending #d036ff with #0000c3. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 41
- G 11
- B 88
RGB color chart
- C 54
- M 88
- Y 0
- K 12
CMYK color chart

● #681be1 color description : Vivid violet.

The hexadecimal color #681be1 has RGB values of R:104, G:27, B:225 and CMYK values of C:0.54, M:0.88, Y:0, K:0.12. Its decimal value is 6822881.

Hex triplet	681be1	`#681be1`
RGB Decimal	104, 27, 225	`rgb(104,27,225)`
RGB Percent	40.8, 10.6, 88.2	`rgb(40.8%,10.6%,88.2%)`
CMYK	54, 88, 0, 12
HSL	263.3°, 78.6, 49.4	`hsl(263.3,78.6%,49.4%)`
HSV (or HSB)	263.3°, 88, 88.2
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.296, 70.433, -84.046
XYZ	19.689, 9.163, 71.961
xyY	0.195, 0.091, 9.163
CIE-LCH	36.296, 109.656, 309.964
CIE-LUV	36.296, 6.273, -116.668
Hunter-Lab	30.27, 63.132, -119.761
Binary	01101000, 00011011, 11100001

#681be1
```
#681be1 rgb(104,27,225)
```
#94e11b
```
#94e11b rgb(148,225,27)
```

Complementary Color

#1b31e1
```
#1b31e1 rgb(27,49,225)
```
#681be1
```
#681be1 rgb(104,27,225)
```
#cb1be1
```
#cb1be1 rgb(203,27,225)
```

Analogous Color

#31e11b
```
#31e11b rgb(49,225,27)
```
#681be1
```
#681be1 rgb(104,27,225)
```
#e1cb1b
```
#e1cb1b rgb(225,203,27)
```

Split Complementary Color

#1be168
```
#1be168 rgb(27,225,104)
```
#681be1
```
#681be1 rgb(104,27,225)
```
#e1681b
```
#e1681b rgb(225,104,27)
```

Triadic Color

#1b94e1
```
#1b94e1 rgb(27,148,225)
```
#681be1
```
#681be1 rgb(104,27,225)
```
#e1681b
```
#e1681b rgb(225,104,27)
```
#94e11b
```
#94e11b rgb(148,225,27)
```

Tetradic Color

#48139d
```
#48139d rgb(72,19,157)
```
#5316b3
```
#5316b3 rgb(83,22,179)
```
#5d18ca
```
#5d18ca rgb(93,24,202)
```
#681be1
```
#681be1 rgb(104,27,225)
```
#762fe6
```
#762fe6 rgb(118,47,230)
```
#8546e9
```
#8546e9 rgb(133,70,233)
```
#945dec
```
#945dec rgb(148,93,236)
```

Monochromatic Color

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

#371be1
```
#371be1 rgb(55,27,225)
```
#471be1
```
#471be1 rgb(71,27,225)
```
#581be1
```
#581be1 rgb(88,27,225)
```
#681be1
```
#681be1 rgb(104,27,225)
```
#791be1
```
#791be1 rgb(121,27,225)
```
#891be1
```
#891be1 rgb(137,27,225)
```
#9a1be1
```
#9a1be1 rgb(154,27,225)
```

Similar Colors

Text with hexadecimal color #681be1

This text has a font color of #681be1.

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

#681be1 background color

This paragraph has a background color of #681be1.

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

#681be1 border color

This element has a border color of #681be1.

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

CSS codes

.text {color:#681be1;}

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

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

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, #07020f is the darkest color, while #fdfcff is the lightest one.

#07020f
```
#07020f rgb(7,2,15)
```
#0f0420
```
#0f0420 rgb(15,4,32)
```
#170632
```
#170632 rgb(23,6,50)
```
#1f0843
```
#1f0843 rgb(31,8,67)
```
#270a55
```
#270a55 rgb(39,10,85)
```
#2f0c66
```
#2f0c66 rgb(47,12,102)
```
#370e78
```
#370e78 rgb(55,14,120)
```
#401089
```
#401089 rgb(64,16,137)
```
#48139b
```
#48139b rgb(72,19,155)
```
#5015ac
```
#5015ac rgb(80,21,172)
```
#5817be
```
#5817be rgb(88,23,190)
```
#6019cf
```
#6019cf rgb(96,25,207)
```
#681be1
```
#681be1 rgb(104,27,225)
```

Shade Color Variation

#732ae5
```
#732ae5 rgb(115,42,229)
```
#7f3ce8
```
#7f3ce8 rgb(127,60,232)
```
#8a4dea
```
#8a4dea rgb(138,77,234)
```
#965fec
```
#965fec rgb(150,95,236)
```
#a170ee
```
#a170ee rgb(161,112,238)
```
#ad82f0
```
#ad82f0 rgb(173,130,240)
```
#b893f2
```
#b893f2 rgb(184,147,242)
```
#c4a5f4
```
#c4a5f4 rgb(196,165,244)
```
#cfb6f6
```
#cfb6f6 rgb(207,182,246)
```
#dbc8f8
```
#dbc8f8 rgb(219,200,248)
```
#e6d9fa
```
#e6d9fa rgb(230,217,250)
```
#f2ebfd
```
#f2ebfd rgb(242,235,253)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e7c80 is the less saturated color, while #6408f4 is the most saturated one.

#7e7c80
```
#7e7c80 rgb(126,124,128)
```
#7b728a
```
#7b728a rgb(123,114,138)
```
#796993
```
#796993 rgb(121,105,147)
```
#775f9d
```
#775f9d rgb(119,95,157)
```
#7555a7
```
#7555a7 rgb(117,85,167)
```
#734bb1
```
#734bb1 rgb(115,75,177)
```
#7142ba
```
#7142ba rgb(113,66,186)
```
#6e38c4
```
#6e38c4 rgb(110,56,196)
```
#6c2ece
```
#6c2ece rgb(108,46,206)
```
#6a25d7
```
#6a25d7 rgb(106,37,215)
```
#681be1
```
#681be1 rgb(104,27,225)
```
#6611eb
```
#6611eb rgb(102,17,235)
```
#6408f4
```
#6408f4 rgb(100,8,244)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#4f4067 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb1 Protanopia 1% of men
#00609a Deuteranopia 1% of men
#39646b Tritanopia 0.001% of the population

Trichromacy

#2544c2 Protanomaly 1% of men, 0.01% of women
#2547b4 Deuteranomaly 6% of men, 0.4% of women
#4a4996 Tritanomaly 0.01% of the population

#681be1 hex color

#681be1 Color Information

#681be1 Color Conversion

Color Schemes with #681be1

Alternatives to #681be1

#681be1 Preview

Shades and Tints of #681be1

Tones of #681be1

Color Blindness Simulator