#682db2 hex color

In a RGB color space, hex #682db2 is composed of 40.8% red, 17.6% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 41.6% cyan, 74.7% magenta, 0% yellow and 30.2% black. It has a hue angle of 266.6 degrees, a saturation of 59.6% and a lightness of 43.7%. #682db2 color hex could be obtained by blending #d05aff with #000065. Closest websafe color is: #663399.

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

● #682db2 color description : Dark violet.

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

Hex triplet	682db2	`#682db2`
RGB Decimal	104, 45, 178	`rgb(104,45,178)`
RGB Percent	40.8, 17.6, 69.8	`rgb(40.8%,17.6%,69.8%)`
CMYK	42, 75, 0, 30
HSL	266.6°, 59.6, 43.7	`hsl(266.6,59.6%,43.7%)`
HSV (or HSB)	266.6°, 74.7, 69.8
Web Safe	663399	`#663399`

CIE-LAB	34.054, 52.527, -60.314
XYZ	14.682, 8.034, 42.894
xyY	0.224, 0.122, 8.034
CIE-LCH	34.054, 79.981, 311.052
CIE-LUV	34.054, 10.942, -86.024
Hunter-Lab	28.345, 42.856, -69.883
Binary	01101000, 00101101, 10110010

#682db2
```
#682db2 rgb(104,45,178)
```
#77b22d
```
#77b22d rgb(119,178,45)
```

Complementary Color

#2d35b2
```
#2d35b2 rgb(45,53,178)
```
#682db2
```
#682db2 rgb(104,45,178)
```
#ab2db2
```
#ab2db2 rgb(171,45,178)
```

Analogous Color

#35b22d
```
#35b22d rgb(53,178,45)
```
#682db2
```
#682db2 rgb(104,45,178)
```
#b2ab2d
```
#b2ab2d rgb(178,171,45)
```

Split Complementary Color

#2db268
```
#2db268 rgb(45,178,104)
```
#682db2
```
#682db2 rgb(104,45,178)
```
#b2682d
```
#b2682d rgb(178,104,45)
```

Triadic Color

#2d77b2
```
#2d77b2 rgb(45,119,178)
```
#682db2
```
#682db2 rgb(104,45,178)
```
#b2682d
```
#b2682d rgb(178,104,45)
```
#77b22d
```
#77b22d rgb(119,178,45)
```

Tetradic Color

#441e75
```
#441e75 rgb(68,30,117)
```
#502389
```
#502389 rgb(80,35,137)
```
#5c289e
```
#5c289e rgb(92,40,158)
```
#682db2
```
#682db2 rgb(104,45,178)
```
#7432c6
```
#7432c6 rgb(116,50,198)
```
#8143cf
```
#8143cf rgb(129,67,207)
```
#8f57d5
```
#8f57d5 rgb(143,87,213)
```

Monochromatic Color

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

#472db2
```
#472db2 rgb(71,45,178)
```
#522db2
```
#522db2 rgb(82,45,178)
```
#5d2db2
```
#5d2db2 rgb(93,45,178)
```
#682db2
```
#682db2 rgb(104,45,178)
```
#732db2
```
#732db2 rgb(115,45,178)
```
#7e2db2
```
#7e2db2 rgb(126,45,178)
```
#892db2
```
#892db2 rgb(137,45,178)
```

Similar Colors

Text with hexadecimal color #682db2

This text has a font color of #682db2.

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

#682db2 background color

This paragraph has a background color of #682db2.

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

#682db2 border color

This element has a border color of #682db2.

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

CSS codes

.text {color:#682db2;}

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

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

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

#030106
```
#030106 rgb(3,1,6)
```
#0d0515
```
#0d0515 rgb(13,5,21)
```
#160925
```
#160925 rgb(22,9,37)
```
#1f0d35
```
#1f0d35 rgb(31,13,53)
```
#281144
```
#281144 rgb(40,17,68)
```
#311554
```
#311554 rgb(49,21,84)
```
#3a1964
```
#3a1964 rgb(58,25,100)
```
#431d73
```
#431d73 rgb(67,29,115)
```
#4d2183
```
#4d2183 rgb(77,33,131)
```
#562593
```
#562593 rgb(86,37,147)
```
#5f29a2
```
#5f29a2 rgb(95,41,162)
```
#682db2
```
#682db2 rgb(104,45,178)
```
#7131c2
```
#7131c2 rgb(113,49,194)
```

Shade Color Variation

#7b39cd
```
#7b39cd rgb(123,57,205)
```
#8549d1
```
#8549d1 rgb(133,73,209)
```
#9059d5
```
#9059d5 rgb(144,89,213)
```
#9a68d9
```
#9a68d9 rgb(154,104,217)
```
#a578dd
```
#a578dd rgb(165,120,221)
```
#af88e1
```
#af88e1 rgb(175,136,225)
```
#ba97e5
```
#ba97e5 rgb(186,151,229)
```
#c4a7e9
```
#c4a7e9 rgb(196,167,233)
```
#cfb6ed
```
#cfb6ed rgb(207,182,237)
```
#d9c6f1
```
#d9c6f1 rgb(217,198,241)
```
#e3d6f5
```
#e3d6f5 rgb(227,214,245)
```
#eee5f9
```
#eee5f9 rgb(238,229,249)
```
#f8f5fd
```
#f8f5fd rgb(248,245,253)
```

Tint Color Variation

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

#6f6976
```
#6f6976 rgb(111,105,118)
```
#6e607f
```
#6e607f rgb(110,96,127)
```
#6d5887
```
#6d5887 rgb(109,88,135)
```
#6c4f90
```
#6c4f90 rgb(108,79,144)
```
#6b4798
```
#6b4798 rgb(107,71,152)
```
#6a3ea1
```
#6a3ea1 rgb(106,62,161)
```
#6936a9
```
#6936a9 rgb(105,54,169)
```
#682db2
```
#682db2 rgb(104,45,178)
```
#6724bb
```
#6724bb rgb(103,36,187)
```
#661cc3
```
#661cc3 rgb(102,28,195)
```
#6513cc
```
#6513cc rgb(101,19,204)
```
#640bd4
```
#640bd4 rgb(100,11,212)
```
#6302dd
```
#6302dd rgb(99,2,221)
```

Tone Color Variation

Below, you can see how #682db2 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
#534762 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005b94 Deuteranopia 1% of men
#57595f Tritanopia 0.001% of the population

Trichromacy

#2547ac Protanomaly 1% of men, 0.01% of women
#254a9f Deuteranomaly 6% of men, 0.4% of women
#5d497d Tritanomaly 0.01% of the population

#682db2 hex color

#682db2 Color Information

#682db2 Color Conversion

Color Schemes with #682db2

Alternatives to #682db2

#682db2 Preview

Shades and Tints of #682db2

Tones of #682db2

Color Blindness Simulator