#554164 hex color

In a RGB color space, hex #554164 is composed of 33.3% red, 25.5% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 35% magenta, 0% yellow and 60.8% black. It has a hue angle of 274.3 degrees, a saturation of 21.2% and a lightness of 32.4%. #554164 color hex could be obtained by blending #aa82c8 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 33
- G 25
- B 39
RGB color chart
- C 15
- M 35
- Y 0
- K 61
CMYK color chart

● #554164 color description : Very dark desaturated violet.

The hexadecimal color #554164 has RGB values of R:85, G:65, B:100 and CMYK values of C:0.15, M:0.35, Y:0, K:0.61. Its decimal value is 5587300.

Hex triplet	554164	`#554164`
RGB Decimal	85, 65, 100	`rgb(85,65,100)`
RGB Percent	33.3, 25.5, 39.2	`rgb(33.3%,25.5%,39.2%)`
CMYK	15, 35, 0, 61
HSL	274.3°, 21.2, 32.4	`hsl(274.3,21.2%,32.4%)`
HSV (or HSB)	274.3°, 35, 39.2
Web Safe	663366	`#663366`

CIE-LAB	30.954, 16.152, -17.319
XYZ	7.937, 6.632, 12.918
xyY	0.289, 0.241, 6.632
CIE-LCH	30.954, 23.682, 313.004
CIE-LUV	30.954, 7.784, -24.14
Hunter-Lab	25.753, 9.943, -11.714
Binary	01010101, 01000001, 01100100

#554164
```
#554164 rgb(85,65,100)
```
#506441
```
#506441 rgb(80,100,65)
```

Complementary Color

#444164
```
#444164 rgb(68,65,100)
```
#554164
```
#554164 rgb(85,65,100)
```
#644162
```
#644162 rgb(100,65,98)
```

Analogous Color

#416444
```
#416444 rgb(65,100,68)
```
#554164
```
#554164 rgb(85,65,100)
```
#626441
```
#626441 rgb(98,100,65)
```

Split Complementary Color

#416455
```
#416455 rgb(65,100,85)
```
#554164
```
#554164 rgb(85,65,100)
```
#645541
```
#645541 rgb(100,85,65)
```

Triadic Color

#415064
```
#415064 rgb(65,80,100)
```
#554164
```
#554164 rgb(85,65,100)
```
#645541
```
#645541 rgb(100,85,65)
```
#506441
```
#506441 rgb(80,100,65)
```

Tetradic Color

#2e2336
```
#2e2336 rgb(46,35,54)
```
#3b2d45
```
#3b2d45 rgb(59,45,69)
```
#483755
```
#483755 rgb(72,55,85)
```
#554164
```
#554164 rgb(85,65,100)
```
#624b73
```
#624b73 rgb(98,75,115)
```
#6f5583
```
#6f5583 rgb(111,85,131)
```
#7c5f92
```
#7c5f92 rgb(124,95,146)
```

Monochromatic Color

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

#4c4164
```
#4c4164 rgb(76,65,100)
```
#4f4164
```
#4f4164 rgb(79,65,100)
```
#524164
```
#524164 rgb(82,65,100)
```
#554164
```
#554164 rgb(85,65,100)
```
#584164
```
#584164 rgb(88,65,100)
```
#5b4164
```
#5b4164 rgb(91,65,100)
```
#5e4164
```
#5e4164 rgb(94,65,100)
```

Similar Colors

Text with hexadecimal color #554164

This text has a font color of #554164.

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

#554164 background color

This paragraph has a background color of #554164.

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

#554164 border color

This element has a border color of #554164.

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

CSS codes

.text {color:#554164;}

.background {background-color:#554164;}

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

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 #f9f8fa is the lightest one.

#040305
```
#040305 rgb(4,3,5)
```
#0e0b11
```
#0e0b11 rgb(14,11,17)
```
#18131d
```
#18131d rgb(24,19,29)
```
#221a29
```
#221a29 rgb(34,26,41)
```
#2d2234
```
#2d2234 rgb(45,34,52)
```
#372a40
```
#372a40 rgb(55,42,64)
```
#41324c
```
#41324c rgb(65,50,76)
```
#4b3958
```
#4b3958 rgb(75,57,88)
```
#554164
```
#554164 rgb(85,65,100)
```
#5f4970
```
#5f4970 rgb(95,73,112)
```
#69507c
```
#69507c rgb(105,80,124)
```
#735888
```
#735888 rgb(115,88,136)
```
#7d6094
```
#7d6094 rgb(125,96,148)
```

Shade Color Variation

#87699e
```
#87699e rgb(135,105,158)
```
#9175a5
```
#9175a5 rgb(145,117,165)
```
#9a81ad
```
#9a81ad rgb(154,129,173)
```
#a48db5
```
#a48db5 rgb(164,141,181)
```
#ad99bd
```
#ad99bd rgb(173,153,189)
```
#b7a5c4
```
#b7a5c4 rgb(183,165,196)
```
#c0b1cc
```
#c0b1cc rgb(192,177,204)
```
#cabdd4
```
#cabdd4 rgb(202,189,212)
```
#d3c8dc
```
#d3c8dc rgb(211,200,220)
```
#ddd4e3
```
#ddd4e3 rgb(221,212,227)
```
#e6e0eb
```
#e6e0eb rgb(230,224,235)
```
#f0ecf3
```
#f0ecf3 rgb(240,236,243)
```
#f9f8fa
```
#f9f8fa rgb(249,248,250)
```

Tint Color Variation

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

#534e57
```
#534e57 rgb(83,78,87)
```
#54475e
```
#54475e rgb(84,71,94)
```
#554164
```
#554164 rgb(85,65,100)
```
#563b6a
```
#563b6a rgb(86,59,106)
```
#573471
```
#573471 rgb(87,52,113)
```
#582e77
```
#582e77 rgb(88,46,119)
```
#59287d
```
#59287d rgb(89,40,125)
```
#5a2184
```
#5a2184 rgb(90,33,132)
```
#5a1b8a
```
#5a1b8a rgb(90,27,138)
```
#5b1590
```
#5b1590 rgb(91,21,144)
```
#5c0e97
```
#5c0e97 rgb(92,14,151)
```
#5d089d
```
#5d089d rgb(93,8,157)
```
#5e02a3
```
#5e02a3 rgb(94,2,163)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#4d4950 Atypical Achromatopsia 0.001% of the population

Dichromacy

#485170 Protanopia 1% of men
#4c5169 Deuteranopia 1% of men
#594f55 Tritanopia 0.001% of the population

Trichromacy

#4c4b6b Protanomaly 1% of men, 0.01% of women
#4f4b67 Deuteranomaly 6% of men, 0.4% of women
#574a5a Tritanomaly 0.01% of the population

#554164 hex color

#554164 Color Information

#554164 Color Conversion

Color Schemes with #554164

Alternatives to #554164

#554164 Preview

Shades and Tints of #554164

Tones of #554164

Color Blindness Simulator