#554ec1 hex color

In a RGB color space, hex #554ec1 is composed of 33.3% red, 30.6% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 59.6% magenta, 0% yellow and 24.3% black. It has a hue angle of 243.7 degrees, a saturation of 48.1% and a lightness of 53.1%. #554ec1 color hex could be obtained by blending #aa9cff with #000083. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 31
- B 76
RGB color chart
- C 56
- M 60
- Y 0
- K 24
CMYK color chart

● #554ec1 color description : Moderate blue.

The hexadecimal color #554ec1 has RGB values of R:85, G:78, B:193 and CMYK values of C:0.56, M:0.6, Y:0, K:0.24. Its decimal value is 5590721.

Hex triplet	554ec1	`#554ec1`
RGB Decimal	85, 78, 193	`rgb(85,78,193)`
RGB Percent	33.3, 30.6, 75.7	`rgb(33.3%,30.6%,75.7%)`
CMYK	56, 60, 0, 24
HSL	243.7°, 48.1, 53.1	`hsl(243.7,48.1%,53.1%)`
HSV (or HSB)	243.7°, 59.6, 75.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	39.965, 35.392, -59.608
XYZ	16.094, 11.23, 51.769
xyY	0.203, 0.142, 11.23
CIE-LCH	39.965, 69.323, 300.7
CIE-LUV	39.965, -4.368, -88.813
Hunter-Lab	33.511, 27.086, -68.136
Binary	01010101, 01001110, 11000001

#554ec1
```
#554ec1 rgb(85,78,193)
```
#bac14e
```
#bac14e rgb(186,193,78)
```

Complementary Color

#4e81c1
```
#4e81c1 rgb(78,129,193)
```
#554ec1
```
#554ec1 rgb(85,78,193)
```
#8f4ec1
```
#8f4ec1 rgb(143,78,193)
```

Analogous Color

#81c14e
```
#81c14e rgb(129,193,78)
```
#554ec1
```
#554ec1 rgb(85,78,193)
```
#c18f4e
```
#c18f4e rgb(193,143,78)
```

Split Complementary Color

#4ec155
```
#4ec155 rgb(78,193,85)
```
#554ec1
```
#554ec1 rgb(85,78,193)
```
#c1554e
```
#c1554e rgb(193,85,78)
```

Triadic Color

#4ebac1
```
#4ebac1 rgb(78,186,193)
```
#554ec1
```
#554ec1 rgb(85,78,193)
```
#c1554e
```
#c1554e rgb(193,85,78)
```
#bac14e
```
#bac14e rgb(186,193,78)
```

Tetradic Color

#383290
```
#383290 rgb(56,50,144)
```
#4039a3
```
#4039a3 rgb(64,57,163)
```
#4740b6
```
#4740b6 rgb(71,64,182)
```
#554ec1
```
#554ec1 rgb(85,78,193)
```
#6761c8
```
#6761c8 rgb(103,97,200)
```
#7974ce
```
#7974ce rgb(121,116,206)
```
#8b87d5
```
#8b87d5 rgb(139,135,213)
```

Monochromatic Color

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

#4e64c1
```
#4e64c1 rgb(78,100,193)
```
#4e5ac1
```
#4e5ac1 rgb(78,90,193)
```
#4e51c1
```
#4e51c1 rgb(78,81,193)
```
#554ec1
```
#554ec1 rgb(85,78,193)
```
#5f4ec1
```
#5f4ec1 rgb(95,78,193)
```
#684ec1
```
#684ec1 rgb(104,78,193)
```
#724ec1
```
#724ec1 rgb(114,78,193)
```

Similar Colors

Text with hexadecimal color #554ec1

This text has a font color of #554ec1.

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

#554ec1 background color

This paragraph has a background color of #554ec1.

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

#554ec1 border color

This element has a border color of #554ec1.

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

CSS codes

.text {color:#554ec1;}

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

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

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, #05040c is the darkest color, while #fcfcfe is the lightest one.

#05040c
```
#05040c rgb(5,4,12)
```
#0a091a
```
#0a091a rgb(10,9,26)
```
#100e29
```
#100e29 rgb(16,14,41)
```
#161337
```
#161337 rgb(22,19,55)
```
#1b1946
```
#1b1946 rgb(27,25,70)
```
#211e54
```
#211e54 rgb(33,30,84)
```
#272363
```
#272363 rgb(39,35,99)
```
#2c2872
```
#2c2872 rgb(44,40,114)
```
#322d80
```
#322d80 rgb(50,45,128)
```
#38328f
```
#38328f rgb(56,50,143)
```
#3d379d
```
#3d379d rgb(61,55,157)
```
#433cac
```
#433cac rgb(67,60,172)
```
#4941ba
```
#4941ba rgb(73,65,186)
```

Shade Color Variation

#554ec1
```
#554ec1 rgb(85,78,193)
```
#635dc6
```
#635dc6 rgb(99,93,198)
```
#716bcb
```
#716bcb rgb(113,107,203)
```
#7f7ad0
```
#7f7ad0 rgb(127,122,208)
```
#8d88d5
```
#8d88d5 rgb(141,136,213)
```
#9b97da
```
#9b97da rgb(155,151,218)
```
#a9a5e0
```
#a9a5e0 rgb(169,165,224)
```
#b7b4e5
```
#b7b4e5 rgb(183,180,229)
```
#c5c2ea
```
#c5c2ea rgb(197,194,234)
```
#d3d1ef
```
#d3d1ef rgb(211,209,239)
```
#e1dff4
```
#e1dff4 rgb(225,223,244)
```
#eeeef9
```
#eeeef9 rgb(238,238,249)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #85858a is the less saturated color, while #2517f8 is the most saturated one.

#85858a
```
#85858a rgb(133,133,138)
```
#7d7c93
```
#7d7c93 rgb(125,124,147)
```
#75739c
```
#75739c rgb(117,115,156)
```
#6d6aa5
```
#6d6aa5 rgb(109,106,165)
```
#6560af
```
#6560af rgb(101,96,175)
```
#5d57b8
```
#5d57b8 rgb(93,87,184)
```
#554ec1
```
#554ec1 rgb(85,78,193)
```
#4d45ca
```
#4d45ca rgb(77,69,202)
```
#453cd3
```
#453cd3 rgb(69,60,211)
```
#3d32dd
```
#3d32dd rgb(61,50,221)
```
#3529e6
```
#3529e6 rgb(53,41,230)
```
#2d20ef
```
#2d20ef rgb(45,32,239)
```
#2517f8
```
#2517f8 rgb(37,23,248)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#5b5a71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c2 Protanopia 1% of men
#0068ab Deuteranopia 1% of men
#366e76 Tritanopia 0.001% of the population

Trichromacy

#1e5bc2 Protanomaly 1% of men, 0.01% of women
#1e5fb3 Deuteranomaly 6% of men, 0.4% of women
#416291 Tritanomaly 0.01% of the population

#554ec1 hex color

#554ec1 Color Information

#554ec1 Color Conversion

Color Schemes with #554ec1

Alternatives to #554ec1

#554ec1 Preview

Shades and Tints of #554ec1

Tones of #554ec1

Color Blindness Simulator