#554b89 hex color

In a RGB color space, hex #554b89 is composed of 33.3% red, 29.4% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 38% cyan, 45.3% magenta, 0% yellow and 46.3% black. It has a hue angle of 249.7 degrees, a saturation of 29.2% and a lightness of 41.6%. #554b89 color hex could be obtained by blending #aa96ff with #000013. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 29
- B 54
RGB color chart
- C 38
- M 45
- Y 0
- K 46
CMYK color chart

● #554b89 color description : Dark moderate blue.

The hexadecimal color #554b89 has RGB values of R:85, G:75, B:137 and CMYK values of C:0.38, M:0.45, Y:0, K:0.46. Its decimal value is 5589897.

Hex triplet	554b89	`#554b89`
RGB Decimal	85, 75, 137	`rgb(85,75,137)`
RGB Percent	33.3, 29.4, 53.7	`rgb(33.3%,29.4%,53.7%)`
CMYK	38, 45, 0, 46
HSL	249.7°, 29.2, 41.6	`hsl(249.7,29.2%,41.6%)`
HSV (or HSB)	249.7°, 45.3, 53.7
Web Safe	663399	`#663399`

CIE-LAB	35.537, 19.863, -33.269
XYZ	10.777, 8.769, 24.79
xyY	0.243, 0.198, 8.769
CIE-LCH	35.537, 38.748, 300.84
CIE-LUV	35.537, 0.507, -48.094
Hunter-Lab	29.613, 13.137, -28.905
Binary	01010101, 01001011, 10001001

#554b89
```
#554b89 rgb(85,75,137)
```
#7f894b
```
#7f894b rgb(127,137,75)
```

Complementary Color

#4b6089
```
#4b6089 rgb(75,96,137)
```
#554b89
```
#554b89 rgb(85,75,137)
```
#744b89
```
#744b89 rgb(116,75,137)
```

Analogous Color

#60894b
```
#60894b rgb(96,137,75)
```
#554b89
```
#554b89 rgb(85,75,137)
```
#89744b
```
#89744b rgb(137,116,75)
```

Split Complementary Color

#4b8955
```
#4b8955 rgb(75,137,85)
```
#554b89
```
#554b89 rgb(85,75,137)
```
#89554b
```
#89554b rgb(137,85,75)
```

Triadic Color

#4b7f89
```
#4b7f89 rgb(75,127,137)
```
#554b89
```
#554b89 rgb(85,75,137)
```
#89554b
```
#89554b rgb(137,85,75)
```
#7f894b
```
#7f894b rgb(127,137,75)
```

Tetradic Color

#363058
```
#363058 rgb(54,48,88)
```
#413968
```
#413968 rgb(65,57,104)
```
#4b4279
```
#4b4279 rgb(75,66,121)
```
#554b89
```
#554b89 rgb(85,75,137)
```
#5f5499
```
#5f5499 rgb(95,84,153)
```
#6b5fa8
```
#6b5fa8 rgb(107,95,168)
```
#7a70b1
```
#7a70b1 rgb(122,112,177)
```

Monochromatic Color

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

#4b5189
```
#4b5189 rgb(75,81,137)
```
#4b4b89
```
#4b4b89 rgb(75,75,137)
```
#504b89
```
#504b89 rgb(80,75,137)
```
#554b89
```
#554b89 rgb(85,75,137)
```
#5a4b89
```
#5a4b89 rgb(90,75,137)
```
#5f4b89
```
#5f4b89 rgb(95,75,137)
```
#654b89
```
#654b89 rgb(101,75,137)
```

Similar Colors

Text with hexadecimal color #554b89

This text has a font color of #554b89.

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

#554b89 background color

This paragraph has a background color of #554b89.

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

#554b89 border color

This element has a border color of #554b89.

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

CSS codes

.text {color:#554b89;}

.background {background-color:#554b89;}

.border {border:1px solid #554b89;}

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, #06060a is the darkest color, while #fdfdfe is the lightest one.

#06060a
```
#06060a rgb(6,6,10)
```
#0e0d17
```
#0e0d17 rgb(14,13,23)
```
#161324
```
#161324 rgb(22,19,36)
```
#1e1a30
```
#1e1a30 rgb(30,26,48)
```
#26213d
```
#26213d rgb(38,33,61)
```
#2e284a
```
#2e284a rgb(46,40,74)
```
#362f56
```
#362f56 rgb(54,47,86)
```
#3d3663
```
#3d3663 rgb(61,54,99)
```
#453d70
```
#453d70 rgb(69,61,112)
```
#4d447c
```
#4d447c rgb(77,68,124)
```
#554b89
```
#554b89 rgb(85,75,137)
```
#5d5296
```
#5d5296 rgb(93,82,150)
```
#6559a2
```
#6559a2 rgb(101,89,162)
```

Shade Color Variation

#7064aa
```
#7064aa rgb(112,100,170)
```
#7b71b1
```
#7b71b1 rgb(123,113,177)
```
#877eb8
```
#877eb8 rgb(135,126,184)
```
#938abf
```
#938abf rgb(147,138,191)
```
#9f97c6
```
#9f97c6 rgb(159,151,198)
```
#aaa4cd
```
#aaa4cd rgb(170,164,205)
```
#b6b1d4
```
#b6b1d4 rgb(182,177,212)
```
#c2bddb
```
#c2bddb rgb(194,189,219)
```
#cecae2
```
#cecae2 rgb(206,202,226)
```
#d9d7e9
```
#d9d7e9 rgb(217,215,233)
```
#e5e3f0
```
#e5e3f0 rgb(229,227,240)
```
#f1f0f7
```
#f1f0f7 rgb(241,240,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #666371 is the less saturated color, while #2302d2 is the most saturated one.

#666371
```
#666371 rgb(102,99,113)
```
#605b79
```
#605b79 rgb(96,91,121)
```
#5b5381
```
#5b5381 rgb(91,83,129)
```
#554b89
```
#554b89 rgb(85,75,137)
```
#4f4391
```
#4f4391 rgb(79,67,145)
```
#4a3b99
```
#4a3b99 rgb(74,59,153)
```
#4433a1
```
#4433a1 rgb(68,51,161)
```
#3f2aaa
```
#3f2aaa rgb(63,42,170)
```
#3922b2
```
#3922b2 rgb(57,34,178)
```
#341aba
```
#341aba rgb(52,26,186)
```
#2e12c2
```
#2e12c2 rgb(46,18,194)
```
#290aca
```
#290aca rgb(41,10,202)
```
#2302d2
```
#2302d2 rgb(35,2,210)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#55535f Atypical Achromatopsia 0.001% of the population

Dichromacy

#425a94 Protanopia 1% of men
#3f5c8c Deuteranopia 1% of men
#525e65 Tritanopia 0.001% of the population

Trichromacy

#495490 Protanomaly 1% of men, 0.01% of women
#47568a Deuteranomaly 6% of men, 0.4% of women
#535772 Tritanomaly 0.01% of the population

#554b89 hex color

#554b89 Color Information

#554b89 Color Conversion

Color Schemes with #554b89

Alternatives to #554b89

#554b89 Preview

Shades and Tints of #554b89

Tones of #554b89

Color Blindness Simulator