#682aff hex color

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

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

● #682aff color description : Vivid violet.

The hexadecimal color #682aff has RGB values of R:104, G:42, B:255 and CMYK values of C:0.59, M:0.84, Y:0, K:0. Its decimal value is 6826751.

Hex triplet	682aff	`#682aff`
RGB Decimal	104, 42, 255	`rgb(104,42,255)`
RGB Percent	40.8, 16.5, 100	`rgb(40.8%,16.5%,100%)`
CMYK	59, 84, 0, 0
HSL	257.5°, 100, 58.2	`hsl(257.5,100%,58.2%)`
HSV (or HSB)	257.5°, 83.5, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	40.926, 73.201, -93.356
XYZ	24.584, 11.818, 95.588
xyY	0.186, 0.09, 11.818
CIE-LCH	40.926, 118.633, 308.1
CIE-LUV	40.926, 1.814, -133.357
Hunter-Lab	34.378, 67.485, -140.793
Binary	01101000, 00101010, 11111111

#682aff
```
#682aff rgb(104,42,255)
```
#c1ff2a
```
#c1ff2a rgb(193,255,42)
```

Complementary Color

#2a57ff
```
#2a57ff rgb(42,87,255)
```
#682aff
```
#682aff rgb(104,42,255)
```
#d32aff
```
#d32aff rgb(211,42,255)
```

Analogous Color

#57ff2a
```
#57ff2a rgb(87,255,42)
```
#682aff
```
#682aff rgb(104,42,255)
```
#ffd32a
```
#ffd32a rgb(255,211,42)
```

Split Complementary Color

#2aff68
```
#2aff68 rgb(42,255,104)
```
#682aff
```
#682aff rgb(104,42,255)
```
#ff682a
```
#ff682a rgb(255,104,42)
```

Triadic Color

#2ac1ff
```
#2ac1ff rgb(42,193,255)
```
#682aff
```
#682aff rgb(104,42,255)
```
#ff682a
```
#ff682a rgb(255,104,42)
```
#c1ff2a
```
#c1ff2a rgb(193,255,42)
```

Tetradic Color

#4000dd
```
#4000dd rgb(64,0,221)
```
#4800f6
```
#4800f6 rgb(72,0,246)
```
#5611ff
```
#5611ff rgb(86,17,255)
```
#682aff
```
#682aff rgb(104,42,255)
```
#7a44ff
```
#7a44ff rgb(122,68,255)
```
#8c5dff
```
#8c5dff rgb(140,93,255)
```
#9e77ff
```
#9e77ff rgb(158,119,255)
```

Monochromatic Color

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

#332aff
```
#332aff rgb(51,42,255)
```
#442aff
```
#442aff rgb(68,42,255)
```
#562aff
```
#562aff rgb(86,42,255)
```
#682aff
```
#682aff rgb(104,42,255)
```
#7a2aff
```
#7a2aff rgb(122,42,255)
```
#8c2aff
```
#8c2aff rgb(140,42,255)
```
#9d2aff
```
#9d2aff rgb(157,42,255)
```

Similar Colors

Text with hexadecimal color #682aff

This text has a font color of #682aff.

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

#682aff background color

This paragraph has a background color of #682aff.

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

#682aff border color

This element has a border color of #682aff.

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

CSS codes

.text {color:#682aff;}

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

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

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

#010003
```
#010003 rgb(1,0,3)
```
#070016
```
#070016 rgb(7,0,22)
```
#0c002a
```
#0c002a rgb(12,0,42)
```
#12003e
```
#12003e rgb(18,0,62)
```
#180051
```
#180051 rgb(24,0,81)
```
#1d0065
```
#1d0065 rgb(29,0,101)
```
#230078
```
#230078 rgb(35,0,120)
```
#29008c
```
#29008c rgb(41,0,140)
```
#2e00a0
```
#2e00a0 rgb(46,0,160)
```
#3400b3
```
#3400b3 rgb(52,0,179)
```
#3a00c7
```
#3a00c7 rgb(58,0,199)
```
#4000db
```
#4000db rgb(64,0,219)
```
#4500ee
```
#4500ee rgb(69,0,238)
```

Shade Color Variation

#4c03ff
```
#4c03ff rgb(76,3,255)
```
#5a16ff
```
#5a16ff rgb(90,22,255)
```
#682aff
```
#682aff rgb(104,42,255)
```
#763eff
```
#763eff rgb(118,62,255)
```
#8451ff
```
#8451ff rgb(132,81,255)
```
#9265ff
```
#9265ff rgb(146,101,255)
```
#a078ff
```
#a078ff rgb(160,120,255)
```
#ae8cff
```
#ae8cff rgb(174,140,255)
```
#bba0ff
```
#bba0ff rgb(187,160,255)
```
#c9b3ff
```
#c9b3ff rgb(201,179,255)
```
#d7c7ff
```
#d7c7ff rgb(215,199,255)
```
#e5dbff
```
#e5dbff rgb(229,219,255)
```
#f3eeff
```
#f3eeff rgb(243,238,255)
```

Tint Color Variation

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

#918c9d
```
#918c9d rgb(145,140,157)
```
#8e84a5
```
#8e84a5 rgb(142,132,165)
```
#8a7cad
```
#8a7cad rgb(138,124,173)
```
#8774b5
```
#8774b5 rgb(135,116,181)
```
#836cbd
```
#836cbd rgb(131,108,189)
```
#8063c6
```
#8063c6 rgb(128,99,198)
```
#7d5bce
```
#7d5bce rgb(125,91,206)
```
#7953d6
```
#7953d6 rgb(121,83,214)
```
#764bde
```
#764bde rgb(118,75,222)
```
#7243e6
```
#7243e6 rgb(114,67,230)
```
#6f3aef
```
#6f3aef rgb(111,58,239)
```
#6b32f7
```
#6b32f7 rgb(107,50,247)
```
#682aff
```
#682aff rgb(104,42,255)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#594c77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c5 Protanopia 1% of men
#006bab Deuteranopia 1% of men
#00727b Tritanopia 0.001% of the population

Trichromacy

#2550da Protanomaly 1% of men, 0.01% of women
#2553c9 Deuteranomaly 6% of men, 0.4% of women
#2558ab Tritanomaly 0.01% of the population

#682aff hex color

#682aff Color Information

#682aff Color Conversion

Color Schemes with #682aff

Alternatives to #682aff

#682aff Preview

Shades and Tints of #682aff

Tones of #682aff

Color Blindness Simulator