#552486 hex color

In a RGB color space, hex #552486 is composed of 33.3% red, 14.1% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 36.6% cyan, 73.1% magenta, 0% yellow and 47.5% black. It has a hue angle of 270 degrees, a saturation of 57.6% and a lightness of 33.3%. #552486 color hex could be obtained by blending #aa48ff with #00000d. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 14
- B 53
RGB color chart
- C 37
- M 73
- Y 0
- K 47
CMYK color chart

● #552486 color description : Dark violet.

The hexadecimal color #552486 has RGB values of R:85, G:36, B:134 and CMYK values of C:0.37, M:0.73, Y:0, K:0.47. Its decimal value is 5579910.

Hex triplet	552486	`#552486`
RGB Decimal	85, 36, 134	`rgb(85,36,134)`
RGB Percent	33.3, 14.1, 52.5	`rgb(33.3%,14.1%,52.5%)`
CMYK	37, 73, 0, 47
HSL	270°, 57.6, 33.3	`hsl(270,57.6%,33.3%)`
HSV (or HSB)	270°, 73.1, 52.5
Web Safe	663399	`#663399`

CIE-LAB	26.489, 42.016, -45.93
XYZ	8.68, 4.914, 23.044
xyY	0.237, 0.134, 4.914
CIE-LCH	26.489, 62.248, 312.451
CIE-LUV	26.489, 10.772, -60.762
Hunter-Lab	22.168, 31.093, -46.115
Binary	01010101, 00100100, 10000110

#552486
```
#552486 rgb(85,36,134)
```
#558624
```
#558624 rgb(85,134,36)
```

Complementary Color

#242486
```
#242486 rgb(36,36,134)
```
#552486
```
#552486 rgb(85,36,134)
```
#862486
```
#862486 rgb(134,36,134)
```

Analogous Color

#248624
```
#248624 rgb(36,134,36)
```
#552486
```
#552486 rgb(85,36,134)
```
#868624
```
#868624 rgb(134,134,36)
```

Split Complementary Color

#248655
```
#248655 rgb(36,134,85)
```
#552486
```
#552486 rgb(85,36,134)
```
#865524
```
#865524 rgb(134,85,36)
```

Triadic Color

#245586
```
#245586 rgb(36,85,134)
```
#552486
```
#552486 rgb(85,36,134)
```
#865524
```
#865524 rgb(134,85,36)
```
#558624
```
#558624 rgb(85,134,36)
```

Tetradic Color

#2f144a
```
#2f144a rgb(47,20,74)
```
#3c195e
```
#3c195e rgb(60,25,94)
```
#481f72
```
#481f72 rgb(72,31,114)
```
#552486
```
#552486 rgb(85,36,134)
```
#62299a
```
#62299a rgb(98,41,154)
```
#6f2fae
```
#6f2fae rgb(111,47,174)
```
#7b34c2
```
#7b34c2 rgb(123,52,194)
```

Monochromatic Color

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

#3d2486
```
#3d2486 rgb(61,36,134)
```
#452486
```
#452486 rgb(69,36,134)
```
#4d2486
```
#4d2486 rgb(77,36,134)
```
#552486
```
#552486 rgb(85,36,134)
```
#5d2486
```
#5d2486 rgb(93,36,134)
```
#652486
```
#652486 rgb(101,36,134)
```
#6e2486
```
#6e2486 rgb(110,36,134)
```

Similar Colors

Text with hexadecimal color #552486

This text has a font color of #552486.

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

#552486 background color

This paragraph has a background color of #552486.

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

#552486 border color

This element has a border color of #552486.

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

CSS codes

.text {color:#552486;}

.background {background-color:#552486;}

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

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, #07030a is the darkest color, while #fcfafe is the lightest one.

#07030a
```
#07030a rgb(7,3,10)
```
#10071a
```
#10071a rgb(16,7,26)
```
#1a0b29
```
#1a0b29 rgb(26,11,41)
```
#240f39
```
#240f39 rgb(36,15,57)
```
#2e1348
```
#2e1348 rgb(46,19,72)
```
#381858
```
#381858 rgb(56,24,88)
```
#411c67
```
#411c67 rgb(65,28,103)
```
#4b2077
```
#4b2077 rgb(75,32,119)
```
#552486
```
#552486 rgb(85,36,134)
```
#5f2895
```
#5f2895 rgb(95,40,149)
```
#692ca5
```
#692ca5 rgb(105,44,165)
```
#7230b4
```
#7230b4 rgb(114,48,180)
```
#7c35c4
```
#7c35c4 rgb(124,53,196)
```

Shade Color Variation

#8640cc
```
#8640cc rgb(134,64,204)
```
#9050d0
```
#9050d0 rgb(144,80,208)
```
#9a5fd4
```
#9a5fd4 rgb(154,95,212)
```
#a36fd8
```
#a36fd8 rgb(163,111,216)
```
#ad7edc
```
#ad7edc rgb(173,126,220)
```
#b78ee1
```
#b78ee1 rgb(183,142,225)
```
#c19de5
```
#c19de5 rgb(193,157,229)
```
#cbade9
```
#cbade9 rgb(203,173,233)
```
#d5bced
```
#d5bced rgb(213,188,237)
```
#decbf1
```
#decbf1 rgb(222,203,241)
```
#e8dbf5
```
#e8dbf5 rgb(232,219,245)
```
#f2eaf9
```
#f2eaf9 rgb(242,234,249)
```
#fcfafe
```
#fcfafe rgb(252,250,254)
```

Tint Color Variation

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

#555258
```
#555258 rgb(85,82,88)
```
#554b5f
```
#554b5f rgb(85,75,95)
```
#554565
```
#554565 rgb(85,69,101)
```
#553e6c
```
#553e6c rgb(85,62,108)
```
#553872
```
#553872 rgb(85,56,114)
```
#553179
```
#553179 rgb(85,49,121)
```
#552b7f
```
#552b7f rgb(85,43,127)
```
#552486
```
#552486 rgb(85,36,134)
```
#551d8d
```
#551d8d rgb(85,29,141)
```
#551793
```
#551793 rgb(85,23,147)
```
#55109a
```
#55109a rgb(85,16,154)
```
#550aa0
```
#550aa0 rgb(85,10,160)
```
#5503a7
```
#5503a7 rgb(85,3,167)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#43394c Atypical Achromatopsia 0.001% of the population

Dichromacy

#004689 Protanopia 1% of men
#004a79 Deuteranopia 1% of men
#4e464b Tritanopia 0.001% of the population

Trichromacy

#1e3988 Protanomaly 1% of men, 0.01% of women
#1e3c7e Deuteranomaly 6% of men, 0.4% of women
#503a60 Tritanomaly 0.01% of the population

#552486 hex color

#552486 Color Information

#552486 Color Conversion

Color Schemes with #552486

Alternatives to #552486

#552486 Preview

Shades and Tints of #552486

Tones of #552486

Color Blindness Simulator