#554598 hex color

In a RGB color space, hex #554598 is composed of 33.3% red, 27.1% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 44.1% cyan, 54.6% magenta, 0% yellow and 40.4% black. It has a hue angle of 251.6 degrees, a saturation of 37.6% and a lightness of 43.3%. #554598 color hex could be obtained by blending #aa8aff with #000031. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 27
- B 60
RGB color chart
- C 44
- M 55
- Y 0
- K 40
CMYK color chart

● #554598 color description : Dark moderate blue.

The hexadecimal color #554598 has RGB values of R:85, G:69, B:152 and CMYK values of C:0.44, M:0.55, Y:0, K:0.4. Its decimal value is 5588376.

Hex triplet	554598	`#554598`
RGB Decimal	85, 69, 152	`rgb(85,69,152)`
RGB Percent	33.3, 27.1, 59.6	`rgb(33.3%,27.1%,59.6%)`
CMYK	44, 55, 0, 40
HSL	251.6°, 37.6, 43.3	`hsl(251.6,37.6%,43.3%)`
HSV (or HSB)	251.6°, 54.6, 59.6
Web Safe	663399	`#663399`

CIE-LAB	34.912, 28.145, -43.407
XYZ	11.541, 8.454, 30.728
xyY	0.228, 0.167, 8.454
CIE-LCH	34.912, 51.733, 302.959
CIE-LUV	34.912, 1.09, -62.763
Hunter-Lab	29.076, 19.966, -42.304
Binary	01010101, 01000101, 10011000

#554598
```
#554598 rgb(85,69,152)
```
#889845
```
#889845 rgb(136,152,69)
```

Complementary Color

#455f98
```
#455f98 rgb(69,95,152)
```
#554598
```
#554598 rgb(85,69,152)
```
#7f4598
```
#7f4598 rgb(127,69,152)
```

Analogous Color

#5f9845
```
#5f9845 rgb(95,152,69)
```
#554598
```
#554598 rgb(85,69,152)
```
#987f45
```
#987f45 rgb(152,127,69)
```

Split Complementary Color

#459855
```
#459855 rgb(69,152,85)
```
#554598
```
#554598 rgb(85,69,152)
```
#985545
```
#985545 rgb(152,85,69)
```

Triadic Color

#458898
```
#458898 rgb(69,136,152)
```
#554598
```
#554598 rgb(85,69,152)
```
#985545
```
#985545 rgb(152,85,69)
```
#889845
```
#889845 rgb(136,152,69)
```

Tetradic Color

#382d63
```
#382d63 rgb(56,45,99)
```
#413575
```
#413575 rgb(65,53,117)
```
#4b3d86
```
#4b3d86 rgb(75,61,134)
```
#554598
```
#554598 rgb(85,69,152)
```
#5f4daa
```
#5f4daa rgb(95,77,170)
```
#6d5bb5
```
#6d5bb5 rgb(109,91,181)
```
#7c6dbd
```
#7c6dbd rgb(124,109,189)
```

Monochromatic Color

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

#454a98
```
#454a98 rgb(69,74,152)
```
#474598
```
#474598 rgb(71,69,152)
```
#4e4598
```
#4e4598 rgb(78,69,152)
```
#554598
```
#554598 rgb(85,69,152)
```
#5c4598
```
#5c4598 rgb(92,69,152)
```
#634598
```
#634598 rgb(99,69,152)
```
#6a4598
```
#6a4598 rgb(106,69,152)
```

Similar Colors

Text with hexadecimal color #554598

This text has a font color of #554598.

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

#554598 background color

This paragraph has a background color of #554598.

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

#554598 border color

This element has a border color of #554598.

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

CSS codes

.text {color:#554598;}

.background {background-color:#554598;}

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

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

#020204
```
#020204 rgb(2,2,4)
```
#0a0811
```
#0a0811 rgb(10,8,17)
```
#110e1f
```
#110e1f rgb(17,14,31)
```
#19142c
```
#19142c rgb(25,20,44)
```
#201a3a
```
#201a3a rgb(32,26,58)
```
#282047
```
#282047 rgb(40,32,71)
```
#2f2655
```
#2f2655 rgb(47,38,85)
```
#372d62
```
#372d62 rgb(55,45,98)
```
#3e3370
```
#3e3370 rgb(62,51,112)
```
#46397d
```
#46397d rgb(70,57,125)
```
#4d3f8b
```
#4d3f8b rgb(77,63,139)
```
#554598
```
#554598 rgb(85,69,152)
```
#5d4ba5
```
#5d4ba5 rgb(93,75,165)
```

Shade Color Variation

#6553b1
```
#6553b1 rgb(101,83,177)
```
#7161b7
```
#7161b7 rgb(113,97,183)
```
#7d6ebd
```
#7d6ebd rgb(125,110,189)
```
#8a7cc3
```
#8a7cc3 rgb(138,124,195)
```
#9689ca
```
#9689ca rgb(150,137,202)
```
#a297d0
```
#a297d0 rgb(162,151,208)
```
#aea4d6
```
#aea4d6 rgb(174,164,214)
```
#bab2dc
```
#bab2dc rgb(186,178,220)
```
#c6bfe2
```
#c6bfe2 rgb(198,191,226)
```
#d2cde8
```
#d2cde8 rgb(210,205,232)
```
#dedaee
```
#dedaee rgb(222,218,238)
```
#eae8f4
```
#eae8f4 rgb(234,232,244)
```
#f6f5fb
```
#f6f5fb rgb(246,245,251)
```

Tint Color Variation

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

#6a6776
```
#6a6776 rgb(106,103,118)
```
#655f7f
```
#655f7f rgb(101,95,127)
```
#5f5687
```
#5f5687 rgb(95,86,135)
```
#5a4e90
```
#5a4e90 rgb(90,78,144)
```
#554598
```
#554598 rgb(85,69,152)
```
#503da1
```
#503da1 rgb(80,61,161)
```
#4b34a9
```
#4b34a9 rgb(75,52,169)
```
#452cb2
```
#452cb2 rgb(69,44,178)
```
#4023ba
```
#4023ba rgb(64,35,186)
```
#3b1bc3
```
#3b1bc3 rgb(59,27,195)
```
#3612cb
```
#3612cb rgb(54,18,203)
```
#300ad4
```
#300ad4 rgb(48,10,212)
```
#2b01dc
```
#2b01dc rgb(43,1,220)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#535061 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2658a6 Protanopia 1% of men
#1d5c98 Deuteranopia 1% of men
#4b5d64 Tritanopia 0.001% of the population

Trichromacy

#3751a0 Protanomaly 1% of men, 0.01% of women
#315398 Deuteranomaly 6% of men, 0.4% of women
#4f5477 Tritanomaly 0.01% of the population

#554598 hex color

#554598 Color Information

#554598 Color Conversion

Color Schemes with #554598

Alternatives to #554598

#554598 Preview

Shades and Tints of #554598

Tones of #554598

Color Blindness Simulator