#554ed0 hex color

In a RGB color space, hex #554ed0 is composed of 33.3% red, 30.6% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 59.1% cyan, 62.5% magenta, 0% yellow and 18.4% black. It has a hue angle of 243.2 degrees, a saturation of 58% and a lightness of 56.1%. #554ed0 color hex could be obtained by blending #aa9cff with #0000a1. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 31
- B 82
RGB color chart
- C 59
- M 63
- Y 0
- K 18
CMYK color chart

● #554ed0 color description : Moderate blue.

The hexadecimal color #554ed0 has RGB values of R:85, G:78, B:208 and CMYK values of C:0.59, M:0.63, Y:0, K:0.18. Its decimal value is 5590736.

Hex triplet	554ed0	`#554ed0`
RGB Decimal	85, 78, 208	`rgb(85,78,208)`
RGB Percent	33.3, 30.6, 81.6	`rgb(33.3%,30.6%,81.6%)`
CMYK	59, 63, 0, 18
HSL	243.2°, 58, 56.1	`hsl(243.2,58%,56.1%)`
HSV (or HSB)	243.2°, 62.5, 81.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	41.11, 40.187, -66.439
XYZ	17.854, 11.933, 61.034
xyY	0.197, 0.131, 11.933
CIE-LCH	41.11, 77.648, 301.169
CIE-LUV	41.11, -5.283, -99.228
Hunter-Lab	34.545, 31.8, -80.572
Binary	01010101, 01001110, 11010000

#554ed0
```
#554ed0 rgb(85,78,208)
```
#c9d04e
```
#c9d04e rgb(201,208,78)
```

Complementary Color

#4e88d0
```
#4e88d0 rgb(78,136,208)
```
#554ed0
```
#554ed0 rgb(85,78,208)
```
#964ed0
```
#964ed0 rgb(150,78,208)
```

Analogous Color

#88d04e
```
#88d04e rgb(136,208,78)
```
#554ed0
```
#554ed0 rgb(85,78,208)
```
#d0964e
```
#d0964e rgb(208,150,78)
```

Split Complementary Color

#4ed055
```
#4ed055 rgb(78,208,85)
```
#554ed0
```
#554ed0 rgb(85,78,208)
```
#d0554e
```
#d0554e rgb(208,85,78)
```

Triadic Color

#4ec9d0
```
#4ec9d0 rgb(78,201,208)
```
#554ed0
```
#554ed0 rgb(85,78,208)
```
#d0554e
```
#d0554e rgb(208,85,78)
```
#c9d04e
```
#c9d04e rgb(201,208,78)
```

Tetradic Color

#332ca6
```
#332ca6 rgb(51,44,166)
```
#3931ba
```
#3931ba rgb(57,49,186)
```
#423acb
```
#423acb rgb(66,58,203)
```
#554ed0
```
#554ed0 rgb(85,78,208)
```
#6862d5
```
#6862d5 rgb(104,98,213)
```
#7c76db
```
#7c76db rgb(124,118,219)
```
#8f8ae0
```
#8f8ae0 rgb(143,138,224)
```

Monochromatic Color

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

#4e68d0
```
#4e68d0 rgb(78,104,208)
```
#4e5dd0
```
#4e5dd0 rgb(78,93,208)
```
#4e52d0
```
#4e52d0 rgb(78,82,208)
```
#554ed0
```
#554ed0 rgb(85,78,208)
```
#604ed0
```
#604ed0 rgb(96,78,208)
```
#6b4ed0
```
#6b4ed0 rgb(107,78,208)
```
#764ed0
```
#764ed0 rgb(118,78,208)
```

Similar Colors

Text with hexadecimal color #554ed0

This text has a font color of #554ed0.

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

#554ed0 background color

This paragraph has a background color of #554ed0.

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

#554ed0 border color

This element has a border color of #554ed0.

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

CSS codes

.text {color:#554ed0;}

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

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

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

#030209
```
#030209 rgb(3,2,9)
```
#070718
```
#070718 rgb(7,7,24)
```
#0c0b28
```
#0c0b28 rgb(12,11,40)
```
#110f37
```
#110f37 rgb(17,15,55)
```
#161347
```
#161347 rgb(22,19,71)
```
#1a1756
```
#1a1756 rgb(26,23,86)
```
#1f1b66
```
#1f1b66 rgb(31,27,102)
```
#241f75
```
#241f75 rgb(36,31,117)
```
#292385
```
#292385 rgb(41,35,133)
```
#2d2794
```
#2d2794 rgb(45,39,148)
```
#322ca4
```
#322ca4 rgb(50,44,164)
```
#3730b3
```
#3730b3 rgb(55,48,179)
```
#3b34c3
```
#3b34c3 rgb(59,52,195)
```

Shade Color Variation

#463fcc
```
#463fcc rgb(70,63,204)
```
#554ed0
```
#554ed0 rgb(85,78,208)
```
#645dd4
```
#645dd4 rgb(100,93,212)
```
#736dd8
```
#736dd8 rgb(115,109,216)
```
#827cdc
```
#827cdc rgb(130,124,220)
```
#918ce0
```
#918ce0 rgb(145,140,224)
```
#9f9be5
```
#9f9be5 rgb(159,155,229)
```
#aeabe9
```
#aeabe9 rgb(174,171,233)
```
#bdbaed
```
#bdbaed rgb(189,186,237)
```
#cccaf1
```
#cccaf1 rgb(204,202,241)
```
#dbd9f5
```
#dbd9f5 rgb(219,217,245)
```
#eae9f9
```
#eae9f9 rgb(234,233,249)
```
#f9f8fd
```
#f9f8fd rgb(249,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8a94 is the less saturated color, while #2f23fb is the most saturated one.

#8b8a94
```
#8b8a94 rgb(139,138,148)
```
#83829c
```
#83829c rgb(131,130,156)
```
#7b79a5
```
#7b79a5 rgb(123,121,165)
```
#7470ae
```
#7470ae rgb(116,112,174)
```
#6c68b6
```
#6c68b6 rgb(108,104,182)
```
#645fbf
```
#645fbf rgb(100,95,191)
```
#5d57c7
```
#5d57c7 rgb(93,87,199)
```
#554ed0
```
#554ed0 rgb(85,78,208)
```
#4d45d9
```
#4d45d9 rgb(77,69,217)
```
#463de1
```
#463de1 rgb(70,61,225)
```
#3e34ea
```
#3e34ea rgb(62,52,234)
```
#362cf2
```
#362cf2 rgb(54,44,242)
```
#2f23fb
```
#2f23fb rgb(47,35,251)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5d5c76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c7 Protanopia 1% of men
#006bae Deuteranopia 1% of men
#26727a Tritanopia 0.001% of the population

Trichromacy

#1e5dca Protanomaly 1% of men, 0.01% of women
#1e60ba Deuteranomaly 6% of men, 0.4% of women
#376599 Tritanomaly 0.01% of the population

#554ed0 hex color

#554ed0 Color Information

#554ed0 Color Conversion

Color Schemes with #554ed0

Alternatives to #554ed0

#554ed0 Preview

Shades and Tints of #554ed0

Tones of #554ed0

Color Blindness Simulator