colorhexa.com

#683c96 hex color

In a RGB color space, hex #683c96 is composed of 40.8% red, 23.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 30.7% cyan, 60% magenta, 0% yellow and 41.2% black. It has a hue angle of 269.3 degrees, a saturation of 42.9% and a lightness of 41.2%. #683c96 color hex could be obtained by blending #d078ff with #00002d. Closest websafe color is: #663399.

- R 41
- G 24
- B 59
RGB color chart
- C 31
- M 60
- Y 0
- K 41
CMYK color chart

● #683c96 color description : Dark moderate violet.

The hexadecimal color #683c96 has RGB values of R:104, G:60, B:150 and CMYK values of C:0.31, M:0.6, Y:0, K:0.41. Its decimal value is 6831254.

Hex triplet	683c96	`#683c96`
RGB Decimal	104, 60, 150	`rgb(104,60,150)`
RGB Percent	40.8, 23.5, 58.8	`rgb(40.8%,23.5%,58.8%)`
CMYK	31, 60, 0, 41
HSL	269.3°, 42.9, 41.2	`hsl(269.3,42.9%,41.2%)`
HSV (or HSB)	269.3°, 60, 58.8
Web Safe	663399	`#663399`

CIE-LAB	34.756, 37.705, -42.333
XYZ	12.829, 8.377, 29.794
xyY	0.252, 0.164, 8.377
CIE-LCH	34.756, 56.69, 311.691
CIE-LUV	34.756, 12.364, -62.113
Hunter-Lab	28.943, 28.47, -40.772
Binary	01101000, 00111100, 10010110

#683c96
```
#683c96 rgb(104,60,150)
```
#6a963c
```
#6a963c rgb(106,150,60)
```

Complementary Color

#3c3d96
```
#3c3d96 rgb(60,61,150)
```
#683c96
```
#683c96 rgb(104,60,150)
```
#953c96
```
#953c96 rgb(149,60,150)
```

Analogous Color

#3d963c
```
#3d963c rgb(61,150,60)
```
#683c96
```
#683c96 rgb(104,60,150)
```
#96953c
```
#96953c rgb(150,149,60)
```

Split Complementary Color

#3c9668
```
#3c9668 rgb(60,150,104)
```
#683c96
```
#683c96 rgb(104,60,150)
```
#96683c
```
#96683c rgb(150,104,60)
```

Triadic Color

#3c6a96
```
#3c6a96 rgb(60,106,150)
```
#683c96
```
#683c96 rgb(104,60,150)
```
#96683c
```
#96683c rgb(150,104,60)
```
#6a963c
```
#6a963c rgb(106,150,60)
```

Tetradic Color

#42265f
```
#42265f rgb(66,38,95)
```
#4f2d72
```
#4f2d72 rgb(79,45,114)
```
#5b3584
```
#5b3584 rgb(91,53,132)
```
#683c96
```
#683c96 rgb(104,60,150)
```
#7543a8
```
#7543a8 rgb(117,67,168)
```
#814db8
```
#814db8 rgb(129,77,184)
```
#8e5fbf
```
#8e5fbf rgb(142,95,191)
```

Monochromatic Color

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

#523c96
```
#523c96 rgb(82,60,150)
```
#593c96
```
#593c96 rgb(89,60,150)
```
#613c96
```
#613c96 rgb(97,60,150)
```
#683c96
```
#683c96 rgb(104,60,150)
```
#703c96
```
#703c96 rgb(112,60,150)
```
#773c96
```
#773c96 rgb(119,60,150)
```
#7f3c96
```
#7f3c96 rgb(127,60,150)
```

Similar Colors

Text with hexadecimal color #683c96

This text has a font color of #683c96.

<span style="color:#683c96;">Text here</span>

#683c96 background color

This paragraph has a background color of #683c96.

<p style="background-color:#683c96;">Content here</p>

#683c96 border color

This element has a border color of #683c96.

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

CSS codes

.text {color:#683c96;}

.background {background-color:#683c96;}

.border {border:1px solid #683c96;}

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

#07040a
```
#07040a rgb(7,4,10)
```
#110a18
```
#110a18 rgb(17,10,24)
```
#1a0f26
```
#1a0f26 rgb(26,15,38)
```
#241534
```
#241534 rgb(36,21,52)
```
#2e1a42
```
#2e1a42 rgb(46,26,66)
```
#372050
```
#372050 rgb(55,32,80)
```
#41265e
```
#41265e rgb(65,38,94)
```
#4b2b6c
```
#4b2b6c rgb(75,43,108)
```
#55317a
```
#55317a rgb(85,49,122)
```
#5e3688
```
#5e3688 rgb(94,54,136)
```
#683c96
```
#683c96 rgb(104,60,150)
```
#7242a4
```
#7242a4 rgb(114,66,164)
```
#7b47b2
```
#7b47b2 rgb(123,71,178)
```

Shade Color Variation

#8553ba
```
#8553ba rgb(133,83,186)
```
#8f61c0
```
#8f61c0 rgb(143,97,192)
```
#996fc5
```
#996fc5 rgb(153,111,197)
```
#a37dcb
```
#a37dcb rgb(163,125,203)
```
#ad8bd1
```
#ad8bd1 rgb(173,139,209)
```
#b799d6
```
#b799d6 rgb(183,153,214)
```
#c1a7dc
```
#c1a7dc rgb(193,167,220)
```
#cbb5e1
```
#cbb5e1 rgb(203,181,225)
```
#d4c3e7
```
#d4c3e7 rgb(212,195,231)
```
#ded1ed
```
#ded1ed rgb(222,209,237)
```
#e8dff2
```
#e8dff2 rgb(232,223,242)
```
#f2edf8
```
#f2edf8 rgb(242,237,248)
```
#fcfbfd
```
#fcfbfd rgb(252,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #69646e is the less saturated color, while #6703cf is the most saturated one.

#69646e
```
#69646e rgb(105,100,110)
```
#695c76
```
#695c76 rgb(105,92,118)
```
#69547e
```
#69547e rgb(105,84,126)
```
#684c86
```
#684c86 rgb(104,76,134)
```
#68448e
```
#68448e rgb(104,68,142)
```
#683c96
```
#683c96 rgb(104,60,150)
```
#68349e
```
#68349e rgb(104,52,158)
```
#682ca6
```
#682ca6 rgb(104,44,166)
```
#6724ae
```
#6724ae rgb(103,36,174)
```
#671cb6
```
#671cb6 rgb(103,28,182)
```
#6714be
```
#6714be rgb(103,20,190)
```
#670cc6
```
#670cc6 rgb(103,12,198)
```
#6703cf
```
#6703cf rgb(103,3,207)
```

Tone Color Variation

Below, you can see how #683c96 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

#535353 Achromatopsia 0.005% of the population
#574e60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1457ab Protanopia 1% of men
#2a5b93 Deuteranopia 1% of men
#62585e Tritanopia 0.001% of the population

Trichromacy

#334da3 Protanomaly 1% of men, 0.01% of women
#405094 Deuteranomaly 6% of men, 0.4% of women
#644d72 Tritanomaly 0.01% of the population