#682cb2 hex color

In a RGB color space, hex #682cb2 is composed of 40.8% red, 17.3% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 41.6% cyan, 75.3% magenta, 0% yellow and 30.2% black. It has a hue angle of 266.9 degrees, a saturation of 60.4% and a lightness of 43.5%. #682cb2 color hex could be obtained by blending #d058ff with #000065. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 41
- G 17
- B 70
RGB color chart
- C 42
- M 75
- Y 0
- K 30
CMYK color chart

● #682cb2 color description : Dark violet.

The hexadecimal color #682cb2 has RGB values of R:104, G:44, B:178 and CMYK values of C:0.42, M:0.75, Y:0, K:0.3. Its decimal value is 6827186.

Hex triplet	682cb2	`#682cb2`
RGB Decimal	104, 44, 178	`rgb(104,44,178)`
RGB Percent	40.8, 17.3, 69.8	`rgb(40.8%,17.3%,69.8%)`
CMYK	42, 75, 0, 30
HSL	266.9°, 60.4, 43.5	`hsl(266.9,60.4%,43.5%)`
HSV (or HSB)	266.9°, 75.3, 69.8
Web Safe	663399	`#663399`

CIE-LAB	33.897, 52.975, -60.571
XYZ	14.644, 7.959, 42.882
xyY	0.224, 0.122, 7.959
CIE-LCH	33.897, 80.468, 311.173
CIE-LUV	33.897, 11.089, -86.211
Hunter-Lab	28.211, 43.287, -70.374
Binary	01101000, 00101100, 10110010

#682cb2
```
#682cb2 rgb(104,44,178)
```
#76b22c
```
#76b22c rgb(118,178,44)
```

Complementary Color

#2c33b2
```
#2c33b2 rgb(44,51,178)
```
#682cb2
```
#682cb2 rgb(104,44,178)
```
#ab2cb2
```
#ab2cb2 rgb(171,44,178)
```

Analogous Color

#33b22c
```
#33b22c rgb(51,178,44)
```
#682cb2
```
#682cb2 rgb(104,44,178)
```
#b2ab2c
```
#b2ab2c rgb(178,171,44)
```

Split Complementary Color

#2cb268
```
#2cb268 rgb(44,178,104)
```
#682cb2
```
#682cb2 rgb(104,44,178)
```
#b2682c
```
#b2682c rgb(178,104,44)
```

Triadic Color

#2c76b2
```
#2c76b2 rgb(44,118,178)
```
#682cb2
```
#682cb2 rgb(104,44,178)
```
#b2682c
```
#b2682c rgb(178,104,44)
```
#76b22c
```
#76b22c rgb(118,178,44)
```

Tetradic Color

#441d75
```
#441d75 rgb(68,29,117)
```
#502289
```
#502289 rgb(80,34,137)
```
#5c279e
```
#5c279e rgb(92,39,158)
```
#682cb2
```
#682cb2 rgb(104,44,178)
```
#7431c6
```
#7431c6 rgb(116,49,198)
```
#8141d0
```
#8141d0 rgb(129,65,208)
```
#8f55d5
```
#8f55d5 rgb(143,85,213)
```

Monochromatic Color

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

#472cb2
```
#472cb2 rgb(71,44,178)
```
#522cb2
```
#522cb2 rgb(82,44,178)
```
#5d2cb2
```
#5d2cb2 rgb(93,44,178)
```
#682cb2
```
#682cb2 rgb(104,44,178)
```
#732cb2
```
#732cb2 rgb(115,44,178)
```
#7e2cb2
```
#7e2cb2 rgb(126,44,178)
```
#8a2cb2
```
#8a2cb2 rgb(138,44,178)
```

Similar Colors

Text with hexadecimal color #682cb2

This text has a font color of #682cb2.

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

#682cb2 background color

This paragraph has a background color of #682cb2.

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

#682cb2 border color

This element has a border color of #682cb2.

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

CSS codes

.text {color:#682cb2;}

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

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

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

#030105
```
#030105 rgb(3,1,5)
```
#0c0515
```
#0c0515 rgb(12,5,21)
```
#150924
```
#150924 rgb(21,9,36)
```
#1e0d34
```
#1e0d34 rgb(30,13,52)
```
#281144
```
#281144 rgb(40,17,68)
```
#311554
```
#311554 rgb(49,21,84)
```
#3a1963
```
#3a1963 rgb(58,25,99)
```
#431c73
```
#431c73 rgb(67,28,115)
```
#4c2083
```
#4c2083 rgb(76,32,131)
```
#562493
```
#562493 rgb(86,36,147)
```
#5f28a2
```
#5f28a2 rgb(95,40,162)
```
#682cb2
```
#682cb2 rgb(104,44,178)
```
#7130c2
```
#7130c2 rgb(113,48,194)
```

Shade Color Variation

#7b38ce
```
#7b38ce rgb(123,56,206)
```
#8547d2
```
#8547d2 rgb(133,71,210)
```
#9057d5
```
#9057d5 rgb(144,87,213)
```
#9a67d9
```
#9a67d9 rgb(154,103,217)
```
#a476dd
```
#a476dd rgb(164,118,221)
```
#af86e1
```
#af86e1 rgb(175,134,225)
```
#b996e5
```
#b996e5 rgb(185,150,229)
```
#c4a6e9
```
#c4a6e9 rgb(196,166,233)
```
#ceb5ed
```
#ceb5ed rgb(206,181,237)
```
#d9c5f1
```
#d9c5f1 rgb(217,197,241)
```
#e3d5f5
```
#e3d5f5 rgb(227,213,245)
```
#ede5f8
```
#ede5f8 rgb(237,229,248)
```
#f8f4fc
```
#f8f4fc rgb(248,244,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e6876 is the less saturated color, while #6401dd is the most saturated one.

#6e6876
```
#6e6876 rgb(110,104,118)
```
#6d5f7f
```
#6d5f7f rgb(109,95,127)
```
#6c5787
```
#6c5787 rgb(108,87,135)
```
#6c4e90
```
#6c4e90 rgb(108,78,144)
```
#6b4698
```
#6b4698 rgb(107,70,152)
```
#6a3da1
```
#6a3da1 rgb(106,61,161)
```
#6935a9
```
#6935a9 rgb(105,53,169)
```
#682cb2
```
#682cb2 rgb(104,44,178)
```
#6723bb
```
#6723bb rgb(103,35,187)
```
#661bc3
```
#661bc3 rgb(102,27,195)
```
#6512cc
```
#6512cc rgb(101,18,204)
```
#640ad4
```
#640ad4 rgb(100,10,212)
```
#6401dd
```
#6401dd rgb(100,1,221)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#524661 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005a93 Deuteranopia 1% of men
#57585e Tritanopia 0.001% of the population

Trichromacy

#2546ab Protanomaly 1% of men, 0.01% of women
#25499e Deuteranomaly 6% of men, 0.4% of women
#5d487d Tritanomaly 0.01% of the population

#682cb2 hex color

#682cb2 Color Information

#682cb2 Color Conversion

Color Schemes with #682cb2

Alternatives to #682cb2

#682cb2 Preview

Shades and Tints of #682cb2

Tones of #682cb2

Color Blindness Simulator