colorhexa.com

#681eb0 hex color

In a RGB color space, hex #681eb0 is composed of 40.8% red, 11.8% green and 69% blue. Whereas in a CMYK color space, it is composed of 40.9% cyan, 83% magenta, 0% yellow and 31% black. It has a hue angle of 270.4 degrees, a saturation of 70.9% and a lightness of 40.4%. #681eb0 color hex could be obtained by blending #d03cff with #000061. Closest websafe color is: #663399.

- R 41
- G 12
- B 69
RGB color chart
- C 41
- M 83
- Y 0
- K 31
CMYK color chart

● #681eb0 color description : Dark violet.

The hexadecimal color #681eb0 has RGB values of R:104, G:30, B:176 and CMYK values of C:0.41, M:0.83, Y:0, K:0.31. Its decimal value is 6823600.

Hex triplet	681eb0	`#681eb0`
RGB Decimal	104, 30, 176	`rgb(104,30,176)`
RGB Percent	40.8, 11.8, 69	`rgb(40.8%,11.8%,69%)`
CMYK	41, 83, 0, 31
HSL	270.4°, 70.9, 40.4	`hsl(270.4,70.9%,40.4%)`
HSV (or HSB)	270.4°, 83, 69
Web Safe	663399	`#663399`

CIE-LAB	31.821, 57.985, -62.774
XYZ	14.008, 7.006, 41.686
xyY	0.223, 0.112, 7.006
CIE-LCH	31.821, 85.457, 312.729
CIE-LUV	31.821, 13.095, -86.904
Hunter-Lab	26.469, 48.146, -74.846
Binary	01101000, 00011110, 10110000

#681eb0
```
#681eb0 rgb(104,30,176)
```
#66b01e
```
#66b01e rgb(102,176,30)
```

Complementary Color

#1f1eb0
```
#1f1eb0 rgb(31,30,176)
```
#681eb0
```
#681eb0 rgb(104,30,176)
```
#b01eaf
```
#b01eaf rgb(176,30,175)
```

Analogous Color

#1eb01f
```
#1eb01f rgb(30,176,31)
```
#681eb0
```
#681eb0 rgb(104,30,176)
```
#afb01e
```
#afb01e rgb(175,176,30)
```

Split Complementary Color

#1eb068
```
#1eb068 rgb(30,176,104)
```
#681eb0
```
#681eb0 rgb(104,30,176)
```
#b0681e
```
#b0681e rgb(176,104,30)
```

Triadic Color

#1e66b0
```
#1e66b0 rgb(30,102,176)
```
#681eb0
```
#681eb0 rgb(104,30,176)
```
#b0681e
```
#b0681e rgb(176,104,30)
```
#66b01e
```
#66b01e rgb(102,176,30)
```

Tetradic Color

#41136f
```
#41136f rgb(65,19,111)
```
#4e1784
```
#4e1784 rgb(78,23,132)
```
#5b1a9a
```
#5b1a9a rgb(91,26,154)
```
#681eb0
```
#681eb0 rgb(104,30,176)
```
#7522c6
```
#7522c6 rgb(117,34,198)
```
#8227da
```
#8227da rgb(130,39,218)
```
#8e3dde
```
#8e3dde rgb(142,61,222)
```

Monochromatic Color

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

#441eb0
```
#441eb0 rgb(68,30,176)
```
#501eb0
```
#501eb0 rgb(80,30,176)
```
#5c1eb0
```
#5c1eb0 rgb(92,30,176)
```
#681eb0
```
#681eb0 rgb(104,30,176)
```
#741eb0
```
#741eb0 rgb(116,30,176)
```
#801eb0
```
#801eb0 rgb(128,30,176)
```
#8d1eb0
```
#8d1eb0 rgb(141,30,176)
```

Similar Colors

Text with hexadecimal color #681eb0

This text has a font color of #681eb0.

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

#681eb0 background color

This paragraph has a background color of #681eb0.

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

#681eb0 border color

This element has a border color of #681eb0.

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

CSS codes

.text {color:#681eb0;}

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

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

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

#050108
```
#050108 rgb(5,1,8)
```
#0f0419
```
#0f0419 rgb(15,4,25)
```
#19072a
```
#19072a rgb(25,7,42)
```
#230a3b
```
#230a3b rgb(35,10,59)
```
#2d0d4b
```
#2d0d4b rgb(45,13,75)
```
#36105c
```
#36105c rgb(54,16,92)
```
#40136d
```
#40136d rgb(64,19,109)
```
#4a157e
```
#4a157e rgb(74,21,126)
```
#54188e
```
#54188e rgb(84,24,142)
```
#5e1b9f
```
#5e1b9f rgb(94,27,159)
```
#681eb0
```
#681eb0 rgb(104,30,176)
```
#7221c1
```
#7221c1 rgb(114,33,193)
```
#7c24d2
```
#7c24d2 rgb(124,36,210)
```

Shade Color Variation

#862edb
```
#862edb rgb(134,46,219)
```
#8f3ede
```
#8f3ede rgb(143,62,222)
```
#994fe1
```
#994fe1 rgb(153,79,225)
```
#a360e4
```
#a360e4 rgb(163,96,228)
```
#ac71e7
```
#ac71e7 rgb(172,113,231)
```
#b681ea
```
#b681ea rgb(182,129,234)
```
#c092ec
```
#c092ec rgb(192,146,236)
```
#caa3ef
```
#caa3ef rgb(202,163,239)
```
#d3b4f2
```
#d3b4f2 rgb(211,180,242)
```
#ddc4f5
```
#ddc4f5 rgb(221,196,245)
```
#e7d5f8
```
#e7d5f8 rgb(231,213,248)
```
#f0e6fb
```
#f0e6fb rgb(240,230,251)
```
#faf7fe
```
#faf7fe rgb(250,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676569 is the less saturated color, while #6806c8 is the most saturated one.

#676569
```
#676569 rgb(103,101,105)
```
#675d71
```
#675d71 rgb(103,93,113)
```
#675579
```
#675579 rgb(103,85,121)
```
#674e80
```
#674e80 rgb(103,78,128)
```
#674688
```
#674688 rgb(103,70,136)
```
#683e90
```
#683e90 rgb(104,62,144)
```
#683698
```
#683698 rgb(104,54,152)
```
#682ea0
```
#682ea0 rgb(104,46,160)
```
#6826a8
```
#6826a8 rgb(104,38,168)
```
#681eb0
```
#681eb0 rgb(104,30,176)
```
#6816b8
```
#6816b8 rgb(104,22,184)
```
#680ec0
```
#680ec0 rgb(104,14,192)
```
#6806c8
```
#6806c8 rgb(104,6,200)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#4c3d5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519f Protanopia 1% of men
#00568b Deuteranopia 1% of men
#575258 Tritanopia 0.001% of the population

Trichromacy

#253ea5 Protanomaly 1% of men, 0.01% of women
#254198 Deuteranomaly 6% of men, 0.4% of women
#5d3f78 Tritanomaly 0.01% of the population