#682dff hex color

In a RGB color space, hex #682dff is composed of 40.8% red, 17.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 82.4% magenta, 0% yellow and 0% black. It has a hue angle of 256.9 degrees, a saturation of 100% and a lightness of 58.8%. #682dff color hex could be obtained by blending #d05aff with #0000ff. Closest websafe color is: #6633ff.

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

● #682dff color description : Vivid violet.

The hexadecimal color #682dff has RGB values of R:104, G:45, B:255 and CMYK values of C:0.59, M:0.82, Y:0, K:0. Its decimal value is 6827519.

Hex triplet	682dff	`#682dff`
RGB Decimal	104, 45, 255	`rgb(104,45,255)`
RGB Percent	40.8, 17.6, 100	`rgb(40.8%,17.6%,100%)`
CMYK	59, 82, 0, 0
HSL	256.9°, 100, 58.8	`hsl(256.9,100%,58.8%)`
HSV (or HSB)	256.9°, 82.4, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	41.278, 72.158, -92.773
XYZ	24.694, 12.039, 95.625
xyY	0.187, 0.091, 12.039
CIE-LCH	41.278, 117.532, 307.876
CIE-LUV	41.278, 1.535, -133.177
Hunter-Lab	34.697, 66.318, -139.113
Binary	01101000, 00101101, 11111111

#682dff
```
#682dff rgb(104,45,255)
```
#c4ff2d
```
#c4ff2d rgb(196,255,45)
```

Complementary Color

#2d5bff
```
#2d5bff rgb(45,91,255)
```
#682dff
```
#682dff rgb(104,45,255)
```
#d12dff
```
#d12dff rgb(209,45,255)
```

Analogous Color

#5bff2d
```
#5bff2d rgb(91,255,45)
```
#682dff
```
#682dff rgb(104,45,255)
```
#ffd12d
```
#ffd12d rgb(255,209,45)
```

Split Complementary Color

#2dff68
```
#2dff68 rgb(45,255,104)
```
#682dff
```
#682dff rgb(104,45,255)
```
#ff682d
```
#ff682d rgb(255,104,45)
```

Triadic Color

#2dc4ff
```
#2dc4ff rgb(45,196,255)
```
#682dff
```
#682dff rgb(104,45,255)
```
#ff682d
```
#ff682d rgb(255,104,45)
```
#c4ff2d
```
#c4ff2d rgb(196,255,45)
```

Tetradic Color

#3f00e0
```
#3f00e0 rgb(63,0,224)
```
#4600f9
```
#4600f9 rgb(70,0,249)
```
#5614ff
```
#5614ff rgb(86,20,255)
```
#682dff
```
#682dff rgb(104,45,255)
```
#7a47ff
```
#7a47ff rgb(122,71,255)
```
#8d60ff
```
#8d60ff rgb(141,96,255)
```
#9f7aff
```
#9f7aff rgb(159,122,255)
```

Monochromatic Color

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

#342dff
```
#342dff rgb(52,45,255)
```
#452dff
```
#452dff rgb(69,45,255)
```
#572dff
```
#572dff rgb(87,45,255)
```
#682dff
```
#682dff rgb(104,45,255)
```
#7a2dff
```
#7a2dff rgb(122,45,255)
```
#8b2dff
```
#8b2dff rgb(139,45,255)
```
#9d2dff
```
#9d2dff rgb(157,45,255)
```

Similar Colors

Text with hexadecimal color #682dff

This text has a font color of #682dff.

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

#682dff background color

This paragraph has a background color of #682dff.

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

#682dff border color

This element has a border color of #682dff.

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

CSS codes

.text {color:#682dff;}

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

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

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

#020006
```
#020006 rgb(2,0,6)
```
#070019
```
#070019 rgb(7,0,25)
```
#0d002d
```
#0d002d rgb(13,0,45)
```
#120041
```
#120041 rgb(18,0,65)
```
#180054
```
#180054 rgb(24,0,84)
```
#1d0068
```
#1d0068 rgb(29,0,104)
```
#23007b
```
#23007b rgb(35,0,123)
```
#28008f
```
#28008f rgb(40,0,143)
```
#2e00a3
```
#2e00a3 rgb(46,0,163)
```
#3300b6
```
#3300b6 rgb(51,0,182)
```
#3900ca
```
#3900ca rgb(57,0,202)
```
#3e00de
```
#3e00de rgb(62,0,222)
```
#4400f1
```
#4400f1 rgb(68,0,241)
```

Shade Color Variation

#4c06ff
```
#4c06ff rgb(76,6,255)
```
#5a19ff
```
#5a19ff rgb(90,25,255)
```
#682dff
```
#682dff rgb(104,45,255)
```
#7641ff
```
#7641ff rgb(118,65,255)
```
#8454ff
```
#8454ff rgb(132,84,255)
```
#9268ff
```
#9268ff rgb(146,104,255)
```
#a07bff
```
#a07bff rgb(160,123,255)
```
#af8fff
```
#af8fff rgb(175,143,255)
```
#bda3ff
```
#bda3ff rgb(189,163,255)
```
#cbb6ff
```
#cbb6ff rgb(203,182,255)
```
#d9caff
```
#d9caff rgb(217,202,255)
```
#e7deff
```
#e7deff rgb(231,222,255)
```
#f5f1ff
```
#f5f1ff rgb(245,241,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #928e9e is the less saturated color, while #682dff is the most saturated one.

#928e9e
```
#928e9e rgb(146,142,158)
```
#8f86a6
```
#8f86a6 rgb(143,134,166)
```
#8b7eae
```
#8b7eae rgb(139,126,174)
```
#8876b6
```
#8876b6 rgb(136,118,182)
```
#846ebe
```
#846ebe rgb(132,110,190)
```
#8166c6
```
#8166c6 rgb(129,102,198)
```
#7d5dcf
```
#7d5dcf rgb(125,93,207)
```
#7a55d7
```
#7a55d7 rgb(122,85,215)
```
#764ddf
```
#764ddf rgb(118,77,223)
```
#7345e7
```
#7345e7 rgb(115,69,231)
```
#6f3def
```
#6f3def rgb(111,61,239)
```
#6c35f7
```
#6c35f7 rgb(108,53,247)
```
#682dff
```
#682dff rgb(104,45,255)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#5a4f79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c7 Protanopia 1% of men
#006cac Deuteranopia 1% of men
#00737c Tritanopia 0.001% of the population

Trichromacy

#2551db Protanomaly 1% of men, 0.01% of women
#2555ca Deuteranomaly 6% of men, 0.4% of women
#255aab Tritanomaly 0.01% of the population

#682dff hex color

#682dff Color Information

#682dff Color Conversion

Color Schemes with #682dff

Alternatives to #682dff

#682dff Preview

Shades and Tints of #682dff

Tones of #682dff

Color Blindness Simulator