#683e60 hex color

In a RGB color space, hex #683e60 is composed of 40.8% red, 24.3% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.4% magenta, 7.7% yellow and 59.2% black. It has a hue angle of 311.4 degrees, a saturation of 25.3% and a lightness of 32.5%. #683e60 color hex could be obtained by blending #d07cc0 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 41
- G 24
- B 38
RGB color chart
- C 0
- M 40
- Y 8
- K 59
CMYK color chart

● #683e60 color description : Very dark desaturated magenta.

The hexadecimal color #683e60 has RGB values of R:104, G:62, B:96 and CMYK values of C:0, M:0.4, Y:0.08, K:0.59. Its decimal value is 6831712.

Hex triplet	683e60	`#683e60`
RGB Decimal	104, 62, 96	`rgb(104,62,96)`
RGB Percent	40.8, 24.3, 37.6	`rgb(40.8%,24.3%,37.6%)`
CMYK	0, 40, 8, 59
HSL	311.4°, 25.3, 32.5	`hsl(311.4,25.3%,32.5%)`
HSV (or HSB)	311.4°, 40.4, 40.8
Web Safe	663366	`#663366`

CIE-LAB	32.332, 24.06, -12.449
XYZ	9.543, 7.233, 11.959
xyY	0.332, 0.252, 7.233
CIE-LCH	32.332, 27.09, 332.642
CIE-LUV	32.332, 21.08, -19.079
Hunter-Lab	26.895, 16.269, -7.538
Binary	01101000, 00111110, 01100000

#683e60
```
#683e60 rgb(104,62,96)
```
#3e6846
```
#3e6846 rgb(62,104,70)
```

Complementary Color

#5b3e68
```
#5b3e68 rgb(91,62,104)
```
#683e60
```
#683e60 rgb(104,62,96)
```
#683e4b
```
#683e4b rgb(104,62,75)
```

Analogous Color

#3e685b
```
#3e685b rgb(62,104,91)
```
#683e60
```
#683e60 rgb(104,62,96)
```
#4b683e
```
#4b683e rgb(75,104,62)
```

Split Complementary Color

#3e6068
```
#3e6068 rgb(62,96,104)
```
#683e60
```
#683e60 rgb(104,62,96)
```
#60683e
```
#60683e rgb(96,104,62)
```

Triadic Color

#463e68
```
#463e68 rgb(70,62,104)
```
#683e60
```
#683e60 rgb(104,62,96)
```
#60683e
```
#60683e rgb(96,104,62)
```
#3e6846
```
#3e6846 rgb(62,104,70)
```

Tetradic Color

#382134
```
#382134 rgb(56,33,52)
```
#482b43
```
#482b43 rgb(72,43,67)
```
#583451
```
#583451 rgb(88,52,81)
```
#683e60
```
#683e60 rgb(104,62,96)
```
#78486f
```
#78486f rgb(120,72,111)
```
#88517d
```
#88517d rgb(136,81,125)
```
#985b8c
```
#985b8c rgb(152,91,140)
```

Monochromatic Color

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

#663e68
```
#663e68 rgb(102,62,104)
```
#683e67
```
#683e67 rgb(104,62,103)
```
#683e64
```
#683e64 rgb(104,62,100)
```
#683e60
```
#683e60 rgb(104,62,96)
```
#683e5d
```
#683e5d rgb(104,62,93)
```
#683e59
```
#683e59 rgb(104,62,89)
```
#683e56
```
#683e56 rgb(104,62,86)
```

Similar Colors

Text with hexadecimal color #683e60

This text has a font color of #683e60.

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

#683e60 background color

This paragraph has a background color of #683e60.

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

#683e60 border color

This element has a border color of #683e60.

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

CSS codes

.text {color:#683e60;}

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

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

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

#060305
```
#060305 rgb(6,3,5)
```
#120b11
```
#120b11 rgb(18,11,17)
```
#1e121c
```
#1e121c rgb(30,18,28)
```
#2b1927
```
#2b1927 rgb(43,25,39)
```
#372133
```
#372133 rgb(55,33,51)
```
#43283e
```
#43283e rgb(67,40,62)
```
#4f2f49
```
#4f2f49 rgb(79,47,73)
```
#5c3755
```
#5c3755 rgb(92,55,85)
```
#683e60
```
#683e60 rgb(104,62,96)
```
#74456b
```
#74456b rgb(116,69,107)
```
#814d77
```
#814d77 rgb(129,77,119)
```
#8d5482
```
#8d5482 rgb(141,84,130)
```
#995b8d
```
#995b8d rgb(153,91,141)
```

Shade Color Variation

#a36597
```
#a36597 rgb(163,101,151)
```
#aa71a0
```
#aa71a0 rgb(170,113,160)
```
#b27ea8
```
#b27ea8 rgb(178,126,168)
```
#b98ab0
```
#b98ab0 rgb(185,138,176)
```
#c096b8
```
#c096b8 rgb(192,150,184)
```
#c8a2c1
```
#c8a2c1 rgb(200,162,193)
```
#cfafc9
```
#cfafc9 rgb(207,175,201)
```
#d6bbd1
```
#d6bbd1 rgb(214,187,209)
```
#dec7d9
```
#dec7d9 rgb(222,199,217)
```
#e5d4e2
```
#e5d4e2 rgb(229,212,226)
```
#ece0ea
```
#ece0ea rgb(236,224,234)
```
#f4ecf2
```
#f4ecf2 rgb(244,236,242)
```
#fbf8fb
```
#fbf8fb rgb(251,248,251)
```

Tint Color Variation

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

#555154
```
#555154 rgb(85,81,84)
```
#5b4b58
```
#5b4b58 rgb(91,75,88)
```
#62445c
```
#62445c rgb(98,68,92)
```
#683e60
```
#683e60 rgb(104,62,96)
```
#6e3864
```
#6e3864 rgb(110,56,100)
```
#753168
```
#753168 rgb(117,49,104)
```
#7b2b6c
```
#7b2b6c rgb(123,43,108)
```
#822470
```
#822470 rgb(130,36,112)
```
#881e74
```
#881e74 rgb(136,30,116)
```
#8e1878
```
#8e1878 rgb(142,24,120)
```
#95117c
```
#95117c rgb(149,17,124)
```
#9b0b80
```
#9b0b80 rgb(155,11,128)
```
#a10584
```
#a10584 rgb(161,5,132)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#534b52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c5470 Protanopia 1% of men
#555364 Deuteranopia 1% of men
#6c4c52 Tritanopia 0.001% of the population

Trichromacy

#564c6a Protanomaly 1% of men, 0.01% of women
#5c4b63 Deuteranomaly 6% of men, 0.4% of women
#6b4757 Tritanomaly 0.01% of the population

#683e60 hex color

#683e60 Color Information

#683e60 Color Conversion

Color Schemes with #683e60

Alternatives to #683e60

#683e60 Preview

Shades and Tints of #683e60

Tones of #683e60

Color Blindness Simulator