#682ec0 hex color

In a RGB color space, hex #682ec0 is composed of 40.8% red, 18% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 45.8% cyan, 76% magenta, 0% yellow and 24.7% black. It has a hue angle of 263.8 degrees, a saturation of 61.3% and a lightness of 46.7%. #682ec0 color hex could be obtained by blending #d05cff with #000081. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 41
- G 18
- B 75
RGB color chart
- C 46
- M 76
- Y 0
- K 25
CMYK color chart

● #682ec0 color description : Strong violet.

The hexadecimal color #682ec0 has RGB values of R:104, G:46, B:192 and CMYK values of C:0.46, M:0.76, Y:0, K:0.25. Its decimal value is 6827712.

Hex triplet	682ec0	`#682ec0`
RGB Decimal	104, 46, 192	`rgb(104,46,192)`
RGB Percent	40.8, 18, 75.3	`rgb(40.8%,18%,75.3%)`
CMYK	46, 76, 0, 25
HSL	263.8°, 61.3, 46.7	`hsl(263.8,61.3%,46.7%)`
HSV (or HSB)	263.8°, 76, 75.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.406, 55.64, -66.379
XYZ	16.199, 8.703, 50.693
xyY	0.214, 0.115, 8.703
CIE-LCH	35.406, 86.614, 309.97
CIE-LUV	35.406, 8.744, -94.918
Hunter-Lab	29.5, 46.389, -81.232
Binary	01101000, 00101110, 11000000

#682ec0
```
#682ec0 rgb(104,46,192)
```
#86c02e
```
#86c02e rgb(134,192,46)
```

Complementary Color

#2e3dc0
```
#2e3dc0 rgb(46,61,192)
```
#682ec0
```
#682ec0 rgb(104,46,192)
```
#b12ec0
```
#b12ec0 rgb(177,46,192)
```

Analogous Color

#3dc02e
```
#3dc02e rgb(61,192,46)
```
#682ec0
```
#682ec0 rgb(104,46,192)
```
#c0b12e
```
#c0b12e rgb(192,177,46)
```

Split Complementary Color

#2ec068
```
#2ec068 rgb(46,192,104)
```
#682ec0
```
#682ec0 rgb(104,46,192)
```
#c0682e
```
#c0682e rgb(192,104,46)
```

Triadic Color

#2e86c0
```
#2e86c0 rgb(46,134,192)
```
#682ec0
```
#682ec0 rgb(104,46,192)
```
#c0682e
```
#c0682e rgb(192,104,46)
```
#86c02e
```
#86c02e rgb(134,192,46)
```

Tetradic Color

#471f82
```
#471f82 rgb(71,31,130)
```
#522497
```
#522497 rgb(82,36,151)
```
#5d29ab
```
#5d29ab rgb(93,41,171)
```
#682ec0
```
#682ec0 rgb(104,46,192)
```
#7438cf
```
#7438cf rgb(116,56,207)
```
#834dd4
```
#834dd4 rgb(131,77,212)
```
#9161d9
```
#9161d9 rgb(145,97,217)
```

Monochromatic Color

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

#432ec0
```
#432ec0 rgb(67,46,192)
```
#502ec0
```
#502ec0 rgb(80,46,192)
```
#5c2ec0
```
#5c2ec0 rgb(92,46,192)
```
#682ec0
```
#682ec0 rgb(104,46,192)
```
#742ec0
```
#742ec0 rgb(116,46,192)
```
#802ec0
```
#802ec0 rgb(128,46,192)
```
#8d2ec0
```
#8d2ec0 rgb(141,46,192)
```

Similar Colors

Text with hexadecimal color #682ec0

This text has a font color of #682ec0.

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

#682ec0 background color

This paragraph has a background color of #682ec0.

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

#682ec0 border color

This element has a border color of #682ec0.

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

CSS codes

.text {color:#682ec0;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#0a0412
```
#0a0412 rgb(10,4,18)
```
#120822
```
#120822 rgb(18,8,34)
```
#1b0c32
```
#1b0c32 rgb(27,12,50)
```
#231041
```
#231041 rgb(35,16,65)
```
#2c1351
```
#2c1351 rgb(44,19,81)
```
#351761
```
#351761 rgb(53,23,97)
```
#3d1b71
```
#3d1b71 rgb(61,27,113)
```
#461f81
```
#461f81 rgb(70,31,129)
```
#4e2391
```
#4e2391 rgb(78,35,145)
```
#5726a0
```
#5726a0 rgb(87,38,160)
```
#5f2ab0
```
#5f2ab0 rgb(95,42,176)
```
#682ec0
```
#682ec0 rgb(104,46,192)
```

Shade Color Variation

#7133ce
```
#7133ce rgb(113,51,206)
```
#7c43d2
```
#7c43d2 rgb(124,67,210)
```
#8753d6
```
#8753d6 rgb(135,83,214)
```
#9263da
```
#9263da rgb(146,99,218)
```
#9d73dd
```
#9d73dd rgb(157,115,221)
```
#a883e1
```
#a883e1 rgb(168,131,225)
```
#b392e5
```
#b392e5 rgb(179,146,229)
```
#bea2e9
```
#bea2e9 rgb(190,162,233)
```
#c9b2ed
```
#c9b2ed rgb(201,178,237)
```
#d4c2f0
```
#d4c2f0 rgb(212,194,240)
```
#dfd2f4
```
#dfd2f4 rgb(223,210,244)
```
#eae1f8
```
#eae1f8 rgb(234,225,248)
```
#f5f1fc
```
#f5f1fc rgb(245,241,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #756e80 is the less saturated color, while #5f00ee is the most saturated one.

#756e80
```
#756e80 rgb(117,110,128)
```
#736589
```
#736589 rgb(115,101,137)
```
#715c92
```
#715c92 rgb(113,92,146)
```
#70539b
```
#70539b rgb(112,83,155)
```
#6e49a5
```
#6e49a5 rgb(110,73,165)
```
#6c40ae
```
#6c40ae rgb(108,64,174)
```
#6a37b7
```
#6a37b7 rgb(106,55,183)
```
#682ec0
```
#682ec0 rgb(104,46,192)
```
#6625c9
```
#6625c9 rgb(102,37,201)
```
#641cd2
```
#641cd2 rgb(100,28,210)
```
#6213db
```
#6213db rgb(98,19,219)
```
#6009e5
```
#6009e5 rgb(96,9,229)
```
#5f00ee
```
#5f00ee rgb(95,0,238)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#554966 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ae Protanopia 1% of men
#005e98 Deuteranopia 1% of men
#515e64 Tritanopia 0.001% of the population

Trichromacy

#2549b4 Protanomaly 1% of men, 0.01% of women
#254ca6 Deuteranomaly 6% of men, 0.4% of women
#594c86 Tritanomaly 0.01% of the population

#682ec0 hex color

#682ec0 Color Information

#682ec0 Color Conversion

Color Schemes with #682ec0

Alternatives to #682ec0

#682ec0 Preview

Shades and Tints of #682ec0

Tones of #682ec0

Color Blindness Simulator