#554ea5 hex color

In a RGB color space, hex #554ea5 is composed of 33.3% red, 30.6% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 48.5% cyan, 52.7% magenta, 0% yellow and 35.3% black. It has a hue angle of 244.8 degrees, a saturation of 35.8% and a lightness of 47.6%. #554ea5 color hex could be obtained by blending #aa9cff with #00004b. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 31
- B 65
RGB color chart
- C 48
- M 53
- Y 0
- K 35
CMYK color chart

● #554ea5 color description : Dark moderate blue.

The hexadecimal color #554ea5 has RGB values of R:85, G:78, B:165 and CMYK values of C:0.48, M:0.53, Y:0, K:0.35. Its decimal value is 5590693.

Hex triplet	554ea5	`#554ea5`
RGB Decimal	85, 78, 165	`rgb(85,78,165)`
RGB Percent	33.3, 30.6, 64.7	`rgb(33.3%,30.6%,64.7%)`
CMYK	48, 53, 0, 35
HSL	244.8°, 35.8, 47.6	`hsl(244.8,35.8%,47.6%)`
HSV (or HSB)	244.8°, 52.7, 64.7
Web Safe	666699	`#666699`

CIE-LAB	38.015, 26.505, -46.242
XYZ	13.261, 10.096, 36.845
xyY	0.22, 0.168, 10.096
CIE-LCH	38.015, 53.299, 299.821
CIE-LUV	38.015, -2.532, -68.298
Hunter-Lab	31.775, 18.89, -46.509
Binary	01010101, 01001110, 10100101

#554ea5
```
#554ea5 rgb(85,78,165)
```
#9ea54e
```
#9ea54e rgb(158,165,78)
```

Complementary Color

#4e73a5
```
#4e73a5 rgb(78,115,165)
```
#554ea5
```
#554ea5 rgb(85,78,165)
```
#814ea5
```
#814ea5 rgb(129,78,165)
```

Analogous Color

#73a54e
```
#73a54e rgb(115,165,78)
```
#554ea5
```
#554ea5 rgb(85,78,165)
```
#a5814e
```
#a5814e rgb(165,129,78)
```

Split Complementary Color

#4ea555
```
#4ea555 rgb(78,165,85)
```
#554ea5
```
#554ea5 rgb(85,78,165)
```
#a5554e
```
#a5554e rgb(165,85,78)
```

Triadic Color

#4e9ea5
```
#4e9ea5 rgb(78,158,165)
```
#554ea5
```
#554ea5 rgb(85,78,165)
```
#a5554e
```
#a5554e rgb(165,85,78)
```
#9ea54e
```
#9ea54e rgb(158,165,78)
```

Tetradic Color

#3a3571
```
#3a3571 rgb(58,53,113)
```
#433e82
```
#433e82 rgb(67,62,130)
```
#4c4694
```
#4c4694 rgb(76,70,148)
```
#554ea5
```
#554ea5 rgb(85,78,165)
```
#625bb1
```
#625bb1 rgb(98,91,177)
```
#736cba
```
#736cba rgb(115,108,186)
```
#837ec2
```
#837ec2 rgb(131,126,194)
```

Monochromatic Color

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

#4e5da5
```
#4e5da5 rgb(78,93,165)
```
#4e56a5
```
#4e56a5 rgb(78,86,165)
```
#4e4ea5
```
#4e4ea5 rgb(78,78,165)
```
#554ea5
```
#554ea5 rgb(85,78,165)
```
#5c4ea5
```
#5c4ea5 rgb(92,78,165)
```
#634ea5
```
#634ea5 rgb(99,78,165)
```
#6b4ea5
```
#6b4ea5 rgb(107,78,165)
```

Similar Colors

Text with hexadecimal color #554ea5

This text has a font color of #554ea5.

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

#554ea5 background color

This paragraph has a background color of #554ea5.

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

#554ea5 border color

This element has a border color of #554ea5.

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

CSS codes

.text {color:#554ea5;}

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

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

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

#030205
```
#030205 rgb(3,2,5)
```
#0a0912
```
#0a0912 rgb(10,9,18)
```
#100f20
```
#100f20 rgb(16,15,32)
```
#17152d
```
#17152d rgb(23,21,45)
```
#1e1c3a
```
#1e1c3a rgb(30,28,58)
```
#252248
```
#252248 rgb(37,34,72)
```
#2c2855
```
#2c2855 rgb(44,40,85)
```
#332f62
```
#332f62 rgb(51,47,98)
```
#3a3570
```
#3a3570 rgb(58,53,112)
```
#403b7d
```
#403b7d rgb(64,59,125)
```
#47418a
```
#47418a rgb(71,65,138)
```
#4e4898
```
#4e4898 rgb(78,72,152)
```
#554ea5
```
#554ea5 rgb(85,78,165)
```

Shade Color Variation

#5e57b0
```
#5e57b0 rgb(94,87,176)
```
#6b64b6
```
#6b64b6 rgb(107,100,182)
```
#7872bc
```
#7872bc rgb(120,114,188)
```
#847fc2
```
#847fc2 rgb(132,127,194)
```
#918cc9
```
#918cc9 rgb(145,140,201)
```
#9e9acf
```
#9e9acf rgb(158,154,207)
```
#aba7d5
```
#aba7d5 rgb(171,167,213)
```
#b7b4dc
```
#b7b4dc rgb(183,180,220)
```
#c4c2e2
```
#c4c2e2 rgb(196,194,226)
```
#d1cfe8
```
#d1cfe8 rgb(209,207,232)
```
#dedcef
```
#dedcef rgb(222,220,239)
```
#eaeaf5
```
#eaeaf5 rgb(234,234,245)
```
#f7f7fb
```
#f7f7fb rgb(247,247,251)
```

Tint Color Variation

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

#747380
```
#747380 rgb(116,115,128)
```
#6d6a89
```
#6d6a89 rgb(109,106,137)
```
#656192
```
#656192 rgb(101,97,146)
```
#5d579c
```
#5d579c rgb(93,87,156)
```
#554ea5
```
#554ea5 rgb(85,78,165)
```
#4d45ae
```
#4d45ae rgb(77,69,174)
```
#453bb8
```
#453bb8 rgb(69,59,184)
```
#3d32c1
```
#3d32c1 rgb(61,50,193)
```
#3629ca
```
#3629ca rgb(54,41,202)
```
#2e1fd4
```
#2e1fd4 rgb(46,31,212)
```
#2616dd
```
#2616dd rgb(38,22,221)
```
#1e0de6
```
#1e0de6 rgb(30,13,230)
```
#1603f0
```
#1603f0 rgb(22,3,240)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#595869 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d5fb0 Protanopia 1% of men
#1a63a4 Deuteranopia 1% of men
#48666e Tritanopia 0.001% of the population

Trichromacy

#3b59ac Protanomaly 1% of men, 0.01% of women
#2f5ba4 Deuteranomaly 6% of men, 0.4% of women
#4c5d82 Tritanomaly 0.01% of the population

#554ea5 hex color

#554ea5 Color Information

#554ea5 Color Conversion

Color Schemes with #554ea5

Alternatives to #554ea5

#554ea5 Preview

Shades and Tints of #554ea5

Tones of #554ea5

Color Blindness Simulator