#682ff2 hex color

In a RGB color space, hex #682ff2 is composed of 40.8% red, 18.4% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 80.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 257.5 degrees, a saturation of 88.2% and a lightness of 56.7%. #682ff2 color hex could be obtained by blending #d05eff 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

● #682ff2 color description : Bright violet.

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

Hex triplet	682ff2	`#682ff2`
RGB Decimal	104, 47, 242	`rgb(104,47,242)`
RGB Percent	40.8, 18.4, 94.9	`rgb(40.8%,18.4%,94.9%)`
CMYK	57, 81, 0, 5
HSL	257.5°, 88.2, 56.7	`hsl(257.5,88.2%,56.7%)`
HSV (or HSB)	257.5°, 80.6, 94.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	40.224, 68.1, -87.217
XYZ	22.75, 11.386, 84.999
xyY	0.191, 0.096, 11.386
CIE-LCH	40.224, 110.654, 307.983
CIE-LUV	40.224, 2.634, -125.429
Hunter-Lab	33.744, 61.292, -125.729
Binary	01101000, 00101111, 11110010

#682ff2
```
#682ff2 rgb(104,47,242)
```
#b9f22f
```
#b9f22f rgb(185,242,47)
```

Complementary Color

#2f58f2
```
#2f58f2 rgb(47,88,242)
```
#682ff2
```
#682ff2 rgb(104,47,242)
```
#ca2ff2
```
#ca2ff2 rgb(202,47,242)
```

Analogous Color

#58f22f
```
#58f22f rgb(88,242,47)
```
#682ff2
```
#682ff2 rgb(104,47,242)
```
#f2ca2f
```
#f2ca2f rgb(242,202,47)
```

Split Complementary Color

#2ff268
```
#2ff268 rgb(47,242,104)
```
#682ff2
```
#682ff2 rgb(104,47,242)
```
#f2682f
```
#f2682f rgb(242,104,47)
```

Triadic Color

#2fb9f2
```
#2fb9f2 rgb(47,185,242)
```
#682ff2
```
#682ff2 rgb(104,47,242)
```
#f2682f
```
#f2682f rgb(242,104,47)
```
#b9f22f
```
#b9f22f rgb(185,242,47)
```

Tetradic Color

#430dc8
```
#430dc8 rgb(67,13,200)
```
#4b0ee0
```
#4b0ee0 rgb(75,14,224)
```
#5717f1
```
#5717f1 rgb(87,23,241)
```
#682ff2
```
#682ff2 rgb(104,47,242)
```
#7947f4
```
#7947f4 rgb(121,71,244)
```
#8b5ff5
```
#8b5ff5 rgb(139,95,245)
```
#9c77f7
```
#9c77f7 rgb(156,119,247)
```

Monochromatic Color

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

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

Similar Colors

Text with hexadecimal color #682ff2

This text has a font color of #682ff2.

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

#682ff2 background color

This paragraph has a background color of #682ff2.

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

#682ff2 border color

This element has a border color of #682ff2.

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

CSS codes

.text {color:#682ff2;}

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

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

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, #05010e is the darkest color, while #fbfaff is the lightest one.

#05010e
```
#05010e rgb(5,1,14)
```
#0b0220
```
#0b0220 rgb(11,2,32)
```
#110332
```
#110332 rgb(17,3,50)
```
#170445
```
#170445 rgb(23,4,69)
```
#1d0557
```
#1d0557 rgb(29,5,87)
```
#24076a
```
#24076a rgb(36,7,106)
```
#2a087c
```
#2a087c rgb(42,8,124)
```
#30098f
```
#30098f rgb(48,9,143)
```
#360aa1
```
#360aa1 rgb(54,10,161)
```
#3c0bb4
```
#3c0bb4 rgb(60,11,180)
```
#430cc6
```
#430cc6 rgb(67,12,198)
```
#490ed9
```
#490ed9 rgb(73,14,217)
```
#4f0feb
```
#4f0feb rgb(79,15,235)
```

Shade Color Variation

#5b1df1
```
#5b1df1 rgb(91,29,241)
```
#682ff2
```
#682ff2 rgb(104,47,242)
```
#7541f3
```
#7541f3 rgb(117,65,243)
```
#8354f4
```
#8354f4 rgb(131,84,244)
```
#9066f5
```
#9066f5 rgb(144,102,245)
```
#9e79f7
```
#9e79f7 rgb(158,121,247)
```
#ab8bf8
```
#ab8bf8 rgb(171,139,248)
```
#b89ef9
```
#b89ef9 rgb(184,158,249)
```
#c6b0fa
```
#c6b0fa rgb(198,176,250)
```
#d3c3fb
```
#d3c3fb rgb(211,195,251)
```
#e1d5fc
```
#e1d5fc rgb(225,213,252)
```
#eee8fe
```
#eee8fe rgb(238,232,254)
```
#fbfaff
```
#fbfaff rgb(251,250,255)
```

Tint Color Variation

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

#8f8d95
```
#8f8d95 rgb(143,141,149)
```
#8b849d
```
#8b849d rgb(139,132,157)
```
#887ca6
```
#887ca6 rgb(136,124,166)
```
#8473ae
```
#8473ae rgb(132,115,174)
```
#816bb7
```
#816bb7 rgb(129,107,183)
```
#7d62bf
```
#7d62bf rgb(125,98,191)
```
#7a5ac8
```
#7a5ac8 rgb(122,90,200)
```
#7651d0
```
#7651d0 rgb(118,81,208)
```
#7349d9
```
#7349d9 rgb(115,73,217)
```
#6f40e1
```
#6f40e1 rgb(111,64,225)
```
#6c38ea
```
#6c38ea rgb(108,56,234)
```
#682ff2
```
#682ff2 rgb(104,47,242)
```
#6427fb
```
#6427fb rgb(100,39,251)
```

Tone Color Variation

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

#0064c2 Protanopia 1% of men
#0069a9 Deuteranopia 1% of men
#277078 Tritanopia 0.001% of the population

Trichromacy

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

#682ff2 hex color

#682ff2 Color Information

#682ff2 Color Conversion

Color Schemes with #682ff2

Alternatives to #682ff2

#682ff2 Preview

Shades and Tints of #682ff2

Tones of #682ff2

Color Blindness Simulator