#681dcc hex color

In a RGB color space, hex #681dcc is composed of 40.8% red, 11.4% green and 80% blue. Whereas in a CMYK color space, it is composed of 49% cyan, 85.8% magenta, 0% yellow and 20% black. It has a hue angle of 265.7 degrees, a saturation of 75.1% and a lightness of 45.7%. #681dcc color hex could be obtained by blending #d03aff with #000099. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 41
- G 11
- B 80
RGB color chart
- C 49
- M 86
- Y 0
- K 20
CMYK color chart

● #681dcc color description : Strong violet.

The hexadecimal color #681dcc has RGB values of R:104, G:29, B:204 and CMYK values of C:0.49, M:0.86, Y:0, K:0.2. Its decimal value is 6823372.

Hex triplet	681dcc	`#681dcc`
RGB Decimal	104, 29, 204	`rgb(104,29,204)`
RGB Percent	40.8, 11.4, 80	`rgb(40.8%,11.4%,80%)`
CMYK	49, 86, 0, 20
HSL	265.7°, 75.1, 45.7	`hsl(265.7,75.1%,45.7%)`
HSV (or HSB)	265.7°, 85.8, 80
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.358, 64.905, -75.12
XYZ	17.046, 8.181, 57.804
xyY	0.205, 0.099, 8.181
CIE-LCH	34.358, 99.276, 310.828
CIE-LUV	34.358, 8.875, -104.17
Hunter-Lab	28.603, 56.319, -99.799
Binary	01101000, 00011101, 11001100

#681dcc
```
#681dcc rgb(104,29,204)
```
#81cc1d
```
#81cc1d rgb(129,204,29)
```

Complementary Color

#1d2acc
```
#1d2acc rgb(29,42,204)
```
#681dcc
```
#681dcc rgb(104,29,204)
```
#c01dcc
```
#c01dcc rgb(192,29,204)
```

Analogous Color

#2acc1d
```
#2acc1d rgb(42,204,29)
```
#681dcc
```
#681dcc rgb(104,29,204)
```
#ccc01d
```
#ccc01d rgb(204,192,29)
```

Split Complementary Color

#1dcc68
```
#1dcc68 rgb(29,204,104)
```
#681dcc
```
#681dcc rgb(104,29,204)
```
#cc681d
```
#cc681d rgb(204,104,29)
```

Triadic Color

#1d81cc
```
#1d81cc rgb(29,129,204)
```
#681dcc
```
#681dcc rgb(104,29,204)
```
#cc681d
```
#cc681d rgb(204,104,29)
```
#81cc1d
```
#81cc1d rgb(129,204,29)
```

Tetradic Color

#461389
```
#461389 rgb(70,19,137)
```
#51179f
```
#51179f rgb(81,23,159)
```
#5d1ab6
```
#5d1ab6 rgb(93,26,182)
```
#681dcc
```
#681dcc rgb(104,29,204)
```
#7423e0
```
#7423e0 rgb(116,35,224)
```
#8239e3
```
#8239e3 rgb(130,57,227)
```
#904fe6
```
#904fe6 rgb(144,79,230)
```

Monochromatic Color

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

#3c1dcc
```
#3c1dcc rgb(60,29,204)
```
#4b1dcc
```
#4b1dcc rgb(75,29,204)
```
#591dcc
```
#591dcc rgb(89,29,204)
```
#681dcc
```
#681dcc rgb(104,29,204)
```
#771dcc
```
#771dcc rgb(119,29,204)
```
#851dcc
```
#851dcc rgb(133,29,204)
```
#941dcc
```
#941dcc rgb(148,29,204)
```

Similar Colors

Text with hexadecimal color #681dcc

This text has a font color of #681dcc.

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

#681dcc background color

This paragraph has a background color of #681dcc.

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

#681dcc border color

This element has a border color of #681dcc.

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

CSS codes

.text {color:#681dcc;}

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

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

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

#08020f
```
#08020f rgb(8,2,15)
```
#100520
```
#100520 rgb(16,5,32)
```
#190731
```
#190731 rgb(25,7,49)
```
#220943
```
#220943 rgb(34,9,67)
```
#2b0c54
```
#2b0c54 rgb(43,12,84)
```
#330e65
```
#330e65 rgb(51,14,101)
```
#3c1176
```
#3c1176 rgb(60,17,118)
```
#451387
```
#451387 rgb(69,19,135)
```
#4e1698
```
#4e1698 rgb(78,22,152)
```
#5618aa
```
#5618aa rgb(86,24,170)
```
#5f1bbb
```
#5f1bbb rgb(95,27,187)
```
#681dcc
```
#681dcc rgb(104,29,204)
```
#711fdd
```
#711fdd rgb(113,31,221)
```

Shade Color Variation

#7b2fe1
```
#7b2fe1 rgb(123,47,225)
```
#8640e4
```
#8640e4 rgb(134,64,228)
```
#9151e6
```
#9151e6 rgb(145,81,230)
```
#9c62e9
```
#9c62e9 rgb(156,98,233)
```
#a774eb
```
#a774eb rgb(167,116,235)
```
#b285ee
```
#b285ee rgb(178,133,238)
```
#bd96f0
```
#bd96f0 rgb(189,150,240)
```
#c7a7f2
```
#c7a7f2 rgb(199,167,242)
```
#d2b8f5
```
#d2b8f5 rgb(210,184,245)
```
#ddc9f7
```
#ddc9f7 rgb(221,201,247)
```
#e8dbfa
```
#e8dbfa rgb(232,219,250)
```
#f3ecfc
```
#f3ecfc rgb(243,236,252)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #746e7b is the less saturated color, while #6402e7 is the most saturated one.

#746e7b
```
#746e7b rgb(116,110,123)
```
#726584
```
#726584 rgb(114,101,132)
```
#715c8d
```
#715c8d rgb(113,92,141)
```
#705396
```
#705396 rgb(112,83,150)
```
#6e4a9f
```
#6e4a9f rgb(110,74,159)
```
#6d41a8
```
#6d41a8 rgb(109,65,168)
```
#6c38b1
```
#6c38b1 rgb(108,56,177)
```
#6b2fba
```
#6b2fba rgb(107,47,186)
```
#6926c3
```
#6926c3 rgb(105,38,195)
```
#681dcc
```
#681dcc rgb(104,29,204)
```
#6714d5
```
#6714d5 rgb(103,20,213)
```
#650bde
```
#650bde rgb(101,11,222)
```
#6402e7
```
#6402e7 rgb(100,2,231)
```

Tone Color Variation

Below, you can see how #681dcc 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
#4e3f62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a9 Protanopia 1% of men
#005c93 Deuteranopia 1% of men
#495c63 Tritanopia 0.001% of the population

Trichromacy

#2542b6 Protanomaly 1% of men, 0.01% of women
#2545a8 Deuteranomaly 6% of men, 0.4% of women
#544589 Tritanomaly 0.01% of the population

#681dcc hex color

#681dcc Color Information

#681dcc Color Conversion

Color Schemes with #681dcc

Alternatives to #681dcc

#681dcc Preview

Shades and Tints of #681dcc

Tones of #681dcc

Color Blindness Simulator