#682efd hex color

In a RGB color space, hex #682efd is composed of 40.8% red, 18% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 81.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 256.8 degrees, a saturation of 98.1% and a lightness of 58.6%. #682efd color hex could be obtained by blending #d05cff with #0000fb. Closest websafe color is: #6633ff.

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

● #682efd color description : Bright violet.

The hexadecimal color #682efd has RGB values of R:104, G:46, B:253 and CMYK values of C:0.59, M:0.82, Y:0, K:0.01. Its decimal value is 6827773.

Hex triplet	682efd	`#682efd`
RGB Decimal	104, 46, 253	`rgb(104,46,253)`
RGB Percent	40.8, 18, 99.2	`rgb(40.8%,18%,99.2%)`
CMYK	59, 82, 0, 1
HSL	256.8°, 98.1, 58.6	`hsl(256.8,98.1%,58.6%)`
HSV (or HSB)	256.8°, 81.8, 99.2
Web Safe	6633ff	`#6633ff`

CIE-LAB	41.197, 71.289, -91.788
XYZ	24.412, 11.988, 93.951
xyY	0.187, 0.092, 11.988
CIE-LCH	41.197, 116.22, 307.835
CIE-LUV	41.197, 1.633, -131.949
Hunter-Lab	34.624, 65.263, -136.645
Binary	01101000, 00101110, 11111101

#682efd
```
#682efd rgb(104,46,253)
```
#c3fd2e
```
#c3fd2e rgb(195,253,46)
```

Complementary Color

#2e5cfd
```
#2e5cfd rgb(46,92,253)
```
#682efd
```
#682efd rgb(104,46,253)
```
#d02efd
```
#d02efd rgb(208,46,253)
```

Analogous Color

#5cfd2e
```
#5cfd2e rgb(92,253,46)
```
#682efd
```
#682efd rgb(104,46,253)
```
#fdd02e
```
#fdd02e rgb(253,208,46)
```

Split Complementary Color

#2efd68
```
#2efd68 rgb(46,253,104)
```
#682efd
```
#682efd rgb(104,46,253)
```
#fd682e
```
#fd682e rgb(253,104,46)
```

Triadic Color

#2ec3fd
```
#2ec3fd rgb(46,195,253)
```
#682efd
```
#682efd rgb(104,46,253)
```
#fd682e
```
#fd682e rgb(253,104,46)
```
#c3fd2e
```
#c3fd2e rgb(195,253,46)
```

Tetradic Color

#3f02dc
```
#3f02dc rgb(63,2,220)
```
#4702f6
```
#4702f6 rgb(71,2,246)
```
#5615fd
```
#5615fd rgb(86,21,253)
```
#682efd
```
#682efd rgb(104,46,253)
```
#7a47fd
```
#7a47fd rgb(122,71,253)
```
#8c61fd
```
#8c61fd rgb(140,97,253)
```
#9f7afe
```
#9f7afe rgb(159,122,254)
```

Monochromatic Color

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

#342efd
```
#342efd rgb(52,46,253)
```
#452efd
```
#452efd rgb(69,46,253)
```
#572efd
```
#572efd rgb(87,46,253)
```
#682efd
```
#682efd rgb(104,46,253)
```
#792efd
```
#792efd rgb(121,46,253)
```
#8b2efd
```
#8b2efd rgb(139,46,253)
```
#9c2efd
```
#9c2efd rgb(156,46,253)
```

Similar Colors

Text with hexadecimal color #682efd

This text has a font color of #682efd.

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

#682efd background color

This paragraph has a background color of #682efd.

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

#682efd border color

This element has a border color of #682efd.

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

CSS codes

.text {color:#682efd;}

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

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

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

#010005
```
#010005 rgb(1,0,5)
```
#070018
```
#070018 rgb(7,0,24)
```
#0d002c
```
#0d002c rgb(13,0,44)
```
#12013f
```
#12013f rgb(18,1,63)
```
#180152
```
#180152 rgb(24,1,82)
```
#1d0166
```
#1d0166 rgb(29,1,102)
```
#230179
```
#230179 rgb(35,1,121)
```
#28018d
```
#28018d rgb(40,1,141)
```
#2e02a0
```
#2e02a0 rgb(46,2,160)
```
#3402b4
```
#3402b4 rgb(52,2,180)
```
#3902c7
```
#3902c7 rgb(57,2,199)
```
#3f02da
```
#3f02da rgb(63,2,218)
```
#4402ee
```
#4402ee rgb(68,2,238)
```

Shade Color Variation

#4c07fd
```
#4c07fd rgb(76,7,253)
```
#5a1bfd
```
#5a1bfd rgb(90,27,253)
```
#682efd
```
#682efd rgb(104,46,253)
```
#7641fd
```
#7641fd rgb(118,65,253)
```
#8455fd
```
#8455fd rgb(132,85,253)
```
#9268fe
```
#9268fe rgb(146,104,254)
```
#a07cfe
```
#a07cfe rgb(160,124,254)
```
#ae8ffe
```
#ae8ffe rgb(174,143,254)
```
#bca3fe
```
#bca3fe rgb(188,163,254)
```
#cab6fe
```
#cab6fe rgb(202,182,254)
```
#d8c9fe
```
#d8c9fe rgb(216,201,254)
```
#e6ddff
```
#e6ddff rgb(230,221,255)
```
#f4f0ff
```
#f4f0ff rgb(244,240,255)
```

Tint Color Variation

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

#938f9c
```
#938f9c rgb(147,143,156)
```
#8f87a4
```
#8f87a4 rgb(143,135,164)
```
#8c7fac
```
#8c7fac rgb(140,127,172)
```
#8877b4
```
#8877b4 rgb(136,119,180)
```
#856fbc
```
#856fbc rgb(133,111,188)
```
#8167c4
```
#8167c4 rgb(129,103,196)
```
#7d5fcc
```
#7d5fcc rgb(125,95,204)
```
#7a57d4
```
#7a57d4 rgb(122,87,212)
```
#764edd
```
#764edd rgb(118,78,221)
```
#7346e5
```
#7346e5 rgb(115,70,229)
```
#6f3eed
```
#6f3eed rgb(111,62,237)
```
#6c36f5
```
#6c36f5 rgb(108,54,245)
```
#682efd
```
#682efd rgb(104,46,253)
```

Tone Color Variation

Below, you can see how #682efd 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
#5a4f78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c6 Protanopia 1% of men
#006cac Deuteranopia 1% of men
#00737b Tritanopia 0.001% of the population

Trichromacy

#2551da Protanomaly 1% of men, 0.01% of women
#2555c9 Deuteranomaly 6% of men, 0.4% of women
#255aaa Tritanomaly 0.01% of the population

#682efd hex color

#682efd Color Information

#682efd Color Conversion

Color Schemes with #682efd

Alternatives to #682efd

#682efd Preview

Shades and Tints of #682efd

Tones of #682efd

Color Blindness Simulator