#574168 hex color

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

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

● #574168 color description : Very dark desaturated violet.

The hexadecimal color #574168 has RGB values of R:87, G:65, B:104 and CMYK values of C:0.16, M:0.38, Y:0, K:0.59. Its decimal value is 5718376.

Hex triplet	574168	`#574168`
RGB Decimal	87, 65, 104	`rgb(87,65,104)`
RGB Percent	34.1, 25.5, 40.8	`rgb(34.1%,25.5%,40.8%)`
CMYK	16, 38, 0, 59
HSL	273.8°, 23.1, 33.1	`hsl(273.8,23.1%,33.1%)`
HSV (or HSB)	273.8°, 37.5, 40.8
Web Safe	663366	`#663366`

CIE-LAB	31.362, 17.851, -19.218
XYZ	8.319, 6.806, 13.971
xyY	0.286, 0.234, 6.806
CIE-LCH	31.362, 26.229, 312.888
CIE-LUV	31.362, 8.403, -26.989
Hunter-Lab	26.089, 11.263, -13.489
Binary	01010111, 01000001, 01101000

#574168
```
#574168 rgb(87,65,104)
```
#526841
```
#526841 rgb(82,104,65)
```

Complementary Color

#444168
```
#444168 rgb(68,65,104)
```
#574168
```
#574168 rgb(87,65,104)
```
#684166
```
#684166 rgb(104,65,102)
```

Analogous Color

#416844
```
#416844 rgb(65,104,68)
```
#574168
```
#574168 rgb(87,65,104)
```
#666841
```
#666841 rgb(102,104,65)
```

Split Complementary Color

#416857
```
#416857 rgb(65,104,87)
```
#574168
```
#574168 rgb(87,65,104)
```
#685741
```
#685741 rgb(104,87,65)
```

Triadic Color

#415268
```
#415268 rgb(65,82,104)
```
#574168
```
#574168 rgb(87,65,104)
```
#685741
```
#685741 rgb(104,87,65)
```
#526841
```
#526841 rgb(82,104,65)
```

Tetradic Color

#302439
```
#302439 rgb(48,36,57)
```
#3d2d49
```
#3d2d49 rgb(61,45,73)
```
#4a3758
```
#4a3758 rgb(74,55,88)
```
#574168
```
#574168 rgb(87,65,104)
```
#644b78
```
#644b78 rgb(100,75,120)
```
#715587
```
#715587 rgb(113,85,135)
```
#7e5e97
```
#7e5e97 rgb(126,94,151)
```

Monochromatic Color

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

#4d4168
```
#4d4168 rgb(77,65,104)
```
#514168
```
#514168 rgb(81,65,104)
```
#544168
```
#544168 rgb(84,65,104)
```
#574168
```
#574168 rgb(87,65,104)
```
#5a4168
```
#5a4168 rgb(90,65,104)
```
#5e4168
```
#5e4168 rgb(94,65,104)
```
#614168
```
#614168 rgb(97,65,104)
```

Similar Colors

Text with hexadecimal color #574168

This text has a font color of #574168.

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

#574168 background color

This paragraph has a background color of #574168.

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

#574168 border color

This element has a border color of #574168.

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

CSS codes

.text {color:#574168;}

.background {background-color:#574168;}

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

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

#060507
```
#060507 rgb(6,5,7)
```
#100c14
```
#100c14 rgb(16,12,20)
```
#1a1420
```
#1a1420 rgb(26,20,32)
```
#251b2c
```
#251b2c rgb(37,27,44)
```
#2f2338
```
#2f2338 rgb(47,35,56)
```
#392a44
```
#392a44 rgb(57,42,68)
```
#433250
```
#433250 rgb(67,50,80)
```
#4d395c
```
#4d395c rgb(77,57,92)
```
#574168
```
#574168 rgb(87,65,104)
```
#614974
```
#614974 rgb(97,73,116)
```
#6b5080
```
#6b5080 rgb(107,80,128)
```
#75588c
```
#75588c rgb(117,88,140)
```
#7f5f98
```
#7f5f98 rgb(127,95,152)
```

Shade Color Variation

#896aa2
```
#896aa2 rgb(137,106,162)
```
#9376a9
```
#9376a9 rgb(147,118,169)
```
#9c82b1
```
#9c82b1 rgb(156,130,177)
```
#a68eb8
```
#a68eb8 rgb(166,142,184)
```
#af9ac0
```
#af9ac0 rgb(175,154,192)
```
#b9a6c7
```
#b9a6c7 rgb(185,166,199)
```
#c2b2cf
```
#c2b2cf rgb(194,178,207)
```
#ccbed6
```
#ccbed6 rgb(204,190,214)
```
#d5cade
```
#d5cade rgb(213,202,222)
```
#dfd6e5
```
#dfd6e5 rgb(223,214,229)
```
#e8e2ed
```
#e8e2ed rgb(232,226,237)
```
#f2eef5
```
#f2eef5 rgb(242,238,245)
```
#fbfafc
```
#fbfafc rgb(251,250,252)
```

Tint Color Variation

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

#554e5b
```
#554e5b rgb(85,78,91)
```
#564862
```
#564862 rgb(86,72,98)
```
#574168
```
#574168 rgb(87,65,104)
```
#583b6f
```
#583b6f rgb(88,59,111)
```
#593475
```
#593475 rgb(89,52,117)
```
#5a2e7c
```
#5a2e7c rgb(90,46,124)
```
#5a2782
```
#5a2782 rgb(90,39,130)
```
#5b2189
```
#5b2189 rgb(91,33,137)
```
#5c1a8f
```
#5c1a8f rgb(92,26,143)
```
#5d1496
```
#5d1496 rgb(93,20,150)
```
#5e0d9c
```
#5e0d9c rgb(94,13,156)
```
#5f07a3
```
#5f07a3 rgb(95,7,163)
```
#5f00a9
```
#5f00a9 rgb(95,0,169)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4e4a52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#475274 Protanopia 1% of men
#4b526d Deuteranopia 1% of men
#5a5056 Tritanopia 0.001% of the population

Trichromacy

#4c4b70 Protanomaly 1% of men, 0.01% of women
#4f4b6b Deuteranomaly 6% of men, 0.4% of women
#594a5c Tritanomaly 0.01% of the population

#574168 hex color

#574168 Color Information

#574168 Color Conversion

Color Schemes with #574168

Alternatives to #574168

#574168 Preview

Shades and Tints of #574168

Tones of #574168

Color Blindness Simulator