#54558f hex color

In a RGB color space, hex #54558f is composed of 32.9% red, 33.3% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 41.3% cyan, 40.6% magenta, 0% yellow and 43.9% black. It has a hue angle of 239 degrees, a saturation of 26% and a lightness of 44.5%. #54558f color hex could be obtained by blending #a8aaff with #00001f. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 33
- B 56
RGB color chart
- C 41
- M 41
- Y 0
- K 44
CMYK color chart

● #54558f color description : Mostly desaturated dark blue.

The hexadecimal color #54558f has RGB values of R:84, G:85, B:143 and CMYK values of C:0.41, M:0.41, Y:0, K:0.44. Its decimal value is 5526927.

Hex triplet	54558f	`#54558f`
RGB Decimal	84, 85, 143	`rgb(84,85,143)`
RGB Percent	32.9, 33.3, 56.1	`rgb(32.9%,33.3%,56.1%)`
CMYK	41, 41, 0, 44
HSL	239°, 26, 44.5	`hsl(239,26%,44.5%)`
HSV (or HSB)	239°, 41.3, 56.1
Web Safe	666699	`#666699`

CIE-LAB	38.489, 14.998, -32.261
XYZ	11.862, 10.365, 27.361
xyY	0.239, 0.209, 10.365
CIE-LCH	38.489, 35.577, 294.933
CIE-LUV	38.489, -3.807, -47.199
Hunter-Lab	32.194, 9.426, -27.852
Binary	01010100, 01010101, 10001111

#54558f
```
#54558f rgb(84,85,143)
```
#8f8e54
```
#8f8e54 rgb(143,142,84)
```

Complementary Color

#54738f
```
#54738f rgb(84,115,143)
```
#54558f
```
#54558f rgb(84,85,143)
```
#71548f
```
#71548f rgb(113,84,143)
```

Analogous Color

#738f54
```
#738f54 rgb(115,143,84)
```
#54558f
```
#54558f rgb(84,85,143)
```
#8f7154
```
#8f7154 rgb(143,113,84)
```

Split Complementary Color

#558f54
```
#558f54 rgb(85,143,84)
```
#54558f
```
#54558f rgb(84,85,143)
```
#8f5455
```
#8f5455 rgb(143,84,85)
```

Triadic Color

#548f8e
```
#548f8e rgb(84,143,142)
```
#54558f
```
#54558f rgb(84,85,143)
```
#8f5455
```
#8f5455 rgb(143,84,85)
```
#8f8e54
```
#8f8e54 rgb(143,142,84)
```

Tetradic Color

#38385f
```
#38385f rgb(56,56,95)
```
#41426f
```
#41426f rgb(65,66,111)
```
#4b4b7f
```
#4b4b7f rgb(75,75,127)
```
#54558f
```
#54558f rgb(84,85,143)
```
#5d5f9f
```
#5d5f9f rgb(93,95,159)
```
#6d6ea9
```
#6d6ea9 rgb(109,110,169)
```
#7d7eb3
```
#7d7eb3 rgb(125,126,179)
```

Monochromatic Color

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

#54648f
```
#54648f rgb(84,100,143)
```
#545f8f
```
#545f8f rgb(84,95,143)
```
#545a8f
```
#545a8f rgb(84,90,143)
```
#54558f
```
#54558f rgb(84,85,143)
```
#58548f
```
#58548f rgb(88,84,143)
```
#5d548f
```
#5d548f rgb(93,84,143)
```
#62548f
```
#62548f rgb(98,84,143)
```

Similar Colors

Text with hexadecimal color #54558f

This text has a font color of #54558f.

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

#54558f background color

This paragraph has a background color of #54558f.

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

#54558f border color

This element has a border color of #54558f.

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

CSS codes

.text {color:#54558f;}

.background {background-color:#54558f;}

.border {border:1px solid #54558f;}

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

#040407
```
#040407 rgb(4,4,7)
```
#0b0c13
```
#0b0c13 rgb(11,12,19)
```
#131320
```
#131320 rgb(19,19,32)
```
#1a1a2c
```
#1a1a2c rgb(26,26,44)
```
#212239
```
#212239 rgb(33,34,57)
```
#282945
```
#282945 rgb(40,41,69)
```
#303051
```
#303051 rgb(48,48,81)
```
#37385e
```
#37385e rgb(55,56,94)
```
#3e3f6a
```
#3e3f6a rgb(62,63,106)
```
#454676
```
#454676 rgb(69,70,118)
```
#4d4e83
```
#4d4e83 rgb(77,78,131)
```
#54558f
```
#54558f rgb(84,85,143)
```
#5b5c9b
```
#5b5c9b rgb(91,92,155)
```

Shade Color Variation

#6567a5
```
#6567a5 rgb(101,103,165)
```
#7273ac
```
#7273ac rgb(114,115,172)
```
#7e7fb3
```
#7e7fb3 rgb(126,127,179)
```
#8b8bbb
```
#8b8bbb rgb(139,139,187)
```
#9798c2
```
#9798c2 rgb(151,152,194)
```
#a3a4c9
```
#a3a4c9 rgb(163,164,201)
```
#b0b0d0
```
#b0b0d0 rgb(176,176,208)
```
#bcbcd8
```
#bcbcd8 rgb(188,188,216)
```
#c8c9df
```
#c8c9df rgb(200,201,223)
```
#d5d5e6
```
#d5d5e6 rgb(213,213,230)
```
#e1e1ed
```
#e1e1ed rgb(225,225,237)
```
#ededf5
```
#ededf5 rgb(237,237,245)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e6e75 is the less saturated color, while #0509de is the most saturated one.

#6e6e75
```
#6e6e75 rgb(110,110,117)
```
#65667e
```
#65667e rgb(101,102,126)
```
#5d5d86
```
#5d5d86 rgb(93,93,134)
```
#54558f
```
#54558f rgb(84,85,143)
```
#4b4d98
```
#4b4d98 rgb(75,77,152)
```
#4344a0
```
#4344a0 rgb(67,68,160)
```
#3a3ca9
```
#3a3ca9 rgb(58,60,169)
```
#3133b2
```
#3133b2 rgb(49,51,178)
```
#282bbb
```
#282bbb rgb(40,43,187)
```
#2022c3
```
#2022c3 rgb(32,34,195)
```
#171acc
```
#171acc rgb(23,26,204)
```
#0e12d5
```
#0e12d5 rgb(14,18,213)
```
#0509de
```
#0509de rgb(5,9,222)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#5a5a65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c6197 Protanopia 1% of men
#486392 Deuteranopia 1% of men
#50666e Tritanopia 0.001% of the population

Trichromacy

#4f5c94 Protanomaly 1% of men, 0.01% of women
#4c5d91 Deuteranomaly 6% of men, 0.4% of women
#52607a Tritanomaly 0.01% of the population

#54558f hex color

#54558f Color Information

#54558f Color Conversion

Color Schemes with #54558f

Alternatives to #54558f

#54558f Preview

Shades and Tints of #54558f

Tones of #54558f

Color Blindness Simulator