#554458 hex color

In a RGB color space, hex #554458 is composed of 33.3% red, 26.7% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 3.4% cyan, 22.7% magenta, 0% yellow and 65.5% black. It has a hue angle of 291 degrees, a saturation of 12.8% and a lightness of 30.6%. #554458 color hex could be obtained by blending #aa88b0 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 33
- G 27
- B 35
RGB color chart
- C 3
- M 23
- Y 0
- K 65
CMYK color chart

● #554458 color description : Very dark grayish magenta.

The hexadecimal color #554458 has RGB values of R:85, G:68, B:88 and CMYK values of C:0.03, M:0.23, Y:0, K:0.65. Its decimal value is 5588056.

Hex triplet	554458	`#554458`
RGB Decimal	85, 68, 88	`rgb(85,68,88)`
RGB Percent	33.3, 26.7, 34.5	`rgb(33.3%,26.7%,34.5%)`
CMYK	3, 23, 0, 65
HSL	291°, 12.8, 30.6	`hsl(291,12.8%,30.6%)`
HSV (or HSB)	291°, 22.7, 34.5
Web Safe	663366	`#663366`

CIE-LAB	31.278, 11.383, -9.14
XYZ	7.575, 6.77, 10.14
xyY	0.309, 0.277, 6.77
CIE-LCH	31.278, 14.599, 321.238
CIE-LUV	31.278, 7.839, -12.888
Hunter-Lab	26.02, 6.429, -4.891
Binary	01010101, 01000100, 01011000

#554458
```
#554458 rgb(85,68,88)
```
#475844
```
#475844 rgb(71,88,68)
```

Complementary Color

#4b4458
```
#4b4458 rgb(75,68,88)
```
#554458
```
#554458 rgb(85,68,88)
```
#584451
```
#584451 rgb(88,68,81)
```

Analogous Color

#44584b
```
#44584b rgb(68,88,75)
```
#554458
```
#554458 rgb(85,68,88)
```
#515844
```
#515844 rgb(81,88,68)
```

Split Complementary Color

#445855
```
#445855 rgb(68,88,85)
```
#554458
```
#554458 rgb(85,68,88)
```
#585544
```
#585544 rgb(88,85,68)
```

Triadic Color

#444758
```
#444758 rgb(68,71,88)
```
#554458
```
#554458 rgb(85,68,88)
```
#585544
```
#585544 rgb(88,85,68)
```
#475844
```
#475844 rgb(71,88,68)
```

Tetradic Color

#2b232d
```
#2b232d rgb(43,35,45)
```
#392e3b
```
#392e3b rgb(57,46,59)
```
#47394a
```
#47394a rgb(71,57,74)
```
#554458
```
#554458 rgb(85,68,88)
```
#634f66
```
#634f66 rgb(99,79,102)
```
#715a75
```
#715a75 rgb(113,90,117)
```
#7f6583
```
#7f6583 rgb(127,101,131)
```

Monochromatic Color

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

#504458
```
#504458 rgb(80,68,88)
```
#524458
```
#524458 rgb(82,68,88)
```
#534458
```
#534458 rgb(83,68,88)
```
#554458
```
#554458 rgb(85,68,88)
```
#574458
```
#574458 rgb(87,68,88)
```
#584458
```
#584458 rgb(88,68,88)
```
#584456
```
#584456 rgb(88,68,86)
```

Similar Colors

Text with hexadecimal color #554458

This text has a font color of #554458.

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

#554458 background color

This paragraph has a background color of #554458.

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

#554458 border color

This element has a border color of #554458.

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

CSS codes

.text {color:#554458;}

.background {background-color:#554458;}

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

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, #0a080b is the darkest color, while #fffeff is the lightest one.

#0a080b
```
#0a080b rgb(10,8,11)
```
#151116
```
#151116 rgb(21,17,22)
```
#201921
```
#201921 rgb(32,25,33)
```
#2a222c
```
#2a222c rgb(42,34,44)
```
#352a37
```
#352a37 rgb(53,42,55)
```
#403342
```
#403342 rgb(64,51,66)
```
#4a3b4d
```
#4a3b4d rgb(74,59,77)
```
#554458
```
#554458 rgb(85,68,88)
```
#604d63
```
#604d63 rgb(96,77,99)
```
#6a556e
```
#6a556e rgb(106,85,110)
```
#755e79
```
#755e79 rgb(117,94,121)
```
#806684
```
#806684 rgb(128,102,132)
```
#8a6f8f
```
#8a6f8f rgb(138,111,143)
```

Shade Color Variation

#937a98
```
#937a98 rgb(147,122,152)
```
#9c85a1
```
#9c85a1 rgb(156,133,161)
```
#a590a9
```
#a590a9 rgb(165,144,169)
```
#ae9bb2
```
#ae9bb2 rgb(174,155,178)
```
#b7a6ba
```
#b7a6ba rgb(183,166,186)
```
#c0b1c3
```
#c0b1c3 rgb(192,177,195)
```
#c9bccb
```
#c9bccb rgb(201,188,203)
```
#d2c7d4
```
#d2c7d4 rgb(210,199,212)
```
#dbd2dc
```
#dbd2dc rgb(219,210,220)
```
#e4dde5
```
#e4dde5 rgb(228,221,229)
```
#ede8ed
```
#ede8ed rgb(237,232,237)
```
#f6f3f6
```
#f6f3f6 rgb(246,243,246)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#514a52
```
#514a52 rgb(81,74,82)
```
#554458
```
#554458 rgb(85,68,88)
```
#593e5e
```
#593e5e rgb(89,62,94)
```
#5d3864
```
#5d3864 rgb(93,56,100)
```
#62326a
```
#62326a rgb(98,50,106)
```
#662c70
```
#662c70 rgb(102,44,112)
```
#6a2676
```
#6a2676 rgb(106,38,118)
```
#6e207c
```
#6e207c rgb(110,32,124)
```
#721a82
```
#721a82 rgb(114,26,130)
```
#771488
```
#771488 rgb(119,20,136)
```
#7b0e8e
```
#7b0e8e rgb(123,14,142)
```
#7f0894
```
#7f0894 rgb(127,8,148)
```
#83029a
```
#83029a rgb(131,2,154)
```

Tone Color Variation

Below, you can see how #554458 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
#4d4a4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e5263 Protanopia 1% of men
#54515f Deuteranopia 1% of men
#5b4f55 Tritanopia 0.001% of the population

Trichromacy

#514d5f Protanomaly 1% of men, 0.01% of women
#544c5c Deuteranomaly 6% of men, 0.4% of women
#594b56 Tritanomaly 0.01% of the population

#554458 hex color

#554458 Color Information

#554458 Color Conversion

Color Schemes with #554458

Alternatives to #554458

#554458 Preview

Shades and Tints of #554458

Tones of #554458

Color Blindness Simulator