#682e63 hex color

In a RGB color space, hex #682e63 is composed of 40.8% red, 18% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.8% magenta, 4.8% yellow and 59.2% black. It has a hue angle of 305.2 degrees, a saturation of 38.7% and a lightness of 29.4%. #682e63 color hex could be obtained by blending #d05cc6 with #000000. Closest websafe color is: #663366.

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

● #682e63 color description : Very dark desaturated magenta.

The hexadecimal color #682e63 has RGB values of R:104, G:46, B:99 and CMYK values of C:0, M:0.56, Y:0.05, K:0.59. Its decimal value is 6827619.

Hex triplet	682e63	`#682e63`
RGB Decimal	104, 46, 99	`rgb(104,46,99)`
RGB Percent	40.8, 18, 38.8	`rgb(40.8%,18%,38.8%)`
CMYK	0, 56, 5, 59
HSL	305.2°, 38.7, 29.4	`hsl(305.2,38.7%,29.4%)`
HSV (or HSB)	305.2°, 55.8, 40.8
Web Safe	663366	`#663366`

CIE-LAB	28.898, 33.845, -19.669
XYZ	8.938, 5.798, 12.452
xyY	0.329, 0.213, 5.798
CIE-LCH	28.898, 39.145, 329.838
CIE-LUV	28.898, 26.456, -28.837
Hunter-Lab	24.08, 24.115, -13.804
Binary	01101000, 00101110, 01100011

#682e63
```
#682e63 rgb(104,46,99)
```
#2e6833
```
#2e6833 rgb(46,104,51)
```

Complementary Color

#502e68
```
#502e68 rgb(80,46,104)
```
#682e63
```
#682e63 rgb(104,46,99)
```
#682e46
```
#682e46 rgb(104,46,70)
```

Analogous Color

#2e6850
```
#2e6850 rgb(46,104,80)
```
#682e63
```
#682e63 rgb(104,46,99)
```
#46682e
```
#46682e rgb(70,104,46)
```

Split Complementary Color

#2e6368
```
#2e6368 rgb(46,99,104)
```
#682e63
```
#682e63 rgb(104,46,99)
```
#63682e
```
#63682e rgb(99,104,46)
```

Triadic Color

#332e68
```
#332e68 rgb(51,46,104)
```
#682e63
```
#682e63 rgb(104,46,99)
```
#63682e
```
#63682e rgb(99,104,46)
```
#2e6833
```
#2e6833 rgb(46,104,51)
```

Tetradic Color

#331731
```
#331731 rgb(51,23,49)
```
#451e41
```
#451e41 rgb(69,30,65)
```
#562652
```
#562652 rgb(86,38,82)
```
#682e63
```
#682e63 rgb(104,46,99)
```
#7a3674
```
#7a3674 rgb(122,54,116)
```
#8b3e85
```
#8b3e85 rgb(139,62,133)
```
#9d4595
```
#9d4595 rgb(157,69,149)
```

Monochromatic Color

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

#5f2e68
```
#5f2e68 rgb(95,46,104)
```
#632e68
```
#632e68 rgb(99,46,104)
```
#682e68
```
#682e68 rgb(104,46,104)
```
#682e63
```
#682e63 rgb(104,46,99)
```
#682e5e
```
#682e5e rgb(104,46,94)
```
#682e59
```
#682e59 rgb(104,46,89)
```
#682e55
```
#682e55 rgb(104,46,85)
```

Similar Colors

Text with hexadecimal color #682e63

This text has a font color of #682e63.

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

#682e63 background color

This paragraph has a background color of #682e63.

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

#682e63 border color

This element has a border color of #682e63.

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

CSS codes

.text {color:#682e63;}

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

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

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

#090408
```
#090408 rgb(9,4,8)
```
#160a15
```
#160a15 rgb(22,10,21)
```
#241022
```
#241022 rgb(36,16,34)
```
#32162f
```
#32162f rgb(50,22,47)
```
#3f1c3c
```
#3f1c3c rgb(63,28,60)
```
#4d2249
```
#4d2249 rgb(77,34,73)
```
#5a2856
```
#5a2856 rgb(90,40,86)
```
#682e63
```
#682e63 rgb(104,46,99)
```
#763470
```
#763470 rgb(118,52,112)
```
#833a7d
```
#833a7d rgb(131,58,125)
```
#91408a
```
#91408a rgb(145,64,138)
```
#9e4697
```
#9e4697 rgb(158,70,151)
```
#ac4ca4
```
#ac4ca4 rgb(172,76,164)
```

Shade Color Variation

#b557ad
```
#b557ad rgb(181,87,173)
```
#bb65b3
```
#bb65b3 rgb(187,101,179)
```
#c172ba
```
#c172ba rgb(193,114,186)
```
#c780c1
```
#c780c1 rgb(199,128,193)
```
#cd8dc7
```
#cd8dc7 rgb(205,141,199)
```
#d39bce
```
#d39bce rgb(211,155,206)
```
#d9a9d5
```
#d9a9d5 rgb(217,169,213)
```
#dfb6db
```
#dfb6db rgb(223,182,219)
```
#e5c4e2
```
#e5c4e2 rgb(229,196,226)
```
#ebd1e9
```
#ebd1e9 rgb(235,209,233)
```
#f1dfef
```
#f1dfef rgb(241,223,239)
```
#f7edf6
```
#f7edf6 rgb(247,237,246)
```
#fdfafd
```
#fdfafd rgb(253,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4b4b4b is the less saturated color, while #900684 is the most saturated one.

#4b4b4b
```
#4b4b4b rgb(75,75,75)
```
#514550
```
#514550 rgb(81,69,80)
```
#573f55
```
#573f55 rgb(87,63,85)
```
#5c3a59
```
#5c3a59 rgb(92,58,89)
```
#62345e
```
#62345e rgb(98,52,94)
```
#682e63
```
#682e63 rgb(104,46,99)
```
#6e2868
```
#6e2868 rgb(110,40,104)
```
#74226d
```
#74226d rgb(116,34,109)
```
#791d71
```
#791d71 rgb(121,29,113)
```
#7f1776
```
#7f1776 rgb(127,23,118)
```
#85117b
```
#85117b rgb(133,17,123)
```
#8b0b80
```
#8b0b80 rgb(139,11,128)
```
#900684
```
#900684 rgb(144,6,132)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#4c404b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a4c79 Protanopia 1% of men
#474c65 Deuteranopia 1% of men
#6b4246 Tritanopia 0.001% of the population

Trichromacy

#4b4171 Protanomaly 1% of men, 0.01% of women
#534164 Deuteranomaly 6% of men, 0.4% of women
#693a50 Tritanomaly 0.01% of the population

#682e63 hex color

#682e63 Color Information

#682e63 Color Conversion

Color Schemes with #682e63

Alternatives to #682e63

#682e63 Preview

Shades and Tints of #682e63

Tones of #682e63

Color Blindness Simulator