#554ea0 hex color

In a RGB color space, hex #554ea0 is composed of 33.3% red, 30.6% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 51.3% magenta, 0% yellow and 37.3% black. It has a hue angle of 245.1 degrees, a saturation of 34.5% and a lightness of 46.7%. #554ea0 color hex could be obtained by blending #aa9cff with #000041. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 31
- B 63
RGB color chart
- C 47
- M 51
- Y 0
- K 37
CMYK color chart

● #554ea0 color description : Dark moderate blue.

The hexadecimal color #554ea0 has RGB values of R:85, G:78, B:160 and CMYK values of C:0.47, M:0.51, Y:0, K:0.37. Its decimal value is 5590688.

Hex triplet	554ea0	`#554ea0`
RGB Decimal	85, 78, 160	`rgb(85,78,160)`
RGB Percent	33.3, 30.6, 62.7	`rgb(33.3%,30.6%,62.7%)`
CMYK	47, 51, 0, 37
HSL	245.1°, 34.5, 46.7	`hsl(245.1,34.5%,46.7%)`
HSV (or HSB)	245.1°, 51.3, 62.7
Web Safe	666699	`#666699`

CIE-LAB	37.695, 24.943, -43.765
XYZ	12.815, 9.918, 34.495
xyY	0.224, 0.173, 9.918
CIE-LCH	37.695, 50.374, 299.68
CIE-LUV	37.695, -2.185, -64.483
Hunter-Lab	31.493, 17.522, -42.898
Binary	01010101, 01001110, 10100000

#554ea0
```
#554ea0 rgb(85,78,160)
```
#99a04e
```
#99a04e rgb(153,160,78)
```

Complementary Color

#4e70a0
```
#4e70a0 rgb(78,112,160)
```
#554ea0
```
#554ea0 rgb(85,78,160)
```
#7e4ea0
```
#7e4ea0 rgb(126,78,160)
```

Analogous Color

#70a04e
```
#70a04e rgb(112,160,78)
```
#554ea0
```
#554ea0 rgb(85,78,160)
```
#a07e4e
```
#a07e4e rgb(160,126,78)
```

Split Complementary Color

#4ea055
```
#4ea055 rgb(78,160,85)
```
#554ea0
```
#554ea0 rgb(85,78,160)
```
#a0554e
```
#a0554e rgb(160,85,78)
```

Triadic Color

#4e99a0
```
#4e99a0 rgb(78,153,160)
```
#554ea0
```
#554ea0 rgb(85,78,160)
```
#a0554e
```
#a0554e rgb(160,85,78)
```
#99a04e
```
#99a04e rgb(153,160,78)
```

Tetradic Color

#3a356d
```
#3a356d rgb(58,53,109)
```
#433d7e
```
#433d7e rgb(67,61,126)
```
#4c468f
```
#4c468f rgb(76,70,143)
```
#554ea0
```
#554ea0 rgb(85,78,160)
```
#6159ae
```
#6159ae rgb(97,89,174)
```
#716ab7
```
#716ab7 rgb(113,106,183)
```
#817cbf
```
#817cbf rgb(129,124,191)
```

Monochromatic Color

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

#4e5ca0
```
#4e5ca0 rgb(78,92,160)
```
#4e55a0
```
#4e55a0 rgb(78,85,160)
```
#4e4ea0
```
#4e4ea0 rgb(78,78,160)
```
#554ea0
```
#554ea0 rgb(85,78,160)
```
#5c4ea0
```
#5c4ea0 rgb(92,78,160)
```
#634ea0
```
#634ea0 rgb(99,78,160)
```
#6a4ea0
```
#6a4ea0 rgb(106,78,160)
```

Similar Colors

Text with hexadecimal color #554ea0

This text has a font color of #554ea0.

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

#554ea0 background color

This paragraph has a background color of #554ea0.

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

#554ea0 border color

This element has a border color of #554ea0.

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

CSS codes

.text {color:#554ea0;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#08070f
```
#08070f rgb(8,7,15)
```
#0f0e1c
```
#0f0e1c rgb(15,14,28)
```
#161429
```
#161429 rgb(22,20,41)
```
#1d1b37
```
#1d1b37 rgb(29,27,55)
```
#242144
```
#242144 rgb(36,33,68)
```
#2b2751
```
#2b2751 rgb(43,39,81)
```
#322e5e
```
#322e5e rgb(50,46,94)
```
#39346b
```
#39346b rgb(57,52,107)
```
#403b78
```
#403b78 rgb(64,59,120)
```
#474186
```
#474186 rgb(71,65,134)
```
#4e4893
```
#4e4893 rgb(78,72,147)
```
#554ea0
```
#554ea0 rgb(85,78,160)
```

Shade Color Variation

#5d55ac
```
#5d55ac rgb(93,85,172)
```
#6963b3
```
#6963b3 rgb(105,99,179)
```
#7670b9
```
#7670b9 rgb(118,112,185)
```
#837dc0
```
#837dc0 rgb(131,125,192)
```
#8f8ac6
```
#8f8ac6 rgb(143,138,198)
```
#9c97cc
```
#9c97cc rgb(156,151,204)
```
#a8a4d3
```
#a8a4d3 rgb(168,164,211)
```
#b5b2d9
```
#b5b2d9 rgb(181,178,217)
```
#c2bfe0
```
#c2bfe0 rgb(194,191,224)
```
#cecce6
```
#cecce6 rgb(206,204,230)
```
#dbd9ed
```
#dbd9ed rgb(219,217,237)
```
#e7e6f3
```
#e7e6f3 rgb(231,230,243)
```
#f4f4f9
```
#f4f4f9 rgb(244,244,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #73737b is the less saturated color, while #1805e9 is the most saturated one.

#73737b
```
#73737b rgb(115,115,123)
```
#6c6985
```
#6c6985 rgb(108,105,133)
```
#64608e
```
#64608e rgb(100,96,142)
```
#5d5797
```
#5d5797 rgb(93,87,151)
```
#554ea0
```
#554ea0 rgb(85,78,160)
```
#4d45a9
```
#4d45a9 rgb(77,69,169)
```
#463cb2
```
#463cb2 rgb(70,60,178)
```
#3e33bb
```
#3e33bb rgb(62,51,187)
```
#3729c5
```
#3729c5 rgb(55,41,197)
```
#2f20ce
```
#2f20ce rgb(47,32,206)
```
#2717d7
```
#2717d7 rgb(39,23,215)
```
#200ee0
```
#200ee0 rgb(32,14,224)
```
#1805e9
```
#1805e9 rgb(24,5,233)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#585767 Atypical Achromatopsia 0.001% of the population

Dichromacy

#345eab Protanopia 1% of men
#2762a0 Deuteranopia 1% of men
#4a656d Tritanopia 0.001% of the population

Trichromacy

#4058a7 Protanomaly 1% of men, 0.01% of women
#385ba0 Deuteranomaly 6% of men, 0.4% of women
#4e5d7f Tritanomaly 0.01% of the population

#554ea0 hex color

#554ea0 Color Information

#554ea0 Color Conversion

Color Schemes with #554ea0

Alternatives to #554ea0

#554ea0 Preview

Shades and Tints of #554ea0

Tones of #554ea0

Color Blindness Simulator