#54589f hex color

In a RGB color space, hex #54589f is composed of 32.9% red, 34.5% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 47.2% cyan, 44.7% magenta, 0% yellow and 37.6% black. It has a hue angle of 236.8 degrees, a saturation of 30.9% and a lightness of 47.6%. #54589f color hex could be obtained by blending #a8b0ff with #00003f. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 35
- B 62
RGB color chart
- C 47
- M 45
- Y 0
- K 38
CMYK color chart

● #54589f color description : Dark moderate blue.

The hexadecimal color #54589f has RGB values of R:84, G:88, B:159 and CMYK values of C:0.47, M:0.45, Y:0, K:0.38. Its decimal value is 5527711.

Hex triplet	54589f	`#54589f`
RGB Decimal	84, 88, 159	`rgb(84,88,159)`
RGB Percent	32.9, 34.5, 62.4	`rgb(32.9%,34.5%,62.4%)`
CMYK	47, 45, 0, 38
HSL	236.8°, 30.9, 47.6	`hsl(236.8,30.9%,47.6%)`
HSV (or HSB)	236.8°, 47.2, 62.4
Web Safe	666699	`#666699`

CIE-LAB	40.192, 18.041, -39.184
XYZ	13.403, 11.367, 34.287
xyY	0.227, 0.192, 11.367
CIE-LCH	40.192, 43.138, 294.722
CIE-LUV	40.192, -5.691, -58.306
Hunter-Lab	33.715, 11.957, -36.695
Binary	01010100, 01011000, 10011111

#54589f
```
#54589f rgb(84,88,159)
```
#9f9b54
```
#9f9b54 rgb(159,155,84)
```

Complementary Color

#547e9f
```
#547e9f rgb(84,126,159)
```
#54589f
```
#54589f rgb(84,88,159)
```
#76549f
```
#76549f rgb(118,84,159)
```

Analogous Color

#7e9f54
```
#7e9f54 rgb(126,159,84)
```
#54589f
```
#54589f rgb(84,88,159)
```
#9f7654
```
#9f7654 rgb(159,118,84)
```

Split Complementary Color

#589f54
```
#589f54 rgb(88,159,84)
```
#54589f
```
#54589f rgb(84,88,159)
```
#9f5458
```
#9f5458 rgb(159,84,88)
```

Triadic Color

#549f9b
```
#549f9b rgb(84,159,155)
```
#54589f
```
#54589f rgb(84,88,159)
```
#9f5458
```
#9f5458 rgb(159,84,88)
```
#9f9b54
```
#9f9b54 rgb(159,155,84)
```

Tetradic Color

#3a3c6d
```
#3a3c6d rgb(58,60,109)
```
#42467e
```
#42467e rgb(66,70,126)
```
#4b4f8e
```
#4b4f8e rgb(75,79,142)
```
#54589f
```
#54589f rgb(84,88,159)
```
#6165ac
```
#6165ac rgb(97,101,172)
```
#7275b4
```
#7275b4 rgb(114,117,180)
```
#8285bd
```
#8285bd rgb(130,133,189)
```

Monochromatic Color

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

#546b9f
```
#546b9f rgb(84,107,159)
```
#54659f
```
#54659f rgb(84,101,159)
```
#545e9f
```
#545e9f rgb(84,94,159)
```
#54589f
```
#54589f rgb(84,88,159)
```
#56549f
```
#56549f rgb(86,84,159)
```
#5d549f
```
#5d549f rgb(93,84,159)
```
#63549f
```
#63549f rgb(99,84,159)
```

Similar Colors

Text with hexadecimal color #54589f

This text has a font color of #54589f.

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

#54589f background color

This paragraph has a background color of #54589f.

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

#54589f border color

This element has a border color of #54589f.

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

CSS codes

.text {color:#54589f;}

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

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

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

#030305
```
#030305 rgb(3,3,5)
```
#090a12
```
#090a12 rgb(9,10,18)
```
#10111f
```
#10111f rgb(16,17,31)
```
#17182b
```
#17182b rgb(23,24,43)
```
#1e1f38
```
#1e1f38 rgb(30,31,56)
```
#252645
```
#252645 rgb(37,38,69)
```
#2b2d52
```
#2b2d52 rgb(43,45,82)
```
#32345f
```
#32345f rgb(50,52,95)
```
#393c6c
```
#393c6c rgb(57,60,108)
```
#404378
```
#404378 rgb(64,67,120)
```
#464a85
```
#464a85 rgb(70,74,133)
```
#4d5192
```
#4d5192 rgb(77,81,146)
```
#54589f
```
#54589f rgb(84,88,159)
```

Shade Color Variation

#5d61a9
```
#5d61a9 rgb(93,97,169)
```
#6a6eb0
```
#6a6eb0 rgb(106,110,176)
```
#777ab7
```
#777ab7 rgb(119,122,183)
```
#8487be
```
#8487be rgb(132,135,190)
```
#9093c5
```
#9093c5 rgb(144,147,197)
```
#9da0cb
```
#9da0cb rgb(157,160,203)
```
#aaacd2
```
#aaacd2 rgb(170,172,210)
```
#b7b9d9
```
#b7b9d9 rgb(183,185,217)
```
#c4c5e0
```
#c4c5e0 rgb(196,197,224)
```
#d1d2e7
```
#d1d2e7 rgb(209,210,231)
```
#dddeed
```
#dddeed rgb(221,222,237)
```
#eaebf4
```
#eaebf4 rgb(234,235,244)
```
#f7f7fb
```
#f7f7fb rgb(247,247,251)
```

Tint Color Variation

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

#79797a
```
#79797a rgb(121,121,122)
```
#707183
```
#707183 rgb(112,113,131)
```
#67698c
```
#67698c rgb(103,105,140)
```
#5d6096
```
#5d6096 rgb(93,96,150)
```
#54589f
```
#54589f rgb(84,88,159)
```
#4b50a8
```
#4b50a8 rgb(75,80,168)
```
#4147b2
```
#4147b2 rgb(65,71,178)
```
#383fbb
```
#383fbb rgb(56,63,187)
```
#2f37c4
```
#2f37c4 rgb(47,55,196)
```
#252ece
```
#252ece rgb(37,46,206)
```
#1c26d7
```
#1c26d7 rgb(28,38,215)
```
#131ee0
```
#131ee0 rgb(19,30,224)
```
#0915ea
```
#0915ea rgb(9,21,234)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5d5e6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4764a7 Protanopia 1% of men
#3e67a1 Deuteranopia 1% of men
#4b6c73 Tritanopia 0.001% of the population

Trichromacy

#4c60a4 Protanomaly 1% of men, 0.01% of women
#4661a0 Deuteranomaly 6% of men, 0.4% of women
#4e6483 Tritanomaly 0.01% of the population

#54589f hex color

#54589f Color Information

#54589f Color Conversion

Color Schemes with #54589f

Alternatives to #54589f

#54589f Preview

Shades and Tints of #54589f

Tones of #54589f

Color Blindness Simulator