colorhexa.com

#551e87 hex color

In a RGB color space, hex #551e87 is composed of 33.3% red, 11.8% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 37% cyan, 77.8% magenta, 0% yellow and 47.1% black. It has a hue angle of 271.4 degrees, a saturation of 63.6% and a lightness of 32.4%. #551e87 color hex could be obtained by blending #aa3cff with #00000f. Closest websafe color is: #663399.

- R 33
- G 12
- B 53
RGB color chart
- C 37
- M 78
- Y 0
- K 47
CMYK color chart

● #551e87 color description : Dark violet.

The hexadecimal color #551e87 has RGB values of R:85, G:30, B:135 and CMYK values of C:0.37, M:0.78, Y:0, K:0.47. Its decimal value is 5578375.

Hex triplet	551e87	`#551e87`
RGB Decimal	85, 30, 135	`rgb(85,30,135)`
RGB Percent	33.3, 11.8, 52.9	`rgb(33.3%,11.8%,52.9%)`
CMYK	37, 78, 0, 47
HSL	271.4°, 63.6, 32.4	`hsl(271.4,63.6%,32.4%)`
HSV (or HSB)	271.4°, 77.8, 52.9
Web Safe	663399	`#663399`

CIE-LAB	25.591, 45.05, -48.017
XYZ	8.583, 4.609, 23.358
xyY	0.235, 0.126, 4.609
CIE-LCH	25.591, 65.842, 313.174
CIE-LUV	25.591, 11.463, -62.431
Hunter-Lab	21.469, 33.791, -49.478
Binary	01010101, 00011110, 10000111

#551e87
```
#551e87 rgb(85,30,135)
```
#50871e
```
#50871e rgb(80,135,30)
```

Complementary Color

#211e87
```
#211e87 rgb(33,30,135)
```
#551e87
```
#551e87 rgb(85,30,135)
```
#871e85
```
#871e85 rgb(135,30,133)
```

Analogous Color

#1e8721
```
#1e8721 rgb(30,135,33)
```
#551e87
```
#551e87 rgb(85,30,135)
```
#85871e
```
#85871e rgb(133,135,30)
```

Split Complementary Color

#1e8755
```
#1e8755 rgb(30,135,85)
```
#551e87
```
#551e87 rgb(85,30,135)
```
#87551e
```
#87551e rgb(135,85,30)
```

Triadic Color

#2e1048
```
#2e1048 rgb(46,16,72)
```
#3b155d
```
#3b155d rgb(59,21,93)
```
#481972
```
#481972 rgb(72,25,114)
```
#551e87
```
#551e87 rgb(85,30,135)
```
#62239c
```
#62239c rgb(98,35,156)
```
#6f27b1
```
#6f27b1 rgb(111,39,177)
```
#7c2cc6
```
#7c2cc6 rgb(124,44,198)
```

Monochromatic Color

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

#3b1e87
```
#3b1e87 rgb(59,30,135)
```
#441e87
```
#441e87 rgb(68,30,135)
```
#4c1e87
```
#4c1e87 rgb(76,30,135)
```
#551e87
```
#551e87 rgb(85,30,135)
```
#5e1e87
```
#5e1e87 rgb(94,30,135)
```
#671e87
```
#671e87 rgb(103,30,135)
```
#6f1e87
```
#6f1e87 rgb(111,30,135)
```

Similar Colors

Text with hexadecimal color #551e87

This text has a font color of #551e87.

<span style="color:#551e87;">Text here</span>

#551e87 background color

This paragraph has a background color of #551e87.

<p style="background-color:#551e87;">Content here</p>

#551e87 border color

This element has a border color of #551e87.

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

CSS codes

.text {color:#551e87;}

.background {background-color:#551e87;}

.border {border:1px solid #551e87;}

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

#040107
```
#040107 rgb(4,1,7)
```
#0e0517
```
#0e0517 rgb(14,5,23)
```
#180927
```
#180927 rgb(24,9,39)
```
#220c37
```
#220c37 rgb(34,12,55)
```
#2d1047
```
#2d1047 rgb(45,16,71)
```
#371357
```
#371357 rgb(55,19,87)
```
#411767
```
#411767 rgb(65,23,103)
```
#4b1a77
```
#4b1a77 rgb(75,26,119)
```
#551e87
```
#551e87 rgb(85,30,135)
```
#5f2297
```
#5f2297 rgb(95,34,151)
```
#6925a7
```
#6925a7 rgb(105,37,167)
```
#7329b7
```
#7329b7 rgb(115,41,183)
```
#7d2cc7
```
#7d2cc7 rgb(125,44,199)
```

Shade Color Variation

#8735d2
```
#8735d2 rgb(135,53,210)
```
#9145d6
```
#9145d6 rgb(145,69,214)
```
#9a55d9
```
#9a55d9 rgb(154,85,217)
```
#a465dd
```
#a465dd rgb(164,101,221)
```
#ad75e0
```
#ad75e0 rgb(173,117,224)
```
#b785e4
```
#b785e4 rgb(183,133,228)
```
#c095e8
```
#c095e8 rgb(192,149,232)
```
#caa5eb
```
#caa5eb rgb(202,165,235)
```
#d3b5ef
```
#d3b5ef rgb(211,181,239)
```
#ddc5f2
```
#ddc5f2 rgb(221,197,242)
```
#e6d5f6
```
#e6d5f6 rgb(230,213,246)
```
#f0e6f9
```
#f0e6f9 rgb(240,230,249)
```
#f9f6fd
```
#f9f6fd rgb(249,246,253)
```

Tint Color Variation

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

#535154
```
#535154 rgb(83,81,84)
```
#534a5b
```
#534a5b rgb(83,74,91)
```
#534461
```
#534461 rgb(83,68,97)
```
#533e67
```
#533e67 rgb(83,62,103)
```
#54376e
```
#54376e rgb(84,55,110)
```
#543174
```
#543174 rgb(84,49,116)
```
#542b7a
```
#542b7a rgb(84,43,122)
```
#552481
```
#552481 rgb(85,36,129)
```
#551e87
```
#551e87 rgb(85,30,135)
```
#55188d
```
#55188d rgb(85,24,141)
```
#561194
```
#561194 rgb(86,17,148)
```
#560b9a
```
#560b9a rgb(86,11,154)
```
#5605a0
```
#5605a0 rgb(86,5,160)
```

Tone Color Variation

Below, you can see how #551e87 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

#3a3a3a Achromatopsia 0.005% of the population
#3f3449 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004485 Protanopia 1% of men
#004876 Deuteranopia 1% of men
#4d4449 Tritanopia 0.001% of the population

Trichromacy

#1e3686 Protanomaly 1% of men, 0.01% of women
#1e387c Deuteranomaly 6% of men, 0.4% of women
#50365f Tritanomaly 0.01% of the population