#550ea9 hex color

In a RGB color space, hex #550ea9 is composed of 33.3% red, 5.5% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 49.7% cyan, 91.7% magenta, 0% yellow and 33.7% black. It has a hue angle of 267.5 degrees, a saturation of 84.7% and a lightness of 35.9%. #550ea9 color hex could be obtained by blending #aa1cff with #000053. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 33
- G 5
- B 66
RGB color chart
- C 50
- M 92
- Y 0
- K 34
CMYK color chart

● #550ea9 color description : Dark violet.

The hexadecimal color #550ea9 has RGB values of R:85, G:14, B:169 and CMYK values of C:0.5, M:0.92, Y:0, K:0.34. Its decimal value is 5574313.

Hex triplet	550ea9	`#550ea9`
RGB Decimal	85, 14, 169	`rgb(85,14,169)`
RGB Percent	33.3, 5.5, 66.3	`rgb(33.3%,5.5%,66.3%)`
CMYK	50, 92, 0, 34
HSL	267.5°, 84.7, 35.9	`hsl(267.5,84.7%,35.9%)`
HSV (or HSB)	267.5°, 91.7, 66.3
Web Safe	660099	`#660099`

CIE-LAB	27.045, 58.59, -66.518
XYZ	11.064, 5.11, 37.937
xyY	0.204, 0.094, 5.11
CIE-LCH	27.045, 88.642, 311.374
CIE-LUV	27.045, 7.65, -84.428
Hunter-Lab	22.605, 47.804, -83.681
Binary	01010101, 00001110, 10101001

#550ea9
```
#550ea9 rgb(85,14,169)
```
#62a90e
```
#62a90e rgb(98,169,14)
```

Complementary Color

#0e15a9
```
#0e15a9 rgb(14,21,169)
```
#550ea9
```
#550ea9 rgb(85,14,169)
```
#a30ea9
```
#a30ea9 rgb(163,14,169)
```

Analogous Color

#15a90e
```
#15a90e rgb(21,169,14)
```
#550ea9
```
#550ea9 rgb(85,14,169)
```
#a9a30e
```
#a9a30e rgb(169,163,14)
```

Split Complementary Color

#0ea955
```
#0ea955 rgb(14,169,85)
```
#550ea9
```
#550ea9 rgb(85,14,169)
```
#a9550e
```
#a9550e rgb(169,85,14)
```

Triadic Color

#0e62a9
```
#0e62a9 rgb(14,98,169)
```
#550ea9
```
#550ea9 rgb(85,14,169)
```
#a9550e
```
#a9550e rgb(169,85,14)
```
#62a90e
```
#62a90e rgb(98,169,14)
```

Tetradic Color

#310862
```
#310862 rgb(49,8,98)
```
#3d0a7a
```
#3d0a7a rgb(61,10,122)
```
#490c91
```
#490c91 rgb(73,12,145)
```
#550ea9
```
#550ea9 rgb(85,14,169)
```
#6110c1
```
#6110c1 rgb(97,16,193)
```
#6d12d8
```
#6d12d8 rgb(109,18,216)
```
#7918ec
```
#7918ec rgb(121,24,236)
```

Monochromatic Color

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

#2e0ea9
```
#2e0ea9 rgb(46,14,169)
```
#3b0ea9
```
#3b0ea9 rgb(59,14,169)
```
#480ea9
```
#480ea9 rgb(72,14,169)
```
#550ea9
```
#550ea9 rgb(85,14,169)
```
#620ea9
```
#620ea9 rgb(98,14,169)
```
#6f0ea9
```
#6f0ea9 rgb(111,14,169)
```
#7c0ea9
```
#7c0ea9 rgb(124,14,169)
```

Similar Colors

Text with hexadecimal color #550ea9

This text has a font color of #550ea9.

<span style="color:#550ea9;">Text here</span>

#550ea9 background color

This paragraph has a background color of #550ea9.

<p style="background-color:#550ea9;">Content here</p>

#550ea9 border color

This element has a border color of #550ea9.

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

CSS codes

.text {color:#550ea9;}

.background {background-color:#550ea9;}

.border {border:1px solid #550ea9;}

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

#030006
```
#030006 rgb(3,0,6)
```
#0c0218
```
#0c0218 rgb(12,2,24)
```
#15032a
```
#15032a rgb(21,3,42)
```
#1e053c
```
#1e053c rgb(30,5,60)
```
#27064e
```
#27064e rgb(39,6,78)
```
#310861
```
#310861 rgb(49,8,97)
```
#3a0973
```
#3a0973 rgb(58,9,115)
```
#430b85
```
#430b85 rgb(67,11,133)
```
#4c0c97
```
#4c0c97 rgb(76,12,151)
```
#550ea9
```
#550ea9 rgb(85,14,169)
```
#5e10bb
```
#5e10bb rgb(94,16,187)
```
#6711cd
```
#6711cd rgb(103,17,205)
```
#7013df
```
#7013df rgb(112,19,223)
```

Shade Color Variation

#7a19ec
```
#7a19ec rgb(122,25,236)
```
#842ced
```
#842ced rgb(132,44,237)
```
#8f3eef
```
#8f3eef rgb(143,62,239)
```
#9950f0
```
#9950f0 rgb(153,80,240)
```
#a462f2
```
#a462f2 rgb(164,98,242)
```
#ae74f3
```
#ae74f3 rgb(174,116,243)
```
#b986f5
```
#b986f5 rgb(185,134,245)
```
#c398f6
```
#c398f6 rgb(195,152,246)
```
#ceaaf8
```
#ceaaf8 rgb(206,170,248)
```
#d8bdf9
```
#d8bdf9 rgb(216,189,249)
```
#e3cffb
```
#e3cffb rgb(227,207,251)
```
#ede1fc
```
#ede1fc rgb(237,225,252)
```
#f8f3fe
```
#f8f3fe rgb(248,243,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b5b5c is the less saturated color, while #5407b0 is the most saturated one.

#5b5b5c
```
#5b5b5c rgb(91,91,92)
```
#5b5463
```
#5b5463 rgb(91,84,99)
```
#5a4d6a
```
#5a4d6a rgb(90,77,106)
```
#5a4671
```
#5a4671 rgb(90,70,113)
```
#593f78
```
#593f78 rgb(89,63,120)
```
#59387f
```
#59387f rgb(89,56,127)
```
#583186
```
#583186 rgb(88,49,134)
```
#572a8d
```
#572a8d rgb(87,42,141)
```
#572394
```
#572394 rgb(87,35,148)
```
#561c9b
```
#561c9b rgb(86,28,155)
```
#5615a2
```
#5615a2 rgb(86,21,162)
```
#550ea9
```
#550ea9 rgb(85,14,169)
```
#5407b0
```
#5407b0 rgb(84,7,176)
```

Tone Color Variation

Below, you can see how #550ea9 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

#353535 Achromatopsia 0.005% of the population
#3b2d4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00478b Protanopia 1% of men
#004b79 Deuteranopia 1% of men
#3d4c51 Tritanopia 0.001% of the population

Trichromacy

#1e3296 Protanomaly 1% of men, 0.01% of women
#1e358a Deuteranomaly 6% of men, 0.4% of women
#453571 Tritanomaly 0.01% of the population

#550ea9 hex color

#550ea9 Color Information

#550ea9 Color Conversion

Color Schemes with #550ea9

Alternatives to #550ea9

#550ea9 Preview

Shades and Tints of #550ea9

Tones of #550ea9

Color Blindness Simulator