#554eb5 hex color

In a RGB color space, hex #554eb5 is composed of 33.3% red, 30.6% green and 71% blue. Whereas in a CMYK color space, it is composed of 53% cyan, 56.9% magenta, 0% yellow and 29% black. It has a hue angle of 244.1 degrees, a saturation of 41% and a lightness of 50.8%. #554eb5 color hex could be obtained by blending #aa9cff with #00006b. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 31
- B 71
RGB color chart
- C 53
- M 57
- Y 0
- K 29
CMYK color chart

● #554eb5 color description : Moderate blue.

The hexadecimal color #554eb5 has RGB values of R:85, G:78, B:181 and CMYK values of C:0.53, M:0.57, Y:0, K:0.29. Its decimal value is 5590709.

Hex triplet	554eb5	`#554eb5`
RGB Decimal	85, 78, 181	`rgb(85,78,181)`
RGB Percent	33.3, 30.6, 71	`rgb(33.3%,30.6%,71%)`
CMYK	53, 57, 0, 29
HSL	244.1°, 41, 50.8	`hsl(244.1,41%,50.8%)`
HSV (or HSB)	244.1°, 56.9, 71
Web Safe	6666cc	`#6666cc`

CIE-LAB	39.098, 31.564, -53.981
XYZ	14.81, 10.716, 45.002
xyY	0.21, 0.152, 10.716
CIE-LCH	39.098, 62.532, 300.315
CIE-LUV	39.098, -3.602, -80.197
Hunter-Lab	32.735, 23.469, -58.593
Binary	01010101, 01001110, 10110101

#554eb5
```
#554eb5 rgb(85,78,181)
```
#aeb54e
```
#aeb54e rgb(174,181,78)
```

Complementary Color

#4e7bb5
```
#4e7bb5 rgb(78,123,181)
```
#554eb5
```
#554eb5 rgb(85,78,181)
```
#894eb5
```
#894eb5 rgb(137,78,181)
```

Analogous Color

#7bb54e
```
#7bb54e rgb(123,181,78)
```
#554eb5
```
#554eb5 rgb(85,78,181)
```
#b5894e
```
#b5894e rgb(181,137,78)
```

Split Complementary Color

#4eb555
```
#4eb555 rgb(78,181,85)
```
#554eb5
```
#554eb5 rgb(85,78,181)
```
#b5554e
```
#b5554e rgb(181,85,78)
```

Triadic Color

#4eaeb5
```
#4eaeb5 rgb(78,174,181)
```
#554eb5
```
#554eb5 rgb(85,78,181)
```
#b5554e
```
#b5554e rgb(181,85,78)
```
#aeb54e
```
#aeb54e rgb(174,181,78)
```

Tetradic Color

#3b3681
```
#3b3681 rgb(59,54,129)
```
#433d93
```
#433d93 rgb(67,61,147)
```
#4b45a5
```
#4b45a5 rgb(75,69,165)
```
#554eb5
```
#554eb5 rgb(85,78,181)
```
#6660bd
```
#6660bd rgb(102,96,189)
```
#7872c4
```
#7872c4 rgb(120,114,196)
```
#8984cc
```
#8984cc rgb(137,132,204)
```

Monochromatic Color

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

#4e61b5
```
#4e61b5 rgb(78,97,181)
```
#4e58b5
```
#4e58b5 rgb(78,88,181)
```
#4e50b5
```
#4e50b5 rgb(78,80,181)
```
#554eb5
```
#554eb5 rgb(85,78,181)
```
#5e4eb5
```
#5e4eb5 rgb(94,78,181)
```
#664eb5
```
#664eb5 rgb(102,78,181)
```
#6f4eb5
```
#6f4eb5 rgb(111,78,181)
```

Similar Colors

Text with hexadecimal color #554eb5

This text has a font color of #554eb5.

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

#554eb5 background color

This paragraph has a background color of #554eb5.

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

#554eb5 border color

This element has a border color of #554eb5.

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

CSS codes

.text {color:#554eb5;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#080711
```
#080711 rgb(8,7,17)
```
#0e0d1e
```
#0e0d1e rgb(14,13,30)
```
#14132c
```
#14132c rgb(20,19,44)
```
#1b183a
```
#1b183a rgb(27,24,58)
```
#211e48
```
#211e48 rgb(33,30,72)
```
#272456
```
#272456 rgb(39,36,86)
```
#2e2a64
```
#2e2a64 rgb(46,42,100)
```
#342f71
```
#342f71 rgb(52,47,113)
```
#3a357f
```
#3a357f rgb(58,53,127)
```
#413b8d
```
#413b8d rgb(65,59,141)
```
#47419b
```
#47419b rgb(71,65,155)
```
#4d47a9
```
#4d47a9 rgb(77,71,169)
```

Shade Color Variation

#554eb5
```
#554eb5 rgb(85,78,181)
```
#625cbb
```
#625cbb rgb(98,92,187)
```
#706ac1
```
#706ac1 rgb(112,106,193)
```
#7d77c6
```
#7d77c6 rgb(125,119,198)
```
#8a85cc
```
#8a85cc rgb(138,133,204)
```
#9793d2
```
#9793d2 rgb(151,147,210)
```
#a5a1d8
```
#a5a1d8 rgb(165,161,216)
```
#b2afdd
```
#b2afdd rgb(178,175,221)
```
#bfbde3
```
#bfbde3 rgb(191,189,227)
```
#cdcae9
```
#cdcae9 rgb(205,202,233)
```
#dad8ef
```
#dad8ef rgb(218,216,239)
```
#e7e6f5
```
#e7e6f5 rgb(231,230,245)
```
#f4f4fa
```
#f4f4fa rgb(244,244,250)
```

Tint Color Variation

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

#7f7e85
```
#7f7e85 rgb(127,126,133)
```
#76758e
```
#76758e rgb(118,117,142)
```
#6e6b98
```
#6e6b98 rgb(110,107,152)
```
#6661a2
```
#6661a2 rgb(102,97,162)
```
#5d58ab
```
#5d58ab rgb(93,88,171)
```
#554eb5
```
#554eb5 rgb(85,78,181)
```
#4d44bf
```
#4d44bf rgb(77,68,191)
```
#443bc8
```
#443bc8 rgb(68,59,200)
```
#3c31d2
```
#3c31d2 rgb(60,49,210)
```
#3427dc
```
#3427dc rgb(52,39,220)
```
#2b1ee5
```
#2b1ee5 rgb(43,30,229)
```
#2314ef
```
#2314ef rgb(35,20,239)
```
#1b0af9
```
#1b0af9 rgb(27,10,249)
```

Tone Color Variation

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

Dichromacy

#0061bf Protanopia 1% of men
#0066a9 Deuteranopia 1% of men
#3f6b72 Tritanopia 0.001% of the population

Trichromacy

#1e5abb Protanomaly 1% of men, 0.01% of women
#1e5dad Deuteranomaly 6% of men, 0.4% of women
#47608a Tritanomaly 0.01% of the population

#554eb5 hex color

#554eb5 Color Information

#554eb5 Color Conversion

Color Schemes with #554eb5

Alternatives to #554eb5

#554eb5 Preview

Shades and Tints of #554eb5

Tones of #554eb5

Color Blindness Simulator