#682bf2 hex color

In a RGB color space, hex #682bf2 is composed of 40.8% red, 16.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 82.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 258.4 degrees, a saturation of 88.4% and a lightness of 55.9%. #682bf2 color hex could be obtained by blending #d056ff with #0000e5. Closest websafe color is: #6633ff.

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

● #682bf2 color description : Bright violet.

The hexadecimal color #682bf2 has RGB values of R:104, G:43, B:242 and CMYK values of C:0.57, M:0.82, Y:0, K:0.05. Its decimal value is 6826994.

Hex triplet	682bf2	`#682bf2`
RGB Decimal	104, 43, 242	`rgb(104,43,242)`
RGB Percent	40.8, 16.9, 94.9	`rgb(40.8%,16.9%,94.9%)`
CMYK	57, 82, 0, 5
HSL	258.4°, 88.4, 55.9	`hsl(258.4,88.4%,55.9%)`
HSV (or HSB)	258.4°, 82.2, 94.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.717, 69.589, -88.054
XYZ	22.597, 11.081, 84.948
xyY	0.19, 0.093, 11.081
CIE-LCH	39.717, 112.232, 308.319
CIE-LUV	39.717, 3.043, -125.747
Hunter-Lab	33.288, 62.916, -128
Binary	01101000, 00101011, 11110010

#682bf2
```
#682bf2 rgb(104,43,242)
```
#b5f22b
```
#b5f22b rgb(181,242,43)
```

Complementary Color

#2b52f2
```
#2b52f2 rgb(43,82,242)
```
#682bf2
```
#682bf2 rgb(104,43,242)
```
#cc2bf2
```
#cc2bf2 rgb(204,43,242)
```

Analogous Color

#52f22b
```
#52f22b rgb(82,242,43)
```
#682bf2
```
#682bf2 rgb(104,43,242)
```
#f2cc2b
```
#f2cc2b rgb(242,204,43)
```

Split Complementary Color

#2bf268
```
#2bf268 rgb(43,242,104)
```
#682bf2
```
#682bf2 rgb(104,43,242)
```
#f2682b
```
#f2682b rgb(242,104,43)
```

Triadic Color

#2bb5f2
```
#2bb5f2 rgb(43,181,242)
```
#682bf2
```
#682bf2 rgb(104,43,242)
```
#f2682b
```
#f2682b rgb(242,104,43)
```
#b5f22b
```
#b5f22b rgb(181,242,43)
```

Tetradic Color

#450cc4
```
#450cc4 rgb(69,12,196)
```
#4d0edc
```
#4d0edc rgb(77,14,220)
```
#5713f1
```
#5713f1 rgb(87,19,241)
```
#682bf2
```
#682bf2 rgb(104,43,242)
```
#7943f3
```
#7943f3 rgb(121,67,243)
```
#8a5bf5
```
#8a5bf5 rgb(138,91,245)
```
#9b73f6
```
#9b73f6 rgb(155,115,246)
```

Monochromatic Color

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

#362bf2
```
#362bf2 rgb(54,43,242)
```
#472bf2
```
#472bf2 rgb(71,43,242)
```
#572bf2
```
#572bf2 rgb(87,43,242)
```
#682bf2
```
#682bf2 rgb(104,43,242)
```
#792bf2
```
#792bf2 rgb(121,43,242)
```
#892bf2
```
#892bf2 rgb(137,43,242)
```
#9a2bf2
```
#9a2bf2 rgb(154,43,242)
```

Similar Colors

Text with hexadecimal color #682bf2

This text has a font color of #682bf2.

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

#682bf2 background color

This paragraph has a background color of #682bf2.

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

#682bf2 border color

This element has a border color of #682bf2.

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

CSS codes

.text {color:#682bf2;}

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

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

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, #03010a is the darkest color, while #f9f6fe is the lightest one.

#03010a
```
#03010a rgb(3,1,10)
```
#0a021c
```
#0a021c rgb(10,2,28)
```
#10032f
```
#10032f rgb(16,3,47)
```
#170441
```
#170441 rgb(23,4,65)
```
#1d0554
```
#1d0554 rgb(29,5,84)
```
#240666
```
#240666 rgb(36,6,102)
```
#2a0779
```
#2a0779 rgb(42,7,121)
```
#31098b
```
#31098b rgb(49,9,139)
```
#370a9e
```
#370a9e rgb(55,10,158)
```
#3d0bb0
```
#3d0bb0 rgb(61,11,176)
```
#440cc3
```
#440cc3 rgb(68,12,195)
```
#4a0dd5
```
#4a0dd5 rgb(74,13,213)
```
#510ee8
```
#510ee8 rgb(81,14,232)
```

Shade Color Variation

#5b19f1
```
#5b19f1 rgb(91,25,241)
```
#682bf2
```
#682bf2 rgb(104,43,242)
```
#753df3
```
#753df3 rgb(117,61,243)
```
#8250f4
```
#8250f4 rgb(130,80,244)
```
#8f62f5
```
#8f62f5 rgb(143,98,245)
```
#9d75f7
```
#9d75f7 rgb(157,117,247)
```
#aa87f8
```
#aa87f8 rgb(170,135,248)
```
#b79af9
```
#b79af9 rgb(183,154,249)
```
#c4acfa
```
#c4acfa rgb(196,172,250)
```
#d1bffb
```
#d1bffb rgb(209,191,251)
```
#ded1fc
```
#ded1fc rgb(222,209,252)
```
#ece4fd
```
#ece4fd rgb(236,228,253)
```
#f9f6fe
```
#f9f6fe rgb(249,246,254)
```

Tint Color Variation

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

#8d8a93
```
#8d8a93 rgb(141,138,147)
```
#89829b
```
#89829b rgb(137,130,155)
```
#8679a4
```
#8679a4 rgb(134,121,164)
```
#8370ad
```
#8370ad rgb(131,112,173)
```
#7f68b5
```
#7f68b5 rgb(127,104,181)
```
#7c5fbe
```
#7c5fbe rgb(124,95,190)
```
#7956c7
```
#7956c7 rgb(121,86,199)
```
#754ecf
```
#754ecf rgb(117,78,207)
```
#7245d8
```
#7245d8 rgb(114,69,216)
```
#6f3ce1
```
#6f3ce1 rgb(111,60,225)
```
#6b34e9
```
#6b34e9 rgb(107,52,233)
```
#682bf2
```
#682bf2 rgb(104,43,242)
```
#6522fb
```
#6522fb rgb(101,34,251)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#584c74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c0 Protanopia 1% of men
#0068a7 Deuteranopia 1% of men
#266e77 Tritanopia 0.001% of the population

Trichromacy

#254ed2 Protanomaly 1% of men, 0.01% of women
#2552c2 Deuteranomaly 6% of men, 0.4% of women
#3e56a3 Tritanomaly 0.01% of the population

#682bf2 hex color

#682bf2 Color Information

#682bf2 Color Conversion

Color Schemes with #682bf2

Alternatives to #682bf2

#682bf2 Preview

Shades and Tints of #682bf2

Tones of #682bf2

Color Blindness Simulator