#682e74 hex color

In a RGB color space, hex #682e74 is composed of 40.8% red, 18% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 10.3% cyan, 60.3% magenta, 0% yellow and 54.5% black. It has a hue angle of 289.7 degrees, a saturation of 43.2% and a lightness of 31.8%. #682e74 color hex could be obtained by blending #d05ce8 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 41
- G 18
- B 45
RGB color chart
- C 10
- M 60
- Y 0
- K 55
CMYK color chart

● #682e74 color description : Dark moderate magenta.

The hexadecimal color #682e74 has RGB values of R:104, G:46, B:116 and CMYK values of C:0.1, M:0.6, Y:0, K:0.55. Its decimal value is 6827636.

Hex triplet	682e74	`#682e74`
RGB Decimal	104, 46, 116	`rgb(104,46,116)`
RGB Percent	40.8, 18, 45.5	`rgb(40.8%,18%,45.5%)`
CMYK	10, 60, 0, 55
HSL	289.7°, 43.2, 31.8	`hsl(289.7,43.2%,31.8%)`
HSV (or HSB)	289.7°, 60.3, 45.5
Web Safe	663366	`#663366`

CIE-LAB	29.809, 37.31, -29.119
XYZ	9.838, 6.158, 17.193
xyY	0.296, 0.186, 6.158
CIE-LCH	29.809, 47.328, 322.029
CIE-LUV	29.809, 22.49, -41.829
Hunter-Lab	24.816, 27.335, -23.705
Binary	01101000, 00101110, 01110100

#682e74
```
#682e74 rgb(104,46,116)
```
#3a742e
```
#3a742e rgb(58,116,46)
```

Complementary Color

#452e74
```
#452e74 rgb(69,46,116)
```
#682e74
```
#682e74 rgb(104,46,116)
```
#742e5d
```
#742e5d rgb(116,46,93)
```

Analogous Color

#2e7445
```
#2e7445 rgb(46,116,69)
```
#682e74
```
#682e74 rgb(104,46,116)
```
#5d742e
```
#5d742e rgb(93,116,46)
```

Split Complementary Color

#2e7468
```
#2e7468 rgb(46,116,104)
```
#682e74
```
#682e74 rgb(104,46,116)
```
#74682e
```
#74682e rgb(116,104,46)
```

Triadic Color

#2e3a74
```
#2e3a74 rgb(46,58,116)
```
#682e74
```
#682e74 rgb(104,46,116)
```
#74682e
```
#74682e rgb(116,104,46)
```
#3a742e
```
#3a742e rgb(58,116,46)
```

Tetradic Color

#37183d
```
#37183d rgb(55,24,61)
```
#47204f
```
#47204f rgb(71,32,79)
```
#582762
```
#582762 rgb(88,39,98)
```
#682e74
```
#682e74 rgb(104,46,116)
```
#783586
```
#783586 rgb(120,53,134)
```
#893c99
```
#893c99 rgb(137,60,153)
```
#9944ab
```
#9944ab rgb(153,68,171)
```

Monochromatic Color

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

#562e74
```
#562e74 rgb(86,46,116)
```
#5c2e74
```
#5c2e74 rgb(92,46,116)
```
#622e74
```
#622e74 rgb(98,46,116)
```
#682e74
```
#682e74 rgb(104,46,116)
```
#6e2e74
```
#6e2e74 rgb(110,46,116)
```
#742e74
```
#742e74 rgb(116,46,116)
```
#742e6f
```
#742e6f rgb(116,46,111)
```

Similar Colors

Text with hexadecimal color #682e74

This text has a font color of #682e74.

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

#682e74 background color

This paragraph has a background color of #682e74.

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

#682e74 border color

This element has a border color of #682e74.

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

CSS codes

.text {color:#682e74;}

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

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

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

#030104
```
#030104 rgb(3,1,4)
```
#100712
```
#100712 rgb(16,7,18)
```
#1c0d20
```
#1c0d20 rgb(28,13,32)
```
#29122e
```
#29122e rgb(41,18,46)
```
#36183c
```
#36183c rgb(54,24,60)
```
#421d4a
```
#421d4a rgb(66,29,74)
```
#4f2358
```
#4f2358 rgb(79,35,88)
```
#5b2866
```
#5b2866 rgb(91,40,102)
```
#682e74
```
#682e74 rgb(104,46,116)
```
#753482
```
#753482 rgb(117,52,130)
```
#813990
```
#813990 rgb(129,57,144)
```
#8e3f9e
```
#8e3f9e rgb(142,63,158)
```
#9a44ac
```
#9a44ac rgb(154,68,172)
```

Shade Color Variation

#a64cb8
```
#a64cb8 rgb(166,76,184)
```
#ad5abe
```
#ad5abe rgb(173,90,190)
```
#b468c3
```
#b468c3 rgb(180,104,195)
```
#bb76c9
```
#bb76c9 rgb(187,118,201)
```
#c284ce
```
#c284ce rgb(194,132,206)
```
#c992d4
```
#c992d4 rgb(201,146,212)
```
#d0a0d9
```
#d0a0d9 rgb(208,160,217)
```
#d7aedf
```
#d7aedf rgb(215,174,223)
```
#debce5
```
#debce5 rgb(222,188,229)
```
#e5caea
```
#e5caea rgb(229,202,234)
```
#ecd8f0
```
#ecd8f0 rgb(236,216,240)
```
#f3e7f5
```
#f3e7f5 rgb(243,231,245)
```
#faf5fb
```
#faf5fb rgb(250,245,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #544d55 is the less saturated color, while #8502a0 is the most saturated one.

#544d55
```
#544d55 rgb(84,77,85)
```
#58475b
```
#58475b rgb(88,71,91)
```
#5c4161
```
#5c4161 rgb(92,65,97)
```
#603a68
```
#603a68 rgb(96,58,104)
```
#64346e
```
#64346e rgb(100,52,110)
```
#682e74
```
#682e74 rgb(104,46,116)
```
#6c287a
```
#6c287a rgb(108,40,122)
```
#702280
```
#702280 rgb(112,34,128)
```
#741b87
```
#741b87 rgb(116,27,135)
```
#78158d
```
#78158d rgb(120,21,141)
```
#7c0f93
```
#7c0f93 rgb(124,15,147)
```
#810999
```
#810999 rgb(129,9,153)
```
#8502a0
```
#8502a0 rgb(133,2,160)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#4e4250 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b4d8b Protanopia 1% of men
#3d4f74 Deuteranopia 1% of men
#68464b Tritanopia 0.001% of the population

Trichromacy

#414283 Protanomaly 1% of men, 0.01% of women
#4c4374 Deuteranomaly 6% of men, 0.4% of women
#683d5a Tritanomaly 0.01% of the population

#682e74 hex color

#682e74 Color Information

#682e74 Color Conversion

Color Schemes with #682e74

Alternatives to #682e74

#682e74 Preview

Shades and Tints of #682e74

Tones of #682e74

Color Blindness Simulator