#682ed1 hex color

In a RGB color space, hex #682ed1 is composed of 40.8% red, 18% green and 82% blue. Whereas in a CMYK color space, it is composed of 50.2% cyan, 78% magenta, 0% yellow and 18% black. It has a hue angle of 261.3 degrees, a saturation of 63.9% and a lightness of 50%. #682ed1 color hex could be obtained by blending #d05cff with #0000a3. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 41
- G 18
- B 82
RGB color chart
- C 50
- M 78
- Y 0
- K 18
CMYK color chart

● #682ed1 color description : Strong violet.

The hexadecimal color #682ed1 has RGB values of R:104, G:46, B:209 and CMYK values of C:0.5, M:0.78, Y:0, K:0.18. Its decimal value is 6827729.

Hex triplet	682ed1	`#682ed1`
RGB Decimal	104, 46, 209	`rgb(104,46,209)`
RGB Percent	40.8, 18, 82	`rgb(40.8%,18%,82%)`
CMYK	50, 78, 0, 18
HSL	261.3°, 63.9, 50	`hsl(261.3,63.9%,50%)`
HSV (or HSB)	261.3°, 78, 82
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.93, 60.005, -73.79
XYZ	18.193, 9.5, 61.193
xyY	0.205, 0.107, 9.5
CIE-LCH	36.93, 95.108, 309.118
CIE-LUV	36.93, 6.496, -105.612
Hunter-Lab	30.822, 51.418, -96.136
Binary	01101000, 00101110, 11010001

#682ed1
```
#682ed1 rgb(104,46,209)
```
#97d12e
```
#97d12e rgb(151,209,46)
```

Complementary Color

#2e45d1
```
#2e45d1 rgb(46,69,209)
```
#682ed1
```
#682ed1 rgb(104,46,209)
```
#ba2ed1
```
#ba2ed1 rgb(186,46,209)
```

Analogous Color

#45d12e
```
#45d12e rgb(69,209,46)
```
#682ed1
```
#682ed1 rgb(104,46,209)
```
#d1ba2e
```
#d1ba2e rgb(209,186,46)
```

Split Complementary Color

#2ed168
```
#2ed168 rgb(46,209,104)
```
#682ed1
```
#682ed1 rgb(104,46,209)
```
#d1682e
```
#d1682e rgb(209,104,46)
```

Triadic Color

#2e97d1
```
#2e97d1 rgb(46,151,209)
```
#682ed1
```
#682ed1 rgb(104,46,209)
```
#d1682e
```
#d1682e rgb(209,104,46)
```
#97d12e
```
#97d12e rgb(151,209,46)
```

Tetradic Color

#492092
```
#492092 rgb(73,32,146)
```
#5325a7
```
#5325a7 rgb(83,37,167)
```
#5e29bc
```
#5e29bc rgb(94,41,188)
```
#682ed1
```
#682ed1 rgb(104,46,209)
```
#7743d6
```
#7743d6 rgb(119,67,214)
```
#8658da
```
#8658da rgb(134,88,218)
```
#956ddf
```
#956ddf rgb(149,109,223)
```

Monochromatic Color

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

#3f2ed1
```
#3f2ed1 rgb(63,46,209)
```
#4d2ed1
```
#4d2ed1 rgb(77,46,209)
```
#5a2ed1
```
#5a2ed1 rgb(90,46,209)
```
#682ed1
```
#682ed1 rgb(104,46,209)
```
#762ed1
```
#762ed1 rgb(118,46,209)
```
#832ed1
```
#832ed1 rgb(131,46,209)
```
#912ed1
```
#912ed1 rgb(145,46,209)
```

Similar Colors

Text with hexadecimal color #682ed1

This text has a font color of #682ed1.

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

#682ed1 background color

This paragraph has a background color of #682ed1.

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

#682ed1 border color

This element has a border color of #682ed1.

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

CSS codes

.text {color:#682ed1;}

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

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

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

#080410
```
#080410 rgb(8,4,16)
```
#100720
```
#100720 rgb(16,7,32)
```
#180b30
```
#180b30 rgb(24,11,48)
```
#200e40
```
#200e40 rgb(32,14,64)
```
#281250
```
#281250 rgb(40,18,80)
```
#301560
```
#301560 rgb(48,21,96)
```
#381971
```
#381971 rgb(56,25,113)
```
#401c81
```
#401c81 rgb(64,28,129)
```
#482091
```
#482091 rgb(72,32,145)
```
#5023a1
```
#5023a1 rgb(80,35,161)
```
#5827b1
```
#5827b1 rgb(88,39,177)
```
#602ac1
```
#602ac1 rgb(96,42,193)
```
#682ed1
```
#682ed1 rgb(104,46,209)
```

Shade Color Variation

#743ed5
```
#743ed5 rgb(116,62,213)
```
#7f4ed8
```
#7f4ed8 rgb(127,78,216)
```
#8b5edc
```
#8b5edc rgb(139,94,220)
```
#966edf
```
#966edf rgb(150,110,223)
```
#a27ee3
```
#a27ee3 rgb(162,126,227)
```
#ae8ee6
```
#ae8ee6 rgb(174,142,230)
```
#b99fea
```
#b99fea rgb(185,159,234)
```
#c5afed
```
#c5afed rgb(197,175,237)
```
#d1bff1
```
#d1bff1 rgb(209,191,241)
```
#dccff4
```
#dccff4 rgb(220,207,244)
```
#e8dff8
```
#e8dff8 rgb(232,223,248)
```
#f3effb
```
#f3effb rgb(243,239,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f7c83 is the less saturated color, while #5d07f8 is the most saturated one.

#7f7c83
```
#7f7c83 rgb(127,124,131)
```
#7c738c
```
#7c738c rgb(124,115,140)
```
#796996
```
#796996 rgb(121,105,150)
```
#765fa0
```
#765fa0 rgb(118,95,160)
```
#7355aa
```
#7355aa rgb(115,85,170)
```
#704bb4
```
#704bb4 rgb(112,75,180)
```
#6e42bd
```
#6e42bd rgb(110,66,189)
```
#6b38c7
```
#6b38c7 rgb(107,56,199)
```
#682ed1
```
#682ed1 rgb(104,46,209)
```
#6524db
```
#6524db rgb(101,36,219)
```
#621ae5
```
#621ae5 rgb(98,26,229)
```
#6011ee
```
#6011ee rgb(96,17,238)
```
#5d07f8
```
#5d07f8 rgb(93,7,248)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#564b6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb4 Protanopia 1% of men
#00629d Deuteranopia 1% of men
#48646b Tritanopia 0.001% of the population

Trichromacy

#254bbe Protanomaly 1% of men, 0.01% of women
#254fb0 Deuteranomaly 6% of men, 0.4% of women
#535090 Tritanomaly 0.01% of the population

#682ed1 hex color

#682ed1 Color Information

#682ed1 Color Conversion

Color Schemes with #682ed1

Alternatives to #682ed1

#682ed1 Preview

Shades and Tints of #682ed1

Tones of #682ed1

Color Blindness Simulator