#553a7e hex color

In a RGB color space, hex #553a7e is composed of 33.3% red, 22.7% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 32.5% cyan, 54% magenta, 0% yellow and 50.6% black. It has a hue angle of 263.8 degrees, a saturation of 37% and a lightness of 36.1%. #553a7e color hex could be obtained by blending #aa74fc with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 33
- G 23
- B 49
RGB color chart
- C 33
- M 54
- Y 0
- K 51
CMYK color chart

● #553a7e color description : Dark moderate violet.

The hexadecimal color #553a7e has RGB values of R:85, G:58, B:126 and CMYK values of C:0.33, M:0.54, Y:0, K:0.51. Its decimal value is 5585534.

Hex triplet	553a7e	`#553a7e`
RGB Decimal	85, 58, 126	`rgb(85,58,126)`
RGB Percent	33.3, 22.7, 49.4	`rgb(33.3%,22.7%,49.4%)`
CMYK	33, 54, 0, 51
HSL	263.8°, 37, 36.1	`hsl(263.8,37%,36.1%)`
HSV (or HSB)	263.8°, 54, 49.4
Web Safe	663366	`#663366`

CIE-LAB	30.554, 27.442, -34.382
XYZ	9.025, 6.464, 20.51
xyY	0.251, 0.18, 6.464
CIE-LCH	30.554, 43.991, 308.595
CIE-LUV	30.554, 7.015, -48.081
Hunter-Lab	25.424, 18.869, -30.033
Binary	01010101, 00111010, 01111110

#553a7e
```
#553a7e rgb(85,58,126)
```
#637e3a
```
#637e3a rgb(99,126,58)
```

Complementary Color

#3a417e
```
#3a417e rgb(58,65,126)
```
#553a7e
```
#553a7e rgb(85,58,126)
```
#773a7e
```
#773a7e rgb(119,58,126)
```

Analogous Color

#417e3a
```
#417e3a rgb(65,126,58)
```
#553a7e
```
#553a7e rgb(85,58,126)
```
#7e773a
```
#7e773a rgb(126,119,58)
```

Split Complementary Color

#3a7e55
```
#3a7e55 rgb(58,126,85)
```
#553a7e
```
#553a7e rgb(85,58,126)
```
#7e553a
```
#7e553a rgb(126,85,58)
```

Triadic Color

#3a637e
```
#3a637e rgb(58,99,126)
```
#553a7e
```
#553a7e rgb(85,58,126)
```
#7e553a
```
#7e553a rgb(126,85,58)
```
#637e3a
```
#637e3a rgb(99,126,58)
```

Tetradic Color

#32224a
```
#32224a rgb(50,34,74)
```
#3d2a5b
```
#3d2a5b rgb(61,42,91)
```
#49326d
```
#49326d rgb(73,50,109)
```
#553a7e
```
#553a7e rgb(85,58,126)
```
#61428f
```
#61428f rgb(97,66,143)
```
#6d4aa1
```
#6d4aa1 rgb(109,74,161)
```
#7954b0
```
#7954b0 rgb(121,84,176)
```

Monochromatic Color

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

#443a7e
```
#443a7e rgb(68,58,126)
```
#4a3a7e
```
#4a3a7e rgb(74,58,126)
```
#4f3a7e
```
#4f3a7e rgb(79,58,126)
```
#553a7e
```
#553a7e rgb(85,58,126)
```
#5b3a7e
```
#5b3a7e rgb(91,58,126)
```
#603a7e
```
#603a7e rgb(96,58,126)
```
#663a7e
```
#663a7e rgb(102,58,126)
```

Similar Colors

Text with hexadecimal color #553a7e

This text has a font color of #553a7e.

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

#553a7e background color

This paragraph has a background color of #553a7e.

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

#553a7e border color

This element has a border color of #553a7e.

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

CSS codes

.text {color:#553a7e;}

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

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

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

#030205
```
#030205 rgb(3,2,5)
```
#0d0913
```
#0d0913 rgb(13,9,19)
```
#160f20
```
#160f20 rgb(22,15,32)
```
#1f152d
```
#1f152d rgb(31,21,45)
```
#281b3b
```
#281b3b rgb(40,27,59)
```
#312148
```
#312148 rgb(49,33,72)
```
#3a2756
```
#3a2756 rgb(58,39,86)
```
#432e63
```
#432e63 rgb(67,46,99)
```
#4c3471
```
#4c3471 rgb(76,52,113)
```
#553a7e
```
#553a7e rgb(85,58,126)
```
#5e408b
```
#5e408b rgb(94,64,139)
```
#674699
```
#674699 rgb(103,70,153)
```
#704da6
```
#704da6 rgb(112,77,166)
```

Shade Color Variation

#7a55b1
```
#7a55b1 rgb(122,85,177)
```
#8463b7
```
#8463b7 rgb(132,99,183)
```
#8f70bd
```
#8f70bd rgb(143,112,189)
```
#997ec4
```
#997ec4 rgb(153,126,196)
```
#a48bca
```
#a48bca rgb(164,139,202)
```
#af99d0
```
#af99d0 rgb(175,153,208)
```
#b9a6d6
```
#b9a6d6 rgb(185,166,214)
```
#c4b4dc
```
#c4b4dc rgb(196,180,220)
```
#cec1e2
```
#cec1e2 rgb(206,193,226)
```
#d9cee9
```
#d9cee9 rgb(217,206,233)
```
#e3dcef
```
#e3dcef rgb(227,220,239)
```
#eee9f5
```
#eee9f5 rgb(238,233,245)
```
#f8f7fb
```
#f8f7fb rgb(248,247,251)
```

Tint Color Variation

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

#5b5662
```
#5b5662 rgb(91,86,98)
```
#594f69
```
#594f69 rgb(89,79,105)
```
#584870
```
#584870 rgb(88,72,112)
```
#564177
```
#564177 rgb(86,65,119)
```
#553a7e
```
#553a7e rgb(85,58,126)
```
#543385
```
#543385 rgb(84,51,133)
```
#522c8c
```
#522c8c rgb(82,44,140)
```
#512593
```
#512593 rgb(81,37,147)
```
#4f1e9a
```
#4f1e9a rgb(79,30,154)
```
#4e17a1
```
#4e17a1 rgb(78,23,161)
```
#4c10a8
```
#4c10a8 rgb(76,16,168)
```
#4b08b0
```
#4b08b0 rgb(75,8,176)
```
#4901b7
```
#4901b7 rgb(73,1,183)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#4c4754 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d4f8e Protanopia 1% of men
#30517f Deuteranopia 1% of men
#525056 Tritanopia 0.001% of the population

Trichromacy

#3b4788 Protanomaly 1% of men, 0.01% of women
#3e497f Deuteranomaly 6% of men, 0.4% of women
#534864 Tritanomaly 0.01% of the population

#553a7e hex color

#553a7e Color Information

#553a7e Color Conversion

Color Schemes with #553a7e

Alternatives to #553a7e

#553a7e Preview

Shades and Tints of #553a7e

Tones of #553a7e

Color Blindness Simulator