#682ef2 hex color

In a RGB color space, hex #682ef2 is composed of 40.8% red, 18% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 81% magenta, 0% yellow and 5.1% black. It has a hue angle of 257.8 degrees, a saturation of 88.3% and a lightness of 56.5%. #682ef2 color hex could be obtained by blending #d05cff with #0000e5. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 41
- G 18
- B 95
RGB color chart
- C 57
- M 81
- Y 0
- K 5
CMYK color chart

● #682ef2 color description : Bright violet.

The hexadecimal color #682ef2 has RGB values of R:104, G:46, B:242 and CMYK values of C:0.57, M:0.81, Y:0, K:0.05. Its decimal value is 6827762.

Hex triplet	682ef2	`#682ef2`
RGB Decimal	104, 46, 242	`rgb(104,46,242)`
RGB Percent	40.8, 18, 94.9	`rgb(40.8%,18%,94.9%)`
CMYK	57, 81, 0, 5
HSL	257.8°, 88.3, 56.5	`hsl(257.8,88.3%,56.5%)`
HSV (or HSB)	257.8°, 81, 94.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	40.093, 68.482, -87.432
XYZ	22.71, 11.307, 84.985
xyY	0.191, 0.095, 11.307
CIE-LCH	40.093, 111.059, 308.07
CIE-LUV	40.093, 2.74, -125.515
Hunter-Lab	33.626, 61.707, -126.308
Binary	01101000, 00101110, 11110010

#682ef2
```
#682ef2 rgb(104,46,242)
```
#b8f22e
```
#b8f22e rgb(184,242,46)
```

Complementary Color

#2e56f2
```
#2e56f2 rgb(46,86,242)
```
#682ef2
```
#682ef2 rgb(104,46,242)
```
#ca2ef2
```
#ca2ef2 rgb(202,46,242)
```

Analogous Color

#56f22e
```
#56f22e rgb(86,242,46)
```
#682ef2
```
#682ef2 rgb(104,46,242)
```
#f2ca2e
```
#f2ca2e rgb(242,202,46)
```

Split Complementary Color

#2ef268
```
#2ef268 rgb(46,242,104)
```
#682ef2
```
#682ef2 rgb(104,46,242)
```
#f2682e
```
#f2682e rgb(242,104,46)
```

Triadic Color

#2eb8f2
```
#2eb8f2 rgb(46,184,242)
```
#682ef2
```
#682ef2 rgb(104,46,242)
```
#f2682e
```
#f2682e rgb(242,104,46)
```
#b8f22e
```
#b8f22e rgb(184,242,46)
```

Tetradic Color

#440cc7
```
#440cc7 rgb(68,12,199)
```
#4c0edf
```
#4c0edf rgb(76,14,223)
```
#5716f1
```
#5716f1 rgb(87,22,241)
```
#682ef2
```
#682ef2 rgb(104,46,242)
```
#7946f3
```
#7946f3 rgb(121,70,243)
```
#8b5ef5
```
#8b5ef5 rgb(139,94,245)
```
#9c76f6
```
#9c76f6 rgb(156,118,246)
```

Monochromatic Color

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

#372ef2
```
#372ef2 rgb(55,46,242)
```
#472ef2
```
#472ef2 rgb(71,46,242)
```
#582ef2
```
#582ef2 rgb(88,46,242)
```
#682ef2
```
#682ef2 rgb(104,46,242)
```
#782ef2
```
#782ef2 rgb(120,46,242)
```
#892ef2
```
#892ef2 rgb(137,46,242)
```
#992ef2
```
#992ef2 rgb(153,46,242)
```

Similar Colors

Text with hexadecimal color #682ef2

This text has a font color of #682ef2.

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

#682ef2 background color

This paragraph has a background color of #682ef2.

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

#682ef2 border color

This element has a border color of #682ef2.

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

CSS codes

.text {color:#682ef2;}

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

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

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

#04010d
```
#04010d rgb(4,1,13)
```
#0b021f
```
#0b021f rgb(11,2,31)
```
#110332
```
#110332 rgb(17,3,50)
```
#170444
```
#170444 rgb(23,4,68)
```
#1d0556
```
#1d0556 rgb(29,5,86)
```
#240769
```
#240769 rgb(36,7,105)
```
#2a087b
```
#2a087b rgb(42,8,123)
```
#30098e
```
#30098e rgb(48,9,142)
```
#360aa0
```
#360aa0 rgb(54,10,160)
```
#3d0bb3
```
#3d0bb3 rgb(61,11,179)
```
#430cc5
```
#430cc5 rgb(67,12,197)
```
#490dd8
```
#490dd8 rgb(73,13,216)
```
#500fea
```
#500fea rgb(80,15,234)
```

Shade Color Variation

#5b1cf1
```
#5b1cf1 rgb(91,28,241)
```
#682ef2
```
#682ef2 rgb(104,46,242)
```
#7540f3
```
#7540f3 rgb(117,64,243)
```
#8353f4
```
#8353f4 rgb(131,83,244)
```
#9065f5
```
#9065f5 rgb(144,101,245)
```
#9d78f7
```
#9d78f7 rgb(157,120,247)
```
#ab8af8
```
#ab8af8 rgb(171,138,248)
```
#b89df9
```
#b89df9 rgb(184,157,249)
```
#c5affa
```
#c5affa rgb(197,175,250)
```
#d3c2fb
```
#d3c2fb rgb(211,194,251)
```
#e0d4fc
```
#e0d4fc rgb(224,212,252)
```
#ede7fd
```
#ede7fd rgb(237,231,253)
```
#fbf9ff
```
#fbf9ff rgb(251,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e8c94 is the less saturated color, while #6525fb is the most saturated one.

#8e8c94
```
#8e8c94 rgb(142,140,148)
```
#8b839d
```
#8b839d rgb(139,131,157)
```
#877ba5
```
#877ba5 rgb(135,123,165)
```
#8472ae
```
#8472ae rgb(132,114,174)
```
#806ab6
```
#806ab6 rgb(128,106,182)
```
#7d61bf
```
#7d61bf rgb(125,97,191)
```
#7959c7
```
#7959c7 rgb(121,89,199)
```
#7650d0
```
#7650d0 rgb(118,80,208)
```
#7248d8
```
#7248d8 rgb(114,72,216)
```
#6f3fe1
```
#6f3fe1 rgb(111,63,225)
```
#6b37e9
```
#6b37e9 rgb(107,55,233)
```
#682ef2
```
#682ef2 rgb(104,46,242)
```
#6525fb
```
#6525fb rgb(101,37,251)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#5a4e75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c2 Protanopia 1% of men
#0069a8 Deuteranopia 1% of men
#276f78 Tritanopia 0.001% of the population

Trichromacy

#2550d3 Protanomaly 1% of men, 0.01% of women
#2553c3 Deuteranomaly 6% of men, 0.4% of women
#3e57a4 Tritanomaly 0.01% of the population

#682ef2 hex color

#682ef2 Color Information

#682ef2 Color Conversion

Color Schemes with #682ef2

Alternatives to #682ef2

#682ef2 Preview

Shades and Tints of #682ef2

Tones of #682ef2

Color Blindness Simulator