colorhexa.com

#552286 hex color

In a RGB color space, hex #552286 is composed of 33.3% red, 13.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 36.6% cyan, 74.6% magenta, 0% yellow and 47.5% black. It has a hue angle of 270.6 degrees, a saturation of 59.5% and a lightness of 32.9%. #552286 color hex could be obtained by blending #aa44ff with #00000d. Closest websafe color is: #663399.

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

● #552286 color description : Dark violet.

The hexadecimal color #552286 has RGB values of R:85, G:34, B:134 and CMYK values of C:0.37, M:0.75, Y:0, K:0.47. Its decimal value is 5579398.

Hex triplet	552286	`#552286`
RGB Decimal	85, 34, 134	`rgb(85,34,134)`
RGB Percent	33.3, 13.3, 52.5	`rgb(33.3%,13.3%,52.5%)`
CMYK	37, 75, 0, 47
HSL	270.6°, 59.5, 32.9	`hsl(270.6,59.5%,32.9%)`
HSV (or HSB)	270.6°, 74.6, 52.5
Web Safe	663399	`#663399`

CIE-LAB	26.147, 42.979, -46.486
XYZ	8.621, 4.797, 23.025
xyY	0.237, 0.132, 4.797
CIE-LCH	26.147, 63.31, 312.756
CIE-LUV	26.147, 11.079, -61.135
Hunter-Lab	21.901, 31.933, -47
Binary	01010101, 00100010, 10000110

#552286
```
#552286 rgb(85,34,134)
```
#538622
```
#538622 rgb(83,134,34)
```

Complementary Color

#232286
```
#232286 rgb(35,34,134)
```
#552286
```
#552286 rgb(85,34,134)
```
#862285
```
#862285 rgb(134,34,133)
```

Analogous Color

#228623
```
#228623 rgb(34,134,35)
```
#552286
```
#552286 rgb(85,34,134)
```
#858622
```
#858622 rgb(133,134,34)
```

Split Complementary Color

#228655
```
#228655 rgb(34,134,85)
```
#552286
```
#552286 rgb(85,34,134)
```
#865522
```
#865522 rgb(134,85,34)
```

Triadic Color

#2e1349
```
#2e1349 rgb(46,19,73)
```
#3b185d
```
#3b185d rgb(59,24,93)
```
#481d72
```
#481d72 rgb(72,29,114)
```
#552286
```
#552286 rgb(85,34,134)
```
#62279a
```
#62279a rgb(98,39,154)
```
#6f2caf
```
#6f2caf rgb(111,44,175)
```
#7c31c3
```
#7c31c3 rgb(124,49,195)
```

Monochromatic Color

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

#3c2286
```
#3c2286 rgb(60,34,134)
```
#442286
```
#442286 rgb(68,34,134)
```
#4d2286
```
#4d2286 rgb(77,34,134)
```
#552286
```
#552286 rgb(85,34,134)
```
#5d2286
```
#5d2286 rgb(93,34,134)
```
#662286
```
#662286 rgb(102,34,134)
```
#6e2286
```
#6e2286 rgb(110,34,134)
```

Similar Colors

Text with hexadecimal color #552286

This text has a font color of #552286.

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

#552286 background color

This paragraph has a background color of #552286.

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

#552286 border color

This element has a border color of #552286.

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

CSS codes

.text {color:#552286;}

.background {background-color:#552286;}

.border {border:1px solid #552286;}

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

#060209
```
#060209 rgb(6,2,9)
```
#100618
```
#100618 rgb(16,6,24)
```
#190a28
```
#190a28 rgb(25,10,40)
```
#230e38
```
#230e38 rgb(35,14,56)
```
#2d1247
```
#2d1247 rgb(45,18,71)
```
#371657
```
#371657 rgb(55,22,87)
```
#411a67
```
#411a67 rgb(65,26,103)
```
#4b1e76
```
#4b1e76 rgb(75,30,118)
```
#552286
```
#552286 rgb(85,34,134)
```
#5f2696
```
#5f2696 rgb(95,38,150)
```
#692aa5
```
#692aa5 rgb(105,42,165)
```
#732eb5
```
#732eb5 rgb(115,46,181)
```
#7d32c5
```
#7d32c5 rgb(125,50,197)
```

Shade Color Variation

#863cce
```
#863cce rgb(134,60,206)
```
#904cd2
```
#904cd2 rgb(144,76,210)
```
#9a5cd6
```
#9a5cd6 rgb(154,92,214)
```
#a46bda
```
#a46bda rgb(164,107,218)
```
#ad7bde
```
#ad7bde rgb(173,123,222)
```
#b78be1
```
#b78be1 rgb(183,139,225)
```
#c19ae5
```
#c19ae5 rgb(193,154,229)
```
#caaae9
```
#caaae9 rgb(202,170,233)
```
#d4baed
```
#d4baed rgb(212,186,237)
```
#dec9f1
```
#dec9f1 rgb(222,201,241)
```
#e7d9f5
```
#e7d9f5 rgb(231,217,245)
```
#f1e9f9
```
#f1e9f9 rgb(241,233,249)
```
#fbf8fd
```
#fbf8fd rgb(251,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #544f59 is the less saturated color, while #5602a6 is the most saturated one.

#544f59
```
#544f59 rgb(84,79,89)
```
#54495f
```
#54495f rgb(84,73,95)
```
#544266
```
#544266 rgb(84,66,102)
```
#543c6c
```
#543c6c rgb(84,60,108)
```
#553573
```
#553573 rgb(85,53,115)
```
#552f79
```
#552f79 rgb(85,47,121)
```
#552880
```
#552880 rgb(85,40,128)
```
#552286
```
#552286 rgb(85,34,134)
```
#551c8c
```
#551c8c rgb(85,28,140)
```
#551593
```
#551593 rgb(85,21,147)
```
#550f99
```
#550f99 rgb(85,15,153)
```
#5608a0
```
#5608a0 rgb(86,8,160)
```
#5602a6
```
#5602a6 rgb(86,2,166)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#42384c Atypical Achromatopsia 0.001% of the population

Dichromacy

#004588 Protanopia 1% of men
#004978 Deuteranopia 1% of men
#4d454a Tritanopia 0.001% of the population

Trichromacy

#1e3887 Protanomaly 1% of men, 0.01% of women
#1e3b7d Deuteranomaly 6% of men, 0.4% of women
#503860 Tritanomaly 0.01% of the population