#54356c hex color

In a RGB color space, hex #54356c is composed of 32.9% red, 20.8% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 50.9% magenta, 0% yellow and 57.6% black. It has a hue angle of 273.8 degrees, a saturation of 34.2% and a lightness of 31.6%. #54356c color hex could be obtained by blending #a86ad8 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 33
- G 21
- B 42
RGB color chart
- C 22
- M 51
- Y 0
- K 58
CMYK color chart

● #54356c color description : Very dark desaturated violet.

The hexadecimal color #54356c has RGB values of R:84, G:53, B:108 and CMYK values of C:0.22, M:0.51, Y:0, K:0.58. Its decimal value is 5518700.

Hex triplet	54356c	`#54356c`
RGB Decimal	84, 53, 108	`rgb(84,53,108)`
RGB Percent	32.9, 20.8, 42.4	`rgb(32.9%,20.8%,42.4%)`
CMYK	22, 51, 0, 58
HSL	273.8°, 34.2, 31.6	`hsl(273.8,34.2%,31.6%)`
HSV (or HSB)	273.8°, 50.9, 42.4
Web Safe	663366	`#663366`

CIE-LAB	28.151, 25.437, -26.822
XYZ	7.636, 5.514, 14.849
xyY	0.273, 0.197, 5.514
CIE-LCH	28.151, 36.966, 313.482
CIE-LUV	28.151, 10.462, -36.759
Hunter-Lab	23.482, 16.951, -21.055
Binary	01010100, 00110101, 01101100

#54356c
```
#54356c rgb(84,53,108)
```
#4d6c35
```
#4d6c35 rgb(77,108,53)
```

Complementary Color

#38356c
```
#38356c rgb(56,53,108)
```
#54356c
```
#54356c rgb(84,53,108)
```
#6c3569
```
#6c3569 rgb(108,53,105)
```

Analogous Color

#356c38
```
#356c38 rgb(53,108,56)
```
#54356c
```
#54356c rgb(84,53,108)
```
#696c35
```
#696c35 rgb(105,108,53)
```

Split Complementary Color

#356c54
```
#356c54 rgb(53,108,84)
```
#54356c
```
#54356c rgb(84,53,108)
```
#6c5435
```
#6c5435 rgb(108,84,53)
```

Triadic Color

#354d6c
```
#354d6c rgb(53,77,108)
```
#54356c
```
#54356c rgb(84,53,108)
```
#6c5435
```
#6c5435 rgb(108,84,53)
```
#4d6c35
```
#4d6c35 rgb(77,108,53)
```

Tetradic Color

#2c1c39
```
#2c1c39 rgb(44,28,57)
```
#39244a
```
#39244a rgb(57,36,74)
```
#472d5b
```
#472d5b rgb(71,45,91)
```
#54356c
```
#54356c rgb(84,53,108)
```
#613d7d
```
#613d7d rgb(97,61,125)
```
#6f468e
```
#6f468e rgb(111,70,142)
```
#7c4e9f
```
#7c4e9f rgb(124,78,159)
```

Monochromatic Color

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

#46356c
```
#46356c rgb(70,53,108)
```
#4b356c
```
#4b356c rgb(75,53,108)
```
#4f356c
```
#4f356c rgb(79,53,108)
```
#54356c
```
#54356c rgb(84,53,108)
```
#59356c
```
#59356c rgb(89,53,108)
```
#5d356c
```
#5d356c rgb(93,53,108)
```
#62356c
```
#62356c rgb(98,53,108)
```

Similar Colors

Text with hexadecimal color #54356c

This text has a font color of #54356c.

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

#54356c background color

This paragraph has a background color of #54356c.

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

#54356c border color

This element has a border color of #54356c.

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

CSS codes

.text {color:#54356c;}

.background {background-color:#54356c;}

.border {border:1px solid #54356c;}

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

#020103
```
#020103 rgb(2,1,3)
```
#0c0810
```
#0c0810 rgb(12,8,16)
```
#170e1d
```
#170e1d rgb(23,14,29)
```
#21152a
```
#21152a rgb(33,21,42)
```
#2b1b37
```
#2b1b37 rgb(43,27,55)
```
#352245
```
#352245 rgb(53,34,69)
```
#402852
```
#402852 rgb(64,40,82)
```
#4a2f5f
```
#4a2f5f rgb(74,47,95)
```
#54356c
```
#54356c rgb(84,53,108)
```
#5e3b79
```
#5e3b79 rgb(94,59,121)
```
#684286
```
#684286 rgb(104,66,134)
```
#734893
```
#734893 rgb(115,72,147)
```
#7d4fa1
```
#7d4fa1 rgb(125,79,161)
```

Shade Color Variation

#8757ac
```
#8757ac rgb(135,87,172)
```
#9064b3
```
#9064b3 rgb(144,100,179)
```
#9a71b9
```
#9a71b9 rgb(154,113,185)
```
#a37ec0
```
#a37ec0 rgb(163,126,192)
```
#ad8bc6
```
#ad8bc6 rgb(173,139,198)
```
#b698cd
```
#b698cd rgb(182,152,205)
```
#bfa6d3
```
#bfa6d3 rgb(191,166,211)
```
#c9b3da
```
#c9b3da rgb(201,179,218)
```
#d2c0e0
```
#d2c0e0 rgb(210,192,224)
```
#dbcde7
```
#dbcde7 rgb(219,205,231)
```
#e5daed
```
#e5daed rgb(229,218,237)
```
#eee7f3
```
#eee7f3 rgb(238,231,243)
```
#f8f5fa
```
#f8f5fa rgb(248,245,250)
```

Tint Color Variation

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

#514e53
```
#514e53 rgb(81,78,83)
```
#524859
```
#524859 rgb(82,72,89)
```
#524160
```
#524160 rgb(82,65,96)
```
#533b66
```
#533b66 rgb(83,59,102)
```
#54356c
```
#54356c rgb(84,53,108)
```
#552f72
```
#552f72 rgb(85,47,114)
```
#562978
```
#562978 rgb(86,41,120)
```
#56227f
```
#56227f rgb(86,34,127)
```
#571c85
```
#571c85 rgb(87,28,133)
```
#58168b
```
#58168b rgb(88,22,139)
```
#591091
```
#591091 rgb(89,16,145)
```
#5a0a97
```
#5a0a97 rgb(90,10,151)
```
#5a039e
```
#5a039e rgb(90,3,158)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#48424d Atypical Achromatopsia 0.001% of the population

Dichromacy

#344a7c Protanopia 1% of men
#394c6f Deuteranopia 1% of men
#55484e Tritanopia 0.001% of the population

Trichromacy

#3f4276 Protanomaly 1% of men, 0.01% of women
#43436e Deuteranomaly 6% of men, 0.4% of women
#544158 Tritanomaly 0.01% of the population

#54356c hex color

#54356c Color Information

#54356c Color Conversion

Color Schemes with #54356c

Alternatives to #54356c

#54356c Preview

Shades and Tints of #54356c

Tones of #54356c

Color Blindness Simulator