#682cbc hex color

In a RGB color space, hex #682cbc is composed of 40.8% red, 17.3% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 44.7% cyan, 76.6% magenta, 0% yellow and 26.3% black. It has a hue angle of 265 degrees, a saturation of 62.1% and a lightness of 45.5%. #682cbc color hex could be obtained by blending #d058ff with #000079. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 41
- G 17
- B 74
RGB color chart
- C 45
- M 77
- Y 0
- K 26
CMYK color chart

● #682cbc color description : Strong violet.

The hexadecimal color #682cbc has RGB values of R:104, G:44, B:188 and CMYK values of C:0.45, M:0.77, Y:0, K:0.26. Its decimal value is 6827196.

Hex triplet	682cbc	`#682cbc`
RGB Decimal	104, 44, 188	`rgb(104,44,188)`
RGB Percent	40.8, 17.3, 73.7	`rgb(40.8%,17.3%,73.7%)`
CMYK	45, 77, 0, 26
HSL	265°, 62.1, 45.5	`hsl(265,62.1%,45.5%)`
HSV (or HSB)	265°, 76.6, 73.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.752, 55.494, -65.095
XYZ	15.685, 8.375, 48.364
xyY	0.217, 0.116, 8.375
CIE-LCH	34.752, 85.539, 310.448
CIE-LUV	34.752, 9.588, -92.685
Hunter-Lab	28.94, 46.1, -78.827
Binary	01101000, 00101100, 10111100

#682cbc
```
#682cbc rgb(104,44,188)
```
#80bc2c
```
#80bc2c rgb(128,188,44)
```

Complementary Color

#2c38bc
```
#2c38bc rgb(44,56,188)
```
#682cbc
```
#682cbc rgb(104,44,188)
```
#b02cbc
```
#b02cbc rgb(176,44,188)
```

Analogous Color

#38bc2c
```
#38bc2c rgb(56,188,44)
```
#682cbc
```
#682cbc rgb(104,44,188)
```
#bcb02c
```
#bcb02c rgb(188,176,44)
```

Split Complementary Color

#2cbc68
```
#2cbc68 rgb(44,188,104)
```
#682cbc
```
#682cbc rgb(104,44,188)
```
#bc682c
```
#bc682c rgb(188,104,44)
```

Triadic Color

#2c80bc
```
#2c80bc rgb(44,128,188)
```
#682cbc
```
#682cbc rgb(104,44,188)
```
#bc682c
```
#bc682c rgb(188,104,44)
```
#80bc2c
```
#80bc2c rgb(128,188,44)
```

Tetradic Color

#461d7e
```
#461d7e rgb(70,29,126)
```
#512293
```
#512293 rgb(81,34,147)
```
#5d27a7
```
#5d27a7 rgb(93,39,167)
```
#682cbc
```
#682cbc rgb(104,44,188)
```
#7432cf
```
#7432cf rgb(116,50,207)
```
#8247d4
```
#8247d4 rgb(130,71,212)
```
#905cd9
```
#905cd9 rgb(144,92,217)
```

Monochromatic Color

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

#442cbc
```
#442cbc rgb(68,44,188)
```
#502cbc
```
#502cbc rgb(80,44,188)
```
#5c2cbc
```
#5c2cbc rgb(92,44,188)
```
#682cbc
```
#682cbc rgb(104,44,188)
```
#742cbc
```
#742cbc rgb(116,44,188)
```
#802cbc
```
#802cbc rgb(128,44,188)
```
#8c2cbc
```
#8c2cbc rgb(140,44,188)
```

Similar Colors

Text with hexadecimal color #682cbc

This text has a font color of #682cbc.

<span style="color:#682cbc;">Text here</span>

#682cbc background color

This paragraph has a background color of #682cbc.

<p style="background-color:#682cbc;">Content here</p>

#682cbc border color

This element has a border color of #682cbc.

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

CSS codes

.text {color:#682cbc;}

.background {background-color:#682cbc;}

.border {border:1px solid #682cbc;}

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, #07030d is the darkest color, while #fdfcfe is the lightest one.

#07030d
```
#07030d rgb(7,3,13)
```
#10071d
```
#10071d rgb(16,7,29)
```
#190b2d
```
#190b2d rgb(25,11,45)
```
#220e3d
```
#220e3d rgb(34,14,61)
```
#2a124d
```
#2a124d rgb(42,18,77)
```
#33165d
```
#33165d rgb(51,22,93)
```
#3c196d
```
#3c196d rgb(60,25,109)
```
#451d7c
```
#451d7c rgb(69,29,124)
```
#4e218c
```
#4e218c rgb(78,33,140)
```
#56259c
```
#56259c rgb(86,37,156)
```
#5f28ac
```
#5f28ac rgb(95,40,172)
```
#682cbc
```
#682cbc rgb(104,44,188)
```
#7130cc
```
#7130cc rgb(113,48,204)
```

Shade Color Variation

#7b3ed2
```
#7b3ed2 rgb(123,62,210)
```
#864dd5
```
#864dd5 rgb(134,77,213)
```
#915dd9
```
#915dd9 rgb(145,93,217)
```
#9c6ddd
```
#9c6ddd rgb(156,109,221)
```
#a77de1
```
#a77de1 rgb(167,125,225)
```
#b18de4
```
#b18de4 rgb(177,141,228)
```
#bc9de8
```
#bc9de8 rgb(188,157,232)
```
#c7adec
```
#c7adec rgb(199,173,236)
```
#d2bdef
```
#d2bdef rgb(210,189,239)
```
#ddcdf3
```
#ddcdf3 rgb(221,205,243)
```
#e7dcf7
```
#e7dcf7 rgb(231,220,247)
```
#f2ecfb
```
#f2ecfb rgb(242,236,251)
```
#fdfcfe
```
#fdfcfe rgb(253,252,254)
```

Tint Color Variation

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

#747375
```
#747375 rgb(116,115,117)
```
#726a7e
```
#726a7e rgb(114,106,126)
```
#716286
```
#716286 rgb(113,98,134)
```
#6f598f
```
#6f598f rgb(111,89,143)
```
#6e5098
```
#6e5098 rgb(110,80,152)
```
#6c47a1
```
#6c47a1 rgb(108,71,161)
```
#6b3eaa
```
#6b3eaa rgb(107,62,170)
```
#6935b3
```
#6935b3 rgb(105,53,179)
```
#682cbc
```
#682cbc rgb(104,44,188)
```
#6723c5
```
#6723c5 rgb(103,35,197)
```
#651ace
```
#651ace rgb(101,26,206)
```
#6411d7
```
#6411d7 rgb(100,17,215)
```
#6208e0
```
#6208e0 rgb(98,8,224)
```

Tone Color Variation

Below, you can see how #682cbc 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

#4e4e4e Achromatopsia 0.005% of the population
#534764 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ab Protanopia 1% of men
#005c96 Deuteranopia 1% of men
#535b62 Tritanopia 0.001% of the population

Trichromacy

#2548b1 Protanomaly 1% of men, 0.01% of women
#254ba4 Deuteranomaly 6% of men, 0.4% of women
#5a4a83 Tritanomaly 0.01% of the population

#682cbc hex color

#682cbc Color Information

#682cbc Color Conversion

Color Schemes with #682cbc

Alternatives to #682cbc

#682cbc Preview

Shades and Tints of #682cbc

Tones of #682cbc

Color Blindness Simulator