#550ea7 hex color

In a RGB color space, hex #550ea7 is composed of 33.3% red, 5.5% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 49.1% cyan, 91.6% magenta, 0% yellow and 34.5% black. It has a hue angle of 267.8 degrees, a saturation of 84.5% and a lightness of 35.5%. #550ea7 color hex could be obtained by blending #aa1cff with #00004f. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 33
- G 5
- B 65
RGB color chart
- C 49
- M 92
- Y 0
- K 35
CMYK color chart

● #550ea7 color description : Dark violet.

The hexadecimal color #550ea7 has RGB values of R:85, G:14, B:167 and CMYK values of C:0.49, M:0.92, Y:0, K:0.35. Its decimal value is 5574311.

Hex triplet	550ea7	`#550ea7`
RGB Decimal	85, 14, 167	`rgb(85,14,167)`
RGB Percent	33.3, 5.5, 65.5	`rgb(33.3%,5.5%,65.5%)`
CMYK	49, 92, 0, 35
HSL	267.8°, 84.5, 35.5	`hsl(267.8,84.5%,35.5%)`
HSV (or HSB)	267.8°, 91.6, 65.5
Web Safe	660099	`#660099`

CIE-LAB	26.835, 58.118, -65.656
XYZ	10.877, 5.035, 36.956
xyY	0.206, 0.095, 5.035
CIE-LCH	26.835, 87.684, 311.515
CIE-LUV	26.835, 7.922, -83.243
Hunter-Lab	22.44, 47.256, -81.938
Binary	01010101, 00001110, 10100111

#550ea7
```
#550ea7 rgb(85,14,167)
```
#60a70e
```
#60a70e rgb(96,167,14)
```

Complementary Color

#0e14a7
```
#0e14a7 rgb(14,20,167)
```
#550ea7
```
#550ea7 rgb(85,14,167)
```
#a20ea7
```
#a20ea7 rgb(162,14,167)
```

Analogous Color

#14a70e
```
#14a70e rgb(20,167,14)
```
#550ea7
```
#550ea7 rgb(85,14,167)
```
#a7a20e
```
#a7a20e rgb(167,162,14)
```

Split Complementary Color

#0ea755
```
#0ea755 rgb(14,167,85)
```
#550ea7
```
#550ea7 rgb(85,14,167)
```
#a7550e
```
#a7550e rgb(167,85,14)
```

Triadic Color

#0e60a7
```
#0e60a7 rgb(14,96,167)
```
#550ea7
```
#550ea7 rgb(85,14,167)
```
#a7550e
```
#a7550e rgb(167,85,14)
```
#60a70e
```
#60a70e rgb(96,167,14)
```

Tetradic Color

#310860
```
#310860 rgb(49,8,96)
```
#3d0a78
```
#3d0a78 rgb(61,10,120)
```
#490c8f
```
#490c8f rgb(73,12,143)
```
#550ea7
```
#550ea7 rgb(85,14,167)
```
#6110bf
```
#6110bf rgb(97,16,191)
```
#6d12d6
```
#6d12d6 rgb(109,18,214)
```
#7916eb
```
#7916eb rgb(121,22,235)
```

Monochromatic Color

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

#2f0ea7
```
#2f0ea7 rgb(47,14,167)
```
#3c0ea7
```
#3c0ea7 rgb(60,14,167)
```
#480ea7
```
#480ea7 rgb(72,14,167)
```
#550ea7
```
#550ea7 rgb(85,14,167)
```
#620ea7
```
#620ea7 rgb(98,14,167)
```
#6f0ea7
```
#6f0ea7 rgb(111,14,167)
```
#7b0ea7
```
#7b0ea7 rgb(123,14,167)
```

Similar Colors

Text with hexadecimal color #550ea7

This text has a font color of #550ea7.

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

#550ea7 background color

This paragraph has a background color of #550ea7.

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

#550ea7 border color

This element has a border color of #550ea7.

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

CSS codes

.text {color:#550ea7;}

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

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

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

#020004
```
#020004 rgb(2,0,4)
```
#0b0216
```
#0b0216 rgb(11,2,22)
```
#150328
```
#150328 rgb(21,3,40)
```
#1e053a
```
#1e053a rgb(30,5,58)
```
#27064d
```
#27064d rgb(39,6,77)
```
#30085f
```
#30085f rgb(48,8,95)
```
#390971
```
#390971 rgb(57,9,113)
```
#430b83
```
#430b83 rgb(67,11,131)
```
#4c0c95
```
#4c0c95 rgb(76,12,149)
```
#550ea7
```
#550ea7 rgb(85,14,167)
```
#5e10b9
```
#5e10b9 rgb(94,16,185)
```
#6711cb
```
#6711cb rgb(103,17,203)
```
#7113dd
```
#7113dd rgb(113,19,221)
```

Shade Color Variation

#7a18ec
```
#7a18ec rgb(122,24,236)
```
#852aed
```
#852aed rgb(133,42,237)
```
#8f3cef
```
#8f3cef rgb(143,60,239)
```
#994ef0
```
#994ef0 rgb(153,78,240)
```
#a460f2
```
#a460f2 rgb(164,96,242)
```
#ae72f3
```
#ae72f3 rgb(174,114,243)
```
#b984f5
```
#b984f5 rgb(185,132,245)
```
#c397f6
```
#c397f6 rgb(195,151,246)
```
#cda9f8
```
#cda9f8 rgb(205,169,248)
```
#d8bbf9
```
#d8bbf9 rgb(216,187,249)
```
#e2cdfb
```
#e2cdfb rgb(226,205,251)
```
#eddffc
```
#eddffc rgb(237,223,252)
```
#f7f1fe
```
#f7f1fe rgb(247,241,254)
```

Tint Color Variation

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

#5a5461
```
#5a5461 rgb(90,84,97)
```
#5a4d68
```
#5a4d68 rgb(90,77,104)
```
#59466f
```
#59466f rgb(89,70,111)
```
#593f76
```
#593f76 rgb(89,63,118)
```
#58387d
```
#58387d rgb(88,56,125)
```
#583184
```
#583184 rgb(88,49,132)
```
#572a8b
```
#572a8b rgb(87,42,139)
```
#572392
```
#572392 rgb(87,35,146)
```
#561c99
```
#561c99 rgb(86,28,153)
```
#5615a0
```
#5615a0 rgb(86,21,160)
```
#550ea7
```
#550ea7 rgb(85,14,167)
```
#5407ae
```
#5407ae rgb(84,7,174)
```
#5400b5
```
#5400b5 rgb(84,0,181)
```

Tone Color Variation

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

#00478a Protanopia 1% of men
#004b78 Deuteranopia 1% of men
#3e4b50 Tritanopia 0.001% of the population

Trichromacy

#1e3294 Protanomaly 1% of men, 0.01% of women
#1e3589 Deuteranomaly 6% of men, 0.4% of women
#463570 Tritanomaly 0.01% of the population

#550ea7 hex color

#550ea7 Color Information

#550ea7 Color Conversion

Color Schemes with #550ea7

Alternatives to #550ea7

#550ea7 Preview

Shades and Tints of #550ea7

Tones of #550ea7

Color Blindness Simulator