#681cb0 hex color

In a RGB color space, hex #681cb0 is composed of 40.8% red, 11% green and 69% blue. Whereas in a CMYK color space, it is composed of 40.9% cyan, 84.1% magenta, 0% yellow and 31% black. It has a hue angle of 270.8 degrees, a saturation of 72.5% and a lightness of 40%. #681cb0 color hex could be obtained by blending #d038ff with #000061. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 41
- G 11
- B 69
RGB color chart
- C 41
- M 84
- Y 0
- K 31
CMYK color chart

● #681cb0 color description : Dark violet.

The hexadecimal color #681cb0 has RGB values of R:104, G:28, B:176 and CMYK values of C:0.41, M:0.84, Y:0, K:0.31. Its decimal value is 6823088.

Hex triplet	681cb0	`#681cb0`
RGB Decimal	104, 28, 176	`rgb(104,28,176)`
RGB Percent	40.8, 11, 69	`rgb(40.8%,11%,69%)`
CMYK	41, 84, 0, 31
HSL	270.8°, 72.5, 40	`hsl(270.8,72.5%,40%)`
HSV (or HSB)	270.8°, 84.1, 69
Web Safe	663399	`#663399`

CIE-LAB	31.597, 58.643, -63.142
XYZ	13.959, 6.908, 41.67
xyY	0.223, 0.11, 6.908
CIE-LCH	31.597, 86.173, 312.884
CIE-LUV	31.597, 13.28, -87.1
Hunter-Lab	26.284, 48.806, -75.6
Binary	01101000, 00011100, 10110000

#681cb0
```
#681cb0 rgb(104,28,176)
```
#64b01c
```
#64b01c rgb(100,176,28)
```

Complementary Color

#1e1cb0
```
#1e1cb0 rgb(30,28,176)
```
#681cb0
```
#681cb0 rgb(104,28,176)
```
#b01cae
```
#b01cae rgb(176,28,174)
```

Analogous Color

#1cb01e
```
#1cb01e rgb(28,176,30)
```
#681cb0
```
#681cb0 rgb(104,28,176)
```
#aeb01c
```
#aeb01c rgb(174,176,28)
```

Split Complementary Color

#1cb068
```
#1cb068 rgb(28,176,104)
```
#681cb0
```
#681cb0 rgb(104,28,176)
```
#b0681c
```
#b0681c rgb(176,104,28)
```

Triadic Color

#1c64b0
```
#1c64b0 rgb(28,100,176)
```
#681cb0
```
#681cb0 rgb(104,28,176)
```
#b0681c
```
#b0681c rgb(176,104,28)
```
#64b01c
```
#64b01c rgb(100,176,28)
```

Tetradic Color

#41126e
```
#41126e rgb(65,18,110)
```
#4e1584
```
#4e1584 rgb(78,21,132)
```
#5b199a
```
#5b199a rgb(91,25,154)
```
#681cb0
```
#681cb0 rgb(104,28,176)
```
#7520c6
```
#7520c6 rgb(117,32,198)
```
#8223dc
```
#8223dc rgb(130,35,220)
```
#8f39e0
```
#8f39e0 rgb(143,57,224)
```

Monochromatic Color

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

#431cb0
```
#431cb0 rgb(67,28,176)
```
#4f1cb0
```
#4f1cb0 rgb(79,28,176)
```
#5c1cb0
```
#5c1cb0 rgb(92,28,176)
```
#681cb0
```
#681cb0 rgb(104,28,176)
```
#741cb0
```
#741cb0 rgb(116,28,176)
```
#811cb0
```
#811cb0 rgb(129,28,176)
```
#8d1cb0
```
#8d1cb0 rgb(141,28,176)
```

Similar Colors

Text with hexadecimal color #681cb0

This text has a font color of #681cb0.

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

#681cb0 background color

This paragraph has a background color of #681cb0.

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

#681cb0 border color

This element has a border color of #681cb0.

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

CSS codes

.text {color:#681cb0;}

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

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

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 #f9f5fd is the lightest one.

#040107
```
#040107 rgb(4,1,7)
```
#0e0418
```
#0e0418 rgb(14,4,24)
```
#180629
```
#180629 rgb(24,6,41)
```
#22093a
```
#22093a rgb(34,9,58)
```
#2c0c4a
```
#2c0c4a rgb(44,12,74)
```
#360f5b
```
#360f5b rgb(54,15,91)
```
#40116c
```
#40116c rgb(64,17,108)
```
#4a147d
```
#4a147d rgb(74,20,125)
```
#54178e
```
#54178e rgb(84,23,142)
```
#5e199f
```
#5e199f rgb(94,25,159)
```
#681cb0
```
#681cb0 rgb(104,28,176)
```
#721fc1
```
#721fc1 rgb(114,31,193)
```
#7c21d2
```
#7c21d2 rgb(124,33,210)
```

Shade Color Variation

#862add
```
#862add rgb(134,42,221)
```
#8f3be0
```
#8f3be0 rgb(143,59,224)
```
#994ce2
```
#994ce2 rgb(153,76,226)
```
#a35de5
```
#a35de5 rgb(163,93,229)
```
#ac6de8
```
#ac6de8 rgb(172,109,232)
```
#b67eeb
```
#b67eeb rgb(182,126,235)
```
#c08fed
```
#c08fed rgb(192,143,237)
```
#c9a0f0
```
#c9a0f0 rgb(201,160,240)
```
#d3b1f3
```
#d3b1f3 rgb(211,177,243)
```
#dcc2f5
```
#dcc2f5 rgb(220,194,245)
```
#e6d3f8
```
#e6d3f8 rgb(230,211,248)
```
#f0e4fb
```
#f0e4fb rgb(240,228,251)
```
#f9f5fd
```
#f9f5fd rgb(249,245,253)
```

Tint Color Variation

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

#666369
```
#666369 rgb(102,99,105)
```
#665b71
```
#665b71 rgb(102,91,113)
```
#675379
```
#675379 rgb(103,83,121)
```
#674b81
```
#674b81 rgb(103,75,129)
```
#674389
```
#674389 rgb(103,67,137)
```
#673b91
```
#673b91 rgb(103,59,145)
```
#673498
```
#673498 rgb(103,52,152)
```
#682ca0
```
#682ca0 rgb(104,44,160)
```
#6824a8
```
#6824a8 rgb(104,36,168)
```
#681cb0
```
#681cb0 rgb(104,28,176)
```
#6814b8
```
#6814b8 rgb(104,20,184)
```
#680cc0
```
#680cc0 rgb(104,12,192)
```
#6904c8
```
#6904c8 rgb(105,4,200)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#4b3c5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519e Protanopia 1% of men
#00558a Deuteranopia 1% of men
#575258 Tritanopia 0.001% of the population

Trichromacy

#253da4 Protanomaly 1% of men, 0.01% of women
#254098 Deuteranomaly 6% of men, 0.4% of women
#5d3e78 Tritanomaly 0.01% of the population

#681cb0 hex color

#681cb0 Color Information

#681cb0 Color Conversion

Color Schemes with #681cb0

Alternatives to #681cb0

#681cb0 Preview

Shades and Tints of #681cb0

Tones of #681cb0

Color Blindness Simulator