#553a88 hex color

In a RGB color space, hex #553a88 is composed of 33.3% red, 22.7% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 37.5% cyan, 57.4% magenta, 0% yellow and 46.7% black. It has a hue angle of 260.8 degrees, a saturation of 40.2% and a lightness of 38%. #553a88 color hex could be obtained by blending #aa74ff with #000011. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 23
- B 53
RGB color chart
- C 38
- M 57
- Y 0
- K 47
CMYK color chart

● #553a88 color description : Dark moderate violet.

The hexadecimal color #553a88 has RGB values of R:85, G:58, B:136 and CMYK values of C:0.38, M:0.57, Y:0, K:0.47. Its decimal value is 5585544.

Hex triplet	553a88	`#553a88`
RGB Decimal	85, 58, 136	`rgb(85,58,136)`
RGB Percent	33.3, 22.7, 53.3	`rgb(33.3%,22.7%,53.3%)`
CMYK	38, 57, 0, 47
HSL	260.8°, 40.2, 38	`hsl(260.8,40.2%,38%)`
HSV (or HSB)	260.8°, 57.4, 53.3
Web Safe	663399	`#663399`

CIE-LAB	31.196, 30.249, -39.575
XYZ	9.703, 6.735, 24.08
xyY	0.239, 0.166, 6.735
CIE-LCH	31.196, 49.811, 307.392
CIE-LUV	31.196, 5.79, -55.58
Hunter-Lab	25.952, 21.32, -36.847
Binary	01010101, 00111010, 10001000

#553a88
```
#553a88 rgb(85,58,136)
```
#6d883a
```
#6d883a rgb(109,136,58)
```

Complementary Color

#3a4688
```
#3a4688 rgb(58,70,136)
```
#553a88
```
#553a88 rgb(85,58,136)
```
#7c3a88
```
#7c3a88 rgb(124,58,136)
```

Analogous Color

#46883a
```
#46883a rgb(70,136,58)
```
#553a88
```
#553a88 rgb(85,58,136)
```
#887c3a
```
#887c3a rgb(136,124,58)
```

Split Complementary Color

#3a8855
```
#3a8855 rgb(58,136,85)
```
#553a88
```
#553a88 rgb(85,58,136)
```
#88553a
```
#88553a rgb(136,85,58)
```

Triadic Color

#3a6d88
```
#3a6d88 rgb(58,109,136)
```
#553a88
```
#553a88 rgb(85,58,136)
```
#88553a
```
#88553a rgb(136,85,58)
```
#6d883a
```
#6d883a rgb(109,136,58)
```

Tetradic Color

#332352
```
#332352 rgb(51,35,82)
```
#3f2b64
```
#3f2b64 rgb(63,43,100)
```
#4a3276
```
#4a3276 rgb(74,50,118)
```
#553a88
```
#553a88 rgb(85,58,136)
```
#60429a
```
#60429a rgb(96,66,154)
```
#6b49ac
```
#6b49ac rgb(107,73,172)
```
#7857b7
```
#7857b7 rgb(120,87,183)
```

Monochromatic Color

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

#423a88
```
#423a88 rgb(66,58,136)
```
#483a88
```
#483a88 rgb(72,58,136)
```
#4f3a88
```
#4f3a88 rgb(79,58,136)
```
#553a88
```
#553a88 rgb(85,58,136)
```
#5c3a88
```
#5c3a88 rgb(92,58,136)
```
#623a88
```
#623a88 rgb(98,58,136)
```
#693a88
```
#693a88 rgb(105,58,136)
```

Similar Colors

Text with hexadecimal color #553a88

This text has a font color of #553a88.

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

#553a88 background color

This paragraph has a background color of #553a88.

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

#553a88 border color

This element has a border color of #553a88.

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

CSS codes

.text {color:#553a88;}

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

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

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, #08050c is the darkest color, while #fefdfe is the lightest one.

#08050c
```
#08050c rgb(8,5,12)
```
#100b1a
```
#100b1a rgb(16,11,26)
```
#191128
```
#191128 rgb(25,17,40)
```
#211735
```
#211735 rgb(33,23,53)
```
#2a1d43
```
#2a1d43 rgb(42,29,67)
```
#332351
```
#332351 rgb(51,35,81)
```
#3b285f
```
#3b285f rgb(59,40,95)
```
#442e6c
```
#442e6c rgb(68,46,108)
```
#4c347a
```
#4c347a rgb(76,52,122)
```
#553a88
```
#553a88 rgb(85,58,136)
```
#5e4096
```
#5e4096 rgb(94,64,150)
```
#6646a4
```
#6646a4 rgb(102,70,164)
```
#6f4cb1
```
#6f4cb1 rgb(111,76,177)
```

Shade Color Variation

#7a58b8
```
#7a58b8 rgb(122,88,184)
```
#8566be
```
#8566be rgb(133,102,190)
```
#9074c4
```
#9074c4 rgb(144,116,196)
```
#9b82ca
```
#9b82ca rgb(155,130,202)
```
#a68fcf
```
#a68fcf rgb(166,143,207)
```
#b19dd5
```
#b19dd5 rgb(177,157,213)
```
#bcabdb
```
#bcabdb rgb(188,171,219)
```
#c7b9e1
```
#c7b9e1 rgb(199,185,225)
```
#d2c6e7
```
#d2c6e7 rgb(210,198,231)
```
#ddd4ed
```
#ddd4ed rgb(221,212,237)
```
#e8e2f3
```
#e8e2f3 rgb(232,226,243)
```
#f3f0f8
```
#f3f0f8 rgb(243,240,248)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #605f63 is the less saturated color, while #4506bc is the most saturated one.

#605f63
```
#605f63 rgb(96,95,99)
```
#5e586a
```
#5e586a rgb(94,88,106)
```
#5c5072
```
#5c5072 rgb(92,80,114)
```
#5a4979
```
#5a4979 rgb(90,73,121)
```
#574181
```
#574181 rgb(87,65,129)
```
#553a88
```
#553a88 rgb(85,58,136)
```
#53338f
```
#53338f rgb(83,51,143)
```
#502b97
```
#502b97 rgb(80,43,151)
```
#4e249e
```
#4e249e rgb(78,36,158)
```
#4c1ca6
```
#4c1ca6 rgb(76,28,166)
```
#4a15ad
```
#4a15ad rgb(74,21,173)
```
#470db5
```
#470db5 rgb(71,13,181)
```
#4506bc
```
#4506bc rgb(69,6,188)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#4d4857 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1e5098 Protanopia 1% of men
#225388 Deuteranopia 1% of men
#4f5359 Tritanopia 0.001% of the population

Trichromacy

#324892 Protanomaly 1% of men, 0.01% of women
#344a88 Deuteranomaly 6% of men, 0.4% of women
#51496a Tritanomaly 0.01% of the population

#553a88 hex color

#553a88 Color Information

#553a88 Color Conversion

Color Schemes with #553a88

Alternatives to #553a88

#553a88 Preview

Shades and Tints of #553a88

Tones of #553a88

Color Blindness Simulator