colorhexa.com

#682eb6 hex color

In a RGB color space, hex #682eb6 is composed of 40.8% red, 18% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 42.9% cyan, 74.7% magenta, 0% yellow and 28.6% black. It has a hue angle of 265.6 degrees, a saturation of 59.6% and a lightness of 44.7%. #682eb6 color hex could be obtained by blending #d05cff with #00006d. Closest websafe color is: #6633cc.

- R 41
- G 18
- B 71
RGB color chart
- C 43
- M 75
- Y 0
- K 29
CMYK color chart

● #682eb6 color description : Moderate violet.

The hexadecimal color #682eb6 has RGB values of R:104, G:46, B:182 and CMYK values of C:0.43, M:0.75, Y:0, K:0.29. Its decimal value is 6827702.

Hex triplet	682eb6	`#682eb6`
RGB Decimal	104, 46, 182	`rgb(104,46,182)`
RGB Percent	40.8, 18, 71.4	`rgb(40.8%,18%,71.4%)`
CMYK	43, 75, 0, 29
HSL	265.6°, 59.6, 44.7	`hsl(265.6,59.6%,44.7%)`
HSV (or HSB)	265.6°, 74.7, 71.4
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.548, 53.088, -61.883
XYZ	15.128, 8.274, 45.053
xyY	0.221, 0.121, 8.274
CIE-LCH	34.548, 81.534, 310.626
CIE-LUV	34.548, 10.187, -88.455
Hunter-Lab	28.765, 43.536, -72.727
Binary	01101000, 00101110, 10110110

#682eb6
```
#682eb6 rgb(104,46,182)
```
#7cb62e
```
#7cb62e rgb(124,182,46)
```

Complementary Color

#2e38b6
```
#2e38b6 rgb(46,56,182)
```
#682eb6
```
#682eb6 rgb(104,46,182)
```
#ac2eb6
```
#ac2eb6 rgb(172,46,182)
```

Analogous Color

#38b62e
```
#38b62e rgb(56,182,46)
```
#682eb6
```
#682eb6 rgb(104,46,182)
```
#b6ac2e
```
#b6ac2e rgb(182,172,46)
```

Split Complementary Color

#2eb668
```
#2eb668 rgb(46,182,104)
```
#682eb6
```
#682eb6 rgb(104,46,182)
```
#b6682e
```
#b6682e rgb(182,104,46)
```

Triadic Color

#2e7cb6
```
#2e7cb6 rgb(46,124,182)
```
#682eb6
```
#682eb6 rgb(104,46,182)
```
#b6682e
```
#b6682e rgb(182,104,46)
```
#7cb62e
```
#7cb62e rgb(124,182,46)
```

Tetradic Color

#451f79
```
#451f79 rgb(69,31,121)
```
#51248d
```
#51248d rgb(81,36,141)
```
#5c29a2
```
#5c29a2 rgb(92,41,162)
```
#682eb6
```
#682eb6 rgb(104,46,182)
```
#7433ca
```
#7433ca rgb(116,51,202)
```
#8147d0
```
#8147d0 rgb(129,71,208)
```
#8f5bd6
```
#8f5bd6 rgb(143,91,214)
```

Monochromatic Color

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

#462eb6
```
#462eb6 rgb(70,46,182)
```
#512eb6
```
#512eb6 rgb(81,46,182)
```
#5d2eb6
```
#5d2eb6 rgb(93,46,182)
```
#682eb6
```
#682eb6 rgb(104,46,182)
```
#732eb6
```
#732eb6 rgb(115,46,182)
```
#7f2eb6
```
#7f2eb6 rgb(127,46,182)
```
#8a2eb6
```
#8a2eb6 rgb(138,46,182)
```

Similar Colors

Text with hexadecimal color #682eb6

This text has a font color of #682eb6.

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

#682eb6 background color

This paragraph has a background color of #682eb6.

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

#682eb6 border color

This element has a border color of #682eb6.

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

CSS codes

.text {color:#682eb6;}

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

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

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

#06020a
```
#06020a rgb(6,2,10)
```
#0f0619
```
#0f0619 rgb(15,6,25)
```
#170a29
```
#170a29 rgb(23,10,41)
```
#200e39
```
#200e39 rgb(32,14,57)
```
#291248
```
#291248 rgb(41,18,72)
```
#321658
```
#321658 rgb(50,22,88)
```
#3b1a68
```
#3b1a68 rgb(59,26,104)
```
#441e77
```
#441e77 rgb(68,30,119)
```
#4d2287
```
#4d2287 rgb(77,34,135)
```
#562697
```
#562697 rgb(86,38,151)
```
#5f2aa6
```
#5f2aa6 rgb(95,42,166)
```
#682eb6
```
#682eb6 rgb(104,46,182)
```
#7132c6
```
#7132c6 rgb(113,50,198)
```

Shade Color Variation

#7b3dce
```
#7b3dce rgb(123,61,206)
```
#864dd2
```
#864dd2 rgb(134,77,210)
```
#905dd6
```
#905dd6 rgb(144,93,214)
```
#9b6cda
```
#9b6cda rgb(155,108,218)
```
#a67cde
```
#a67cde rgb(166,124,222)
```
#b08ce2
```
#b08ce2 rgb(176,140,226)
```
#bb9be6
```
#bb9be6 rgb(187,155,230)
```
#c6abea
```
#c6abea rgb(198,171,234)
```
#d0baee
```
#d0baee rgb(208,186,238)
```
#dbcaf2
```
#dbcaf2 rgb(219,202,242)
```
#e6daf6
```
#e6daf6 rgb(230,218,246)
```
#f0e9fa
```
#f0e9fa rgb(240,233,250)
```
#fbf9fe
```
#fbf9fe rgb(251,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #716b79 is the less saturated color, while #6202e2 is the most saturated one.

#716b79
```
#716b79 rgb(113,107,121)
```
#706381
```
#706381 rgb(112,99,129)
```
#6e5a8a
```
#6e5a8a rgb(110,90,138)
```
#6d5193
```
#6d5193 rgb(109,81,147)
```
#6c489c
```
#6c489c rgb(108,72,156)
```
#6b40a4
```
#6b40a4 rgb(107,64,164)
```
#6937ad
```
#6937ad rgb(105,55,173)
```
#682eb6
```
#682eb6 rgb(104,46,182)
```
#6725bf
```
#6725bf rgb(103,37,191)
```
#651cc8
```
#651cc8 rgb(101,28,200)
```
#6414d0
```
#6414d0 rgb(100,20,208)
```
#630bd9
```
#630bd9 rgb(99,11,217)
```
#6202e2
```
#6202e2 rgb(98,2,226)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#544864 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005c96 Deuteranopia 1% of men
#555a61 Tritanopia 0.001% of the population

Trichromacy

#2548ae Protanomaly 1% of men, 0.01% of women
#254ba1 Deuteranomaly 6% of men, 0.4% of women
#5c4a80 Tritanomaly 0.01% of the population