#554dba hex color

In a RGB color space, hex #554dba is composed of 33.3% red, 30.2% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 54.3% cyan, 58.6% magenta, 0% yellow and 27.1% black. It has a hue angle of 244.4 degrees, a saturation of 44.1% and a lightness of 51.6%. #554dba color hex could be obtained by blending #aa9aff with #000075. Closest websafe color is: #6666cc.

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

● #554dba color description : Moderate blue.

The hexadecimal color #554dba has RGB values of R:85, G:77, B:186 and CMYK values of C:0.54, M:0.59, Y:0, K:0.27. Its decimal value is 5590458.

Hex triplet	554dba	`#554dba`
RGB Decimal	85, 77, 186	`rgb(85,77,186)`
RGB Percent	33.3, 30.2, 72.9	`rgb(33.3%,30.2%,72.9%)`
CMYK	54, 59, 0, 27
HSL	244.4°, 44.1, 51.6	`hsl(244.4,44.1%,51.6%)`
HSV (or HSB)	244.4°, 58.6, 72.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	39.214, 33.772, -56.732
XYZ	15.261, 10.784, 47.729
xyY	0.207, 0.146, 10.784
CIE-LCH	39.214, 66.023, 300.765
CIE-LUV	39.214, -3.667, -84.235
Hunter-Lab	32.839, 25.489, -63.188
Binary	01010101, 01001101, 10111010

#554dba
```
#554dba rgb(85,77,186)
```
#b2ba4d
```
#b2ba4d rgb(178,186,77)
```

Complementary Color

#4d7cba
```
#4d7cba rgb(77,124,186)
```
#554dba
```
#554dba rgb(85,77,186)
```
#8c4dba
```
#8c4dba rgb(140,77,186)
```

Analogous Color

#7cba4d
```
#7cba4d rgb(124,186,77)
```
#554dba
```
#554dba rgb(85,77,186)
```
#ba8c4d
```
#ba8c4d rgb(186,140,77)
```

Split Complementary Color

#4dba55
```
#4dba55 rgb(77,186,85)
```
#554dba
```
#554dba rgb(85,77,186)
```
#ba554d
```
#ba554d rgb(186,85,77)
```

Triadic Color

#4db2ba
```
#4db2ba rgb(77,178,186)
```
#554dba
```
#554dba rgb(85,77,186)
```
#ba554d
```
#ba554d rgb(186,85,77)
```
#b2ba4d
```
#b2ba4d rgb(178,186,77)
```

Tetradic Color

#3a3486
```
#3a3486 rgb(58,52,134)
```
#423b99
```
#423b99 rgb(66,59,153)
```
#4a42ab
```
#4a42ab rgb(74,66,171)
```
#554dba
```
#554dba rgb(85,77,186)
```
#675fc1
```
#675fc1 rgb(103,95,193)
```
#7872c8
```
#7872c8 rgb(120,114,200)
```
#8a84cf
```
#8a84cf rgb(138,132,207)
```

Monochromatic Color

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

#4d60ba
```
#4d60ba rgb(77,96,186)
```
#4d57ba
```
#4d57ba rgb(77,87,186)
```
#4d4eba
```
#4d4eba rgb(77,78,186)
```
#554dba
```
#554dba rgb(85,77,186)
```
#5e4dba
```
#5e4dba rgb(94,77,186)
```
#674dba
```
#674dba rgb(103,77,186)
```
#704dba
```
#704dba rgb(112,77,186)
```

Similar Colors

Text with hexadecimal color #554dba

This text has a font color of #554dba.

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

#554dba background color

This paragraph has a background color of #554dba.

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

#554dba border color

This element has a border color of #554dba.

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

CSS codes

.text {color:#554dba;}

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

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

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

#020206
```
#020206 rgb(2,2,6)
```
#090814
```
#090814 rgb(9,8,20)
```
#0f0d22
```
#0f0d22 rgb(15,13,34)
```
#151330
```
#151330 rgb(21,19,48)
```
#1b183e
```
#1b183e rgb(27,24,62)
```
#211e4c
```
#211e4c rgb(33,30,76)
```
#27235b
```
#27235b rgb(39,35,91)
```
#2d2969
```
#2d2969 rgb(45,41,105)
```
#332e77
```
#332e77 rgb(51,46,119)
```
#3a3485
```
#3a3485 rgb(58,52,133)
```
#403993
```
#403993 rgb(64,57,147)
```
#463fa1
```
#463fa1 rgb(70,63,161)
```
#4c44af
```
#4c44af rgb(76,68,175)
```

Shade Color Variation

#554dba
```
#554dba rgb(85,77,186)
```
#635bbf
```
#635bbf rgb(99,91,191)
```
#7069c5
```
#7069c5 rgb(112,105,197)
```
#7e77ca
```
#7e77ca rgb(126,119,202)
```
#8b86d0
```
#8b86d0 rgb(139,134,208)
```
#9994d5
```
#9994d5 rgb(153,148,213)
```
#a6a2db
```
#a6a2db rgb(166,162,219)
```
#b4b0e0
```
#b4b0e0 rgb(180,176,224)
```
#c1bee6
```
#c1bee6 rgb(193,190,230)
```
#cfcceb
```
#cfcceb rgb(207,204,235)
```
#dcdaf1
```
#dcdaf1 rgb(220,218,241)
```
#eae8f6
```
#eae8f6 rgb(234,232,246)
```
#f7f7fc
```
#f7f7fc rgb(247,247,252)
```

Tint Color Variation

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

#7e7d8b
```
#7e7d8b rgb(126,125,139)
```
#757394
```
#757394 rgb(117,115,148)
```
#6d6a9e
```
#6d6a9e rgb(109,106,158)
```
#6560a7
```
#6560a7 rgb(101,96,167)
```
#5d57b1
```
#5d57b1 rgb(93,87,177)
```
#554dba
```
#554dba rgb(85,77,186)
```
#4d44c4
```
#4d44c4 rgb(77,68,196)
```
#453acd
```
#453acd rgb(69,58,205)
```
#3d30d7
```
#3d30d7 rgb(61,48,215)
```
#3527e0
```
#3527e0 rgb(53,39,224)
```
#2c1dea
```
#2c1dea rgb(44,29,234)
```
#2414f3
```
#2414f3 rgb(36,20,243)
```
#1c0bfd
```
#1c0bfd rgb(28,11,253)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#5b596f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bf Protanopia 1% of men
#0066a8 Deuteranopia 1% of men
#3b6b73 Tritanopia 0.001% of the population

Trichromacy

#1e5abd Protanomaly 1% of men, 0.01% of women
#1e5daf Deuteranomaly 6% of men, 0.4% of women
#44608d Tritanomaly 0.01% of the population

#554dba hex color

#554dba Color Information

#554dba Color Conversion

Color Schemes with #554dba

Alternatives to #554dba

#554dba Preview

Shades and Tints of #554dba

Tones of #554dba

Color Blindness Simulator