#554bba hex color

In a RGB color space, hex #554bba is composed of 33.3% red, 29.4% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 54.3% cyan, 59.7% magenta, 0% yellow and 27.1% black. It has a hue angle of 245.4 degrees, a saturation of 44.6% and a lightness of 51.2%. #554bba color hex could be obtained by blending #aa96ff with #000075. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 29
- B 73
RGB color chart
- C 54
- M 60
- Y 0
- K 27
CMYK color chart

● #554bba color description : Moderate blue.

The hexadecimal color #554bba has RGB values of R:85, G:75, B:186 and CMYK values of C:0.54, M:0.6, Y:0, K:0.27. Its decimal value is 5589946.

Hex triplet	554bba	`#554bba`
RGB Decimal	85, 75, 186	`rgb(85,75,186)`
RGB Percent	33.3, 29.4, 72.9	`rgb(33.3%,29.4%,72.9%)`
CMYK	54, 60, 0, 27
HSL	245.4°, 44.6, 51.2	`hsl(245.4,44.6%,51.2%)`
HSV (or HSB)	245.4°, 59.7, 72.9
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.739, 34.996, -57.501
XYZ	15.124, 10.508, 47.683
xyY	0.206, 0.143, 10.508
CIE-LCH	38.739, 67.313, 301.325
CIE-LUV	38.739, -3.161, -85.04
Hunter-Lab	32.416, 26.55, -64.522
Binary	01010101, 01001011, 10111010

#554bba
```
#554bba rgb(85,75,186)
```
#b0ba4b
```
#b0ba4b rgb(176,186,75)
```

Complementary Color

#4b79ba
```
#4b79ba rgb(75,121,186)
```
#554bba
```
#554bba rgb(85,75,186)
```
#8d4bba
```
#8d4bba rgb(141,75,186)
```

Analogous Color

#79ba4b
```
#79ba4b rgb(121,186,75)
```
#554bba
```
#554bba rgb(85,75,186)
```
#ba8d4b
```
#ba8d4b rgb(186,141,75)
```

Split Complementary Color

#4bba55
```
#4bba55 rgb(75,186,85)
```
#554bba
```
#554bba rgb(85,75,186)
```
#ba554b
```
#ba554b rgb(186,85,75)
```

Triadic Color

#4bb0ba
```
#4bb0ba rgb(75,176,186)
```
#554bba
```
#554bba rgb(85,75,186)
```
#ba554b
```
#ba554b rgb(186,85,75)
```
#b0ba4b
```
#b0ba4b rgb(176,186,75)
```

Tetradic Color

#3b3385
```
#3b3385 rgb(59,51,133)
```
#433a98
```
#433a98 rgb(67,58,152)
```
#4b41aa
```
#4b41aa rgb(75,65,170)
```
#554bba
```
#554bba rgb(85,75,186)
```
#665dc1
```
#665dc1 rgb(102,93,193)
```
#7870c8
```
#7870c8 rgb(120,112,200)
```
#8982cf
```
#8982cf rgb(137,130,207)
```

Monochromatic Color

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

#4b5dba
```
#4b5dba rgb(75,93,186)
```
#4b54ba
```
#4b54ba rgb(75,84,186)
```
#4c4bba
```
#4c4bba rgb(76,75,186)
```
#554bba
```
#554bba rgb(85,75,186)
```
#5e4bba
```
#5e4bba rgb(94,75,186)
```
#684bba
```
#684bba rgb(104,75,186)
```
#714bba
```
#714bba rgb(113,75,186)
```

Similar Colors

Text with hexadecimal color #554bba

This text has a font color of #554bba.

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

#554bba background color

This paragraph has a background color of #554bba.

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

#554bba border color

This element has a border color of #554bba.

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

CSS codes

.text {color:#554bba;}

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

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

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)
```
#080713
```
#080713 rgb(8,7,19)
```
#0e0d21
```
#0e0d21 rgb(14,13,33)
```
#15122f
```
#15122f rgb(21,18,47)
```
#1b173d
```
#1b173d rgb(27,23,61)
```
#211d4b
```
#211d4b rgb(33,29,75)
```
#272259
```
#272259 rgb(39,34,89)
```
#2d2868
```
#2d2868 rgb(45,40,104)
```
#342d76
```
#342d76 rgb(52,45,118)
```
#3a3384
```
#3a3384 rgb(58,51,132)
```
#403892
```
#403892 rgb(64,56,146)
```
#463da0
```
#463da0 rgb(70,61,160)
```
#4d43ae
```
#4d43ae rgb(77,67,174)
```

Shade Color Variation

#554bba
```
#554bba rgb(85,75,186)
```
#6259bf
```
#6259bf rgb(98,89,191)
```
#7067c5
```
#7067c5 rgb(112,103,197)
```
#7d76ca
```
#7d76ca rgb(125,118,202)
```
#8b84d0
```
#8b84d0 rgb(139,132,208)
```
#9892d5
```
#9892d5 rgb(152,146,213)
```
#a5a0db
```
#a5a0db rgb(165,160,219)
```
#b3aee0
```
#b3aee0 rgb(179,174,224)
```
#c0bce5
```
#c0bce5 rgb(192,188,229)
```
#cecbeb
```
#cecbeb rgb(206,203,235)
```
#dbd9f0
```
#dbd9f0 rgb(219,217,240)
```
#e8e7f6
```
#e8e7f6 rgb(232,231,246)
```
#f6f5fb
```
#f6f5fb rgb(246,245,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7b8a is the less saturated color, while #1e08fd is the most saturated one.

#7c7b8a
```
#7c7b8a rgb(124,123,138)
```
#747194
```
#747194 rgb(116,113,148)
```
#6d689d
```
#6d689d rgb(109,104,157)
```
#655ea7
```
#655ea7 rgb(101,94,167)
```
#5d55b0
```
#5d55b0 rgb(93,85,176)
```
#554bba
```
#554bba rgb(85,75,186)
```
#4d41c4
```
#4d41c4 rgb(77,65,196)
```
#4538cd
```
#4538cd rgb(69,56,205)
```
#3d2ed7
```
#3d2ed7 rgb(61,46,215)
```
#3625e0
```
#3625e0 rgb(54,37,224)
```
#2e1bea
```
#2e1bea rgb(46,27,234)
```
#2612f3
```
#2612f3 rgb(38,18,243)
```
#1e08fd
```
#1e08fd rgb(30,8,253)
```

Tone Color Variation

Below, you can see how #554bba 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
#5a586e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bd Protanopia 1% of men
#0065a6 Deuteranopia 1% of men
#3b6a72 Tritanopia 0.001% of the population

Trichromacy

#1e58bc Protanomaly 1% of men, 0.01% of women
#1e5cad Deuteranomaly 6% of men, 0.4% of women
#445f8c Tritanomaly 0.01% of the population

#554bba hex color

#554bba Color Information

#554bba Color Conversion

Color Schemes with #554bba

Alternatives to #554bba

#554bba Preview

Shades and Tints of #554bba

Tones of #554bba

Color Blindness Simulator