#684158 hex color

In a RGB color space, hex #684158 is composed of 40.8% red, 25.5% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37.5% magenta, 15.4% yellow and 59.2% black. It has a hue angle of 324.6 degrees, a saturation of 23.1% and a lightness of 33.1%. #684158 color hex could be obtained by blending #d082b0 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 41
- G 25
- B 35
RGB color chart
- C 0
- M 38
- Y 15
- K 59
CMYK color chart

● #684158 color description : Very dark desaturated pink.

The hexadecimal color #684158 has RGB values of R:104, G:65, B:88 and CMYK values of C:0, M:0.38, Y:0.15, K:0.59. Its decimal value is 6832472.

Hex triplet	684158	`#684158`
RGB Decimal	104, 65, 88	`rgb(104,65,88)`
RGB Percent	40.8, 25.5, 34.5	`rgb(40.8%,25.5%,34.5%)`
CMYK	0, 38, 15, 59
HSL	324.6°, 23.1, 33.1	`hsl(324.6,23.1%,33.1%)`
HSV (or HSB)	324.6°, 37.5, 40.8
Web Safe	663366	`#663366`

CIE-LAB	32.763, 20.713, -6.677
XYZ	9.361, 7.429, 10.173
xyY	0.347, 0.276, 7.429
CIE-LCH	32.763, 21.762, 342.132
CIE-LUV	32.763, 21.133, -11.275
Hunter-Lab	27.256, 13.606, -3.05
Binary	01101000, 01000001, 01011000

#684158
```
#684158 rgb(104,65,88)
```
#416851
```
#416851 rgb(65,104,81)
```

Complementary Color

#654168
```
#654168 rgb(101,65,104)
```
#684158
```
#684158 rgb(104,65,88)
```
#684145
```
#684145 rgb(104,65,69)
```

Analogous Color

#416865
```
#416865 rgb(65,104,101)
```
#684158
```
#684158 rgb(104,65,88)
```
#456841
```
#456841 rgb(69,104,65)
```

Split Complementary Color

#415868
```
#415868 rgb(65,88,104)
```
#684158
```
#684158 rgb(104,65,88)
```
#586841
```
#586841 rgb(88,104,65)
```

Triadic Color

#514168
```
#514168 rgb(81,65,104)
```
#684158
```
#684158 rgb(104,65,88)
```
#586841
```
#586841 rgb(88,104,65)
```
#416851
```
#416851 rgb(65,104,81)
```

Tetradic Color

#392430
```
#392430 rgb(57,36,48)
```
#492d3d
```
#492d3d rgb(73,45,61)
```
#58374b
```
#58374b rgb(88,55,75)
```
#684158
```
#684158 rgb(104,65,88)
```
#784b65
```
#784b65 rgb(120,75,101)
```
#875573
```
#875573 rgb(135,85,115)
```
#975e80
```
#975e80 rgb(151,94,128)
```

Monochromatic Color

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

#684162
```
#684162 rgb(104,65,98)
```
#68415f
```
#68415f rgb(104,65,95)
```
#68415b
```
#68415b rgb(104,65,91)
```
#684158
```
#684158 rgb(104,65,88)
```
#684155
```
#684155 rgb(104,65,85)
```
#684152
```
#684152 rgb(104,65,82)
```
#68414e
```
#68414e rgb(104,65,78)
```

Similar Colors

Text with hexadecimal color #684158

This text has a font color of #684158.

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

#684158 background color

This paragraph has a background color of #684158.

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

#684158 border color

This element has a border color of #684158.

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

CSS codes

.text {color:#684158;}

.background {background-color:#684158;}

.border {border:1px solid #684158;}

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

#070506
```
#070506 rgb(7,5,6)
```
#140c11
```
#140c11 rgb(20,12,17)
```
#20141b
```
#20141b rgb(32,20,27)
```
#2c1b25
```
#2c1b25 rgb(44,27,37)
```
#38232f
```
#38232f rgb(56,35,47)
```
#442a39
```
#442a39 rgb(68,42,57)
```
#503244
```
#503244 rgb(80,50,68)
```
#5c394e
```
#5c394e rgb(92,57,78)
```
#684158
```
#684158 rgb(104,65,88)
```
#744962
```
#744962 rgb(116,73,98)
```
#80506c
```
#80506c rgb(128,80,108)
```
#8c5877
```
#8c5877 rgb(140,88,119)
```
#985f81
```
#985f81 rgb(152,95,129)
```

Shade Color Variation

#a26a8b
```
#a26a8b rgb(162,106,139)
```
#a97694
```
#a97694 rgb(169,118,148)
```
#b1829d
```
#b1829d rgb(177,130,157)
```
#b88ea7
```
#b88ea7 rgb(184,142,167)
```
#c09ab0
```
#c09ab0 rgb(192,154,176)
```
#c7a6ba
```
#c7a6ba rgb(199,166,186)
```
#cfb2c3
```
#cfb2c3 rgb(207,178,195)
```
#d6becc
```
#d6becc rgb(214,190,204)
```
#decad6
```
#decad6 rgb(222,202,214)
```
#e5d6df
```
#e5d6df rgb(229,214,223)
```
#ede2e9
```
#ede2e9 rgb(237,226,233)
```
#f5eef2
```
#f5eef2 rgb(245,238,242)
```
#fcfafb
```
#fcfafb rgb(252,250,251)
```

Tint Color Variation

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

#5b4e56
```
#5b4e56 rgb(91,78,86)
```
#624857
```
#624857 rgb(98,72,87)
```
#684158
```
#684158 rgb(104,65,88)
```
#6f3b59
```
#6f3b59 rgb(111,59,89)
```
#75345a
```
#75345a rgb(117,52,90)
```
#7c2e5c
```
#7c2e5c rgb(124,46,92)
```
#82275d
```
#82275d rgb(130,39,93)
```
#89215e
```
#89215e rgb(137,33,94)
```
#8f1a5f
```
#8f1a5f rgb(143,26,95)
```
#961460
```
#961460 rgb(150,20,96)
```
#9c0d61
```
#9c0d61 rgb(156,13,97)
```
#a30763
```
#a30763 rgb(163,7,99)
```
#a90064
```
#a90064 rgb(169,0,100)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#544c51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#525567 Protanopia 1% of men
#5a545e Deuteranopia 1% of men
#6e4d52 Tritanopia 0.001% of the population

Trichromacy

#5a4e61 Protanomaly 1% of men, 0.01% of women
#5f4d5b Deuteranomaly 6% of men, 0.4% of women
#6b4854 Tritanomaly 0.01% of the population

#684158 hex color

#684158 Color Information

#684158 Color Conversion

Color Schemes with #684158

Alternatives to #684158

#684158 Preview

Shades and Tints of #684158

Tones of #684158

Color Blindness Simulator