#683b6a hex color

In a RGB color space, hex #683b6a is composed of 40.8% red, 23.1% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 1.9% cyan, 44.3% magenta, 0% yellow and 58.4% black. It has a hue angle of 297.4 degrees, a saturation of 28.5% and a lightness of 32.4%. #683b6a color hex could be obtained by blending #d076d4 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 41
- G 23
- B 42
RGB color chart
- C 2
- M 44
- Y 0
- K 58
CMYK color chart

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

The hexadecimal color #683b6a has RGB values of R:104, G:59, B:106 and CMYK values of C:0.02, M:0.44, Y:0, K:0.58. Its decimal value is 6830954.

Hex triplet	683b6a	`#683b6a`
RGB Decimal	104, 59, 106	`rgb(104,59,106)`
RGB Percent	40.8, 23.1, 41.6	`rgb(40.8%,23.1%,41.6%)`
CMYK	2, 44, 0, 58
HSL	297.4°, 28.5, 32.4	`hsl(297.4,28.5%,32.4%)`
HSV (or HSB)	297.4°, 44.3, 41.6
Web Safe	663366	`#663366`

CIE-LAB	32.06, 27.891, -19.241
XYZ	9.874, 7.112, 14.488
xyY	0.314, 0.226, 7.112
CIE-LCH	32.06, 33.884, 325.4
CIE-LUV	32.06, 20.418, -28.478
Hunter-Lab	26.668, 19.421, -13.541
Binary	01101000, 00111011, 01101010

#683b6a
```
#683b6a rgb(104,59,106)
```
#3d6a3b
```
#3d6a3b rgb(61,106,59)
```

Complementary Color

#513b6a
```
#513b6a rgb(81,59,106)
```
#683b6a
```
#683b6a rgb(104,59,106)
```
#6a3b55
```
#6a3b55 rgb(106,59,85)
```

Analogous Color

#3b6a51
```
#3b6a51 rgb(59,106,81)
```
#683b6a
```
#683b6a rgb(104,59,106)
```
#556a3b
```
#556a3b rgb(85,106,59)
```

Split Complementary Color

#3b6a68
```
#3b6a68 rgb(59,106,104)
```
#683b6a
```
#683b6a rgb(104,59,106)
```
#6a683b
```
#6a683b rgb(106,104,59)
```

Triadic Color

#3b3d6a
```
#3b3d6a rgb(59,61,106)
```
#683b6a
```
#683b6a rgb(104,59,106)
```
#6a683b
```
#6a683b rgb(106,104,59)
```
#3d6a3b
```
#3d6a3b rgb(61,106,59)
```

Tetradic Color

#382039
```
#382039 rgb(56,32,57)
```
#482949
```
#482949 rgb(72,41,73)
```
#58325a
```
#58325a rgb(88,50,90)
```
#683b6a
```
#683b6a rgb(104,59,106)
```
#78447a
```
#78447a rgb(120,68,122)
```
#884d8b
```
#884d8b rgb(136,77,139)
```
#98569b
```
#98569b rgb(152,86,155)
```

Monochromatic Color

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

#5c3b6a
```
#5c3b6a rgb(92,59,106)
```
#603b6a
```
#603b6a rgb(96,59,106)
```
#643b6a
```
#643b6a rgb(100,59,106)
```
#683b6a
```
#683b6a rgb(104,59,106)
```
#6a3b68
```
#6a3b68 rgb(106,59,104)
```
#6a3b64
```
#6a3b64 rgb(106,59,100)
```
#6a3b60
```
#6a3b60 rgb(106,59,96)
```

Similar Colors

Text with hexadecimal color #683b6a

This text has a font color of #683b6a.

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

#683b6a background color

This paragraph has a background color of #683b6a.

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

#683b6a border color

This element has a border color of #683b6a.

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

CSS codes

.text {color:#683b6a;}

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

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

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

#050305
```
#050305 rgb(5,3,5)
```
#110a12
```
#110a12 rgb(17,10,18)
```
#1e111e
```
#1e111e rgb(30,17,30)
```
#2a182b
```
#2a182b rgb(42,24,43)
```
#371f38
```
#371f38 rgb(55,31,56)
```
#432644
```
#432644 rgb(67,38,68)
```
#4f2d51
```
#4f2d51 rgb(79,45,81)
```
#5c345d
```
#5c345d rgb(92,52,93)
```
#683b6a
```
#683b6a rgb(104,59,106)
```
#744277
```
#744277 rgb(116,66,119)
```
#814983
```
#814983 rgb(129,73,131)
```
#8d5090
```
#8d5090 rgb(141,80,144)
```
#99579c
```
#99579c rgb(153,87,156)
```

Shade Color Variation

#a460a7
```
#a460a7 rgb(164,96,167)
```
#ab6dae
```
#ab6dae rgb(171,109,174)
```
#b27ab5
```
#b27ab5 rgb(178,122,181)
```
#b986bc
```
#b986bc rgb(185,134,188)
```
#c193c3
```
#c193c3 rgb(193,147,195)
```
#c89fca
```
#c89fca rgb(200,159,202)
```
#cfacd1
```
#cfacd1 rgb(207,172,209)
```
#d6b9d8
```
#d6b9d8 rgb(214,185,216)
```
#dec5df
```
#dec5df rgb(222,197,223)
```
#e5d2e6
```
#e5d2e6 rgb(229,210,230)
```
#ecdeed
```
#ecdeed rgb(236,222,237)
```
#f3ebf4
```
#f3ebf4 rgb(243,235,244)
```
#fbf8fb
```
#fbf8fb rgb(251,248,251)
```

Tint Color Variation

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

#574e57
```
#574e57 rgb(87,78,87)
```
#5c485d
```
#5c485d rgb(92,72,93)
```
#624164
```
#624164 rgb(98,65,100)
```
#683b6a
```
#683b6a rgb(104,59,106)
```
#6e3570
```
#6e3570 rgb(110,53,112)
```
#742e77
```
#742e77 rgb(116,46,119)
```
#79287d
```
#79287d rgb(121,40,125)
```
#7f2283
```
#7f2283 rgb(127,34,131)
```
#851b8a
```
#851b8a rgb(133,27,138)
```
#8b1590
```
#8b1590 rgb(139,21,144)
```
#910f96
```
#910f96 rgb(145,15,150)
```
#96089d
```
#96089d rgb(150,8,157)
```
#9c02a3
```
#9c02a3 rgb(156,2,163)
```

Tone Color Variation

Below, you can see how #683b6a 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
#534a54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#45537b Protanopia 1% of men
#4e536d Deuteranopia 1% of men
#6b4c51 Tritanopia 0.001% of the population

Trichromacy

#524a75 Protanomaly 1% of men, 0.01% of women
#574a6c Deuteranomaly 6% of men, 0.4% of women
#69465a Tritanomaly 0.01% of the population

#683b6a hex color

#683b6a Color Information

#683b6a Color Conversion

Color Schemes with #683b6a

Alternatives to #683b6a

#683b6a Preview

Shades and Tints of #683b6a

Tones of #683b6a

Color Blindness Simulator