#54396c hex color

In a RGB color space, hex #54396c is composed of 32.9% red, 22.4% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 47.2% magenta, 0% yellow and 57.6% black. It has a hue angle of 271.8 degrees, a saturation of 30.9% and a lightness of 32.4%. #54396c color hex could be obtained by blending #a872d8 with #000000. Closest websafe color is: #663366.

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

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

The hexadecimal color #54396c has RGB values of R:84, G:57, B:108 and CMYK values of C:0.22, M:0.47, Y:0, K:0.58. Its decimal value is 5519724.

Hex triplet	54396c	`#54396c`
RGB Decimal	84, 57, 108	`rgb(84,57,108)`
RGB Percent	32.9, 22.4, 42.4	`rgb(32.9%,22.4%,42.4%)`
CMYK	22, 47, 0, 58
HSL	271.8°, 30.9, 32.4	`hsl(271.8,30.9%,32.4%)`
HSV (or HSB)	271.8°, 47.2, 42.4
Web Safe	663366	`#663366`

CIE-LAB	29.143, 22.936, -25.258
XYZ	7.826, 5.894, 14.912
xyY	0.273, 0.206, 5.894
CIE-LCH	29.143, 34.118, 312.242
CIE-LUV	29.143, 9.173, -34.874
Hunter-Lab	24.277, 15.053, -19.424
Binary	01010100, 00111001, 01101100

#54396c
```
#54396c rgb(84,57,108)
```
#516c39
```
#516c39 rgb(81,108,57)
```

Complementary Color

#3b396c
```
#3b396c rgb(59,57,108)
```
#54396c
```
#54396c rgb(84,57,108)
```
#6c396b
```
#6c396b rgb(108,57,107)
```

Analogous Color

#396c3b
```
#396c3b rgb(57,108,59)
```
#54396c
```
#54396c rgb(84,57,108)
```
#6b6c39
```
#6b6c39 rgb(107,108,57)
```

Split Complementary Color

#396c54
```
#396c54 rgb(57,108,84)
```
#54396c
```
#54396c rgb(84,57,108)
```
#6c5439
```
#6c5439 rgb(108,84,57)
```

Triadic Color

#39516c
```
#39516c rgb(57,81,108)
```
#54396c
```
#54396c rgb(84,57,108)
```
#6c5439
```
#6c5439 rgb(108,84,57)
```
#516c39
```
#516c39 rgb(81,108,57)
```

Tetradic Color

#2d1f3a
```
#2d1f3a rgb(45,31,58)
```
#3a274b
```
#3a274b rgb(58,39,75)
```
#47305b
```
#47305b rgb(71,48,91)
```
#54396c
```
#54396c rgb(84,57,108)
```
#61427d
```
#61427d rgb(97,66,125)
```
#6e4b8d
```
#6e4b8d rgb(110,75,141)
```
#7b539e
```
#7b539e rgb(123,83,158)
```

Monochromatic Color

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

#47396c
```
#47396c rgb(71,57,108)
```
#4c396c
```
#4c396c rgb(76,57,108)
```
#50396c
```
#50396c rgb(80,57,108)
```
#54396c
```
#54396c rgb(84,57,108)
```
#58396c
```
#58396c rgb(88,57,108)
```
#5d396c
```
#5d396c rgb(93,57,108)
```
#61396c
```
#61396c rgb(97,57,108)
```

Similar Colors

Text with hexadecimal color #54396c

This text has a font color of #54396c.

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

#54396c background color

This paragraph has a background color of #54396c.

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

#54396c border color

This element has a border color of #54396c.

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

CSS codes

.text {color:#54396c;}

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

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

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

#040305
```
#040305 rgb(4,3,5)
```
#0e0a12
```
#0e0a12 rgb(14,10,18)
```
#18101f
```
#18101f rgb(24,16,31)
```
#22172c
```
#22172c rgb(34,23,44)
```
#2c1e39
```
#2c1e39 rgb(44,30,57)
```
#362545
```
#362545 rgb(54,37,69)
```
#402b52
```
#402b52 rgb(64,43,82)
```
#4a325f
```
#4a325f rgb(74,50,95)
```
#54396c
```
#54396c rgb(84,57,108)
```
#5e4079
```
#5e4079 rgb(94,64,121)
```
#684786
```
#684786 rgb(104,71,134)
```
#724d93
```
#724d93 rgb(114,77,147)
```
#7c549f
```
#7c549f rgb(124,84,159)
```

Shade Color Variation

#865daa
```
#865daa rgb(134,93,170)
```
#8f6ab0
```
#8f6ab0 rgb(143,106,176)
```
#9977b7
```
#9977b7 rgb(153,119,183)
```
#a384be
```
#a384be rgb(163,132,190)
```
#ac91c5
```
#ac91c5 rgb(172,145,197)
```
#b69ecc
```
#b69ecc rgb(182,158,204)
```
#c0aad2
```
#c0aad2 rgb(192,170,210)
```
#c9b7d9
```
#c9b7d9 rgb(201,183,217)
```
#d3c4e0
```
#d3c4e0 rgb(211,196,224)
```
#dcd1e7
```
#dcd1e7 rgb(220,209,231)
```
#e6deed
```
#e6deed rgb(230,222,237)
```
#f0ebf4
```
#f0ebf4 rgb(240,235,244)
```
#f9f7fb
```
#f9f7fb rgb(249,247,251)
```

Tint Color Variation

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

#535253
```
#535253 rgb(83,82,83)
```
#534c59
```
#534c59 rgb(83,76,89)
```
#53465f
```
#53465f rgb(83,70,95)
```
#543f66
```
#543f66 rgb(84,63,102)
```
#54396c
```
#54396c rgb(84,57,108)
```
#543372
```
#543372 rgb(84,51,114)
```
#552c79
```
#552c79 rgb(85,44,121)
```
#55267f
```
#55267f rgb(85,38,127)
```
#552085
```
#552085 rgb(85,32,133)
```
#56198c
```
#56198c rgb(86,25,140)
```
#561392
```
#561392 rgb(86,19,146)
```
#570d98
```
#570d98 rgb(87,13,152)
```
#57069f
```
#57069f rgb(87,6,159)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#4a444e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a4c7a Protanopia 1% of men
#3e4d70 Deuteranopia 1% of men
#554b50 Tritanopia 0.001% of the population

Trichromacy

#434575 Protanomaly 1% of men, 0.01% of women
#46466e Deuteranomaly 6% of men, 0.4% of women
#55445a Tritanomaly 0.01% of the population

#54396c hex color

#54396c Color Information

#54396c Color Conversion

Color Schemes with #54396c

Alternatives to #54396c

#54396c Preview

Shades and Tints of #54396c

Tones of #54396c

Color Blindness Simulator