#553a8e hex color

In a RGB color space, hex #553a8e is composed of 33.3% red, 22.7% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 40.1% cyan, 59.2% magenta, 0% yellow and 44.3% black. It has a hue angle of 259.3 degrees, a saturation of 42% and a lightness of 39.2%. #553a8e color hex could be obtained by blending #aa74ff with #00001d. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 23
- B 56
RGB color chart
- C 40
- M 59
- Y 0
- K 44
CMYK color chart

● #553a8e color description : Dark moderate violet.

The hexadecimal color #553a8e has RGB values of R:85, G:58, B:142 and CMYK values of C:0.4, M:0.59, Y:0, K:0.44. Its decimal value is 5585550.

Hex triplet	553a8e	`#553a8e`
RGB Decimal	85, 58, 142	`rgb(85,58,142)`
RGB Percent	33.3, 22.7, 55.7	`rgb(33.3%,22.7%,55.7%)`
CMYK	40, 59, 0, 44
HSL	259.3°, 42, 39.2	`hsl(259.3,42%,39.2%)`
HSV (or HSB)	259.3°, 59.2, 55.7
Web Safe	663399	`#663399`

CIE-LAB	31.602, 31.966, -42.624
XYZ	10.141, 6.91, 26.389
xyY	0.233, 0.159, 6.91
CIE-LCH	31.602, 53.279, 306.869
CIE-LUV	31.602, 5.084, -59.994
Hunter-Lab	26.288, 22.857, -41.118
Binary	01010101, 00111010, 10001110

#553a8e
```
#553a8e rgb(85,58,142)
```
#738e3a
```
#738e3a rgb(115,142,58)
```

Complementary Color

#3a498e
```
#3a498e rgb(58,73,142)
```
#553a8e
```
#553a8e rgb(85,58,142)
```
#7f3a8e
```
#7f3a8e rgb(127,58,142)
```

Analogous Color

#498e3a
```
#498e3a rgb(73,142,58)
```
#553a8e
```
#553a8e rgb(85,58,142)
```
#8e7f3a
```
#8e7f3a rgb(142,127,58)
```

Split Complementary Color

#3a8e55
```
#3a8e55 rgb(58,142,85)
```
#553a8e
```
#553a8e rgb(85,58,142)
```
#8e553a
```
#8e553a rgb(142,85,58)
```

Triadic Color

#3a738e
```
#3a738e rgb(58,115,142)
```
#553a8e
```
#553a8e rgb(85,58,142)
```
#8e553a
```
#8e553a rgb(142,85,58)
```
#738e3a
```
#738e3a rgb(115,142,58)
```

Tetradic Color

#342458
```
#342458 rgb(52,36,88)
```
#3f2b6a
```
#3f2b6a rgb(63,43,106)
```
#4a337c
```
#4a337c rgb(74,51,124)
```
#553a8e
```
#553a8e rgb(85,58,142)
```
#6041a0
```
#6041a0 rgb(96,65,160)
```
#6b49b2
```
#6b49b2 rgb(107,73,178)
```
#7959bb
```
#7959bb rgb(121,89,187)
```

Monochromatic Color

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

#403a8e
```
#403a8e rgb(64,58,142)
```
#473a8e
```
#473a8e rgb(71,58,142)
```
#4e3a8e
```
#4e3a8e rgb(78,58,142)
```
#553a8e
```
#553a8e rgb(85,58,142)
```
#5c3a8e
```
#5c3a8e rgb(92,58,142)
```
#633a8e
```
#633a8e rgb(99,58,142)
```
#6a3a8e
```
#6a3a8e rgb(106,58,142)
```

Similar Colors

Text with hexadecimal color #553a8e

This text has a font color of #553a8e.

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

#553a8e background color

This paragraph has a background color of #553a8e.

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

#553a8e border color

This element has a border color of #553a8e.

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

CSS codes

.text {color:#553a8e;}

.background {background-color:#553a8e;}

.border {border:1px solid #553a8e;}

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

#020103
```
#020103 rgb(2,1,3)
```
#0a0711
```
#0a0711 rgb(10,7,17)
```
#120c1f
```
#120c1f rgb(18,12,31)
```
#1b122d
```
#1b122d rgb(27,18,45)
```
#23183a
```
#23183a rgb(35,24,58)
```
#2b1e48
```
#2b1e48 rgb(43,30,72)
```
#342356
```
#342356 rgb(52,35,86)
```
#3c2964
```
#3c2964 rgb(60,41,100)
```
#442f72
```
#442f72 rgb(68,47,114)
```
#4d3480
```
#4d3480 rgb(77,52,128)
```
#553a8e
```
#553a8e rgb(85,58,142)
```
#5d409c
```
#5d409c rgb(93,64,156)
```
#6645aa
```
#6645aa rgb(102,69,170)
```

Shade Color Variation

#6f4db6
```
#6f4db6 rgb(111,77,182)
```
#7a5bbc
```
#7a5bbc rgb(122,91,188)
```
#8569c2
```
#8569c2 rgb(133,105,194)
```
#9076c7
```
#9076c7 rgb(144,118,199)
```
#9c84cd
```
#9c84cd rgb(156,132,205)
```
#a792d3
```
#a792d3 rgb(167,146,211)
```
#b2a0d8
```
#b2a0d8 rgb(178,160,216)
```
#beaede
```
#beaede rgb(190,174,222)
```
#c9bce4
```
#c9bce4 rgb(201,188,228)
```
#d4cae9
```
#d4cae9 rgb(212,202,233)
```
#dfd8ef
```
#dfd8ef rgb(223,216,239)
```
#ebe6f5
```
#ebe6f5 rgb(235,230,245)
```
#f6f4fa
```
#f6f4fa rgb(246,244,250)
```

Tint Color Variation

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

#636068
```
#636068 rgb(99,96,104)
```
#60596f
```
#60596f rgb(96,89,111)
```
#5d5177
```
#5d5177 rgb(93,81,119)
```
#5a497f
```
#5a497f rgb(90,73,127)
```
#584286
```
#584286 rgb(88,66,134)
```
#553a8e
```
#553a8e rgb(85,58,142)
```
#523296
```
#523296 rgb(82,50,150)
```
#502b9d
```
#502b9d rgb(80,43,157)
```
#4d23a5
```
#4d23a5 rgb(77,35,165)
```
#4a1bad
```
#4a1bad rgb(74,27,173)
```
#4714b4
```
#4714b4 rgb(71,20,180)
```
#450cbc
```
#450cbc rgb(69,12,188)
```
#4204c4
```
#4204c4 rgb(66,4,196)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4e4859 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519f Protanopia 1% of men
#0f558d Deuteranopia 1% of men
#4d545a Tritanopia 0.001% of the population

Trichromacy

#1e4899 Protanomaly 1% of men, 0.01% of women
#284b8d Deuteranomaly 6% of men, 0.4% of women
#504a6d Tritanomaly 0.01% of the population

#553a8e hex color

#553a8e Color Information

#553a8e Color Conversion

Color Schemes with #553a8e

Alternatives to #553a8e

#553a8e Preview

Shades and Tints of #553a8e

Tones of #553a8e

Color Blindness Simulator