#553aae hex color

In a RGB color space, hex #553aae is composed of 33.3% red, 22.7% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 51.1% cyan, 66.7% magenta, 0% yellow and 31.8% black. It has a hue angle of 254 degrees, a saturation of 50% and a lightness of 45.5%. #553aae color hex could be obtained by blending #aa74ff with #00005d. Closest websafe color is: #663399.

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

● #553aae color description : Dark moderate blue.

The hexadecimal color #553aae has RGB values of R:85, G:58, B:174 and CMYK values of C:0.51, M:0.67, Y:0, K:0.32. Its decimal value is 5585582.

Hex triplet	553aae	`#553aae`
RGB Decimal	85, 58, 174	`rgb(85,58,174)`
RGB Percent	33.3, 22.7, 68.2	`rgb(33.3%,22.7%,68.2%)`
CMYK	51, 67, 0, 32
HSL	254°, 50, 45.5	`hsl(254,50%,45.5%)`
HSV (or HSB)	254°, 66.7, 68.2
Web Safe	663399	`#663399`

CIE-LAB	34.01, 41.378, -58.092
XYZ	12.898, 8.013, 40.909
xyY	0.209, 0.13, 8.013
CIE-LCH	34.01, 71.322, 305.462
CIE-LUV	34.01, 1.694, -82.426
Hunter-Lab	28.307, 31.793, -65.869
Binary	01010101, 00111010, 10101110

#553aae
```
#553aae rgb(85,58,174)
```
#93ae3a
```
#93ae3a rgb(147,174,58)
```

Complementary Color

#3a59ae
```
#3a59ae rgb(58,89,174)
```
#553aae
```
#553aae rgb(85,58,174)
```
#8f3aae
```
#8f3aae rgb(143,58,174)
```

Analogous Color

#59ae3a
```
#59ae3a rgb(89,174,58)
```
#553aae
```
#553aae rgb(85,58,174)
```
#ae8f3a
```
#ae8f3a rgb(174,143,58)
```

Split Complementary Color

#3aae55
```
#3aae55 rgb(58,174,85)
```
#553aae
```
#553aae rgb(85,58,174)
```
#ae553a
```
#ae553a rgb(174,85,58)
```

Triadic Color

#3a93ae
```
#3a93ae rgb(58,147,174)
```
#553aae
```
#553aae rgb(85,58,174)
```
#ae553a
```
#ae553a rgb(174,85,58)
```
#93ae3a
```
#93ae3a rgb(147,174,58)
```

Tetradic Color

#392775
```
#392775 rgb(57,39,117)
```
#422d88
```
#422d88 rgb(66,45,136)
```
#4c349b
```
#4c349b rgb(76,52,155)
```
#553aae
```
#553aae rgb(85,58,174)
```
#5f42c0
```
#5f42c0 rgb(95,66,192)
```
#6f55c6
```
#6f55c6 rgb(111,85,198)
```
#7f68cd
```
#7f68cd rgb(127,104,205)
```

Monochromatic Color

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

#3a3cae
```
#3a3cae rgb(58,60,174)
```
#423aae
```
#423aae rgb(66,58,174)
```
#4b3aae
```
#4b3aae rgb(75,58,174)
```
#553aae
```
#553aae rgb(85,58,174)
```
#5f3aae
```
#5f3aae rgb(95,58,174)
```
#683aae
```
#683aae rgb(104,58,174)
```
#723aae
```
#723aae rgb(114,58,174)
```

Similar Colors

Text with hexadecimal color #553aae

This text has a font color of #553aae.

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

#553aae background color

This paragraph has a background color of #553aae.

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

#553aae border color

This element has a border color of #553aae.

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

CSS codes

.text {color:#553aae;}

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

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

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

#06040c
```
#06040c rgb(6,4,12)
```
#0d091b
```
#0d091b rgb(13,9,27)
```
#140e2a
```
#140e2a rgb(20,14,42)
```
#1c1338
```
#1c1338 rgb(28,19,56)
```
#231847
```
#231847 rgb(35,24,71)
```
#2a1d56
```
#2a1d56 rgb(42,29,86)
```
#312164
```
#312164 rgb(49,33,100)
```
#382673
```
#382673 rgb(56,38,115)
```
#3f2b82
```
#3f2b82 rgb(63,43,130)
```
#473091
```
#473091 rgb(71,48,145)
```
#4e359f
```
#4e359f rgb(78,53,159)
```
#553aae
```
#553aae rgb(85,58,174)
```
#5c3fbd
```
#5c3fbd rgb(92,63,189)
```

Shade Color Variation

#684cc3
```
#684cc3 rgb(104,76,195)
```
#745bc8
```
#745bc8 rgb(116,91,200)
```
#8169cd
```
#8169cd rgb(129,105,205)
```
#8d78d2
```
#8d78d2 rgb(141,120,210)
```
#9987d7
```
#9987d7 rgb(153,135,215)
```
#a695dc
```
#a695dc rgb(166,149,220)
```
#b2a4e1
```
#b2a4e1 rgb(178,164,225)
```
#bfb3e6
```
#bfb3e6 rgb(191,179,230)
```
#cbc2eb
```
#cbc2eb rgb(203,194,235)
```
#d8d0ef
```
#d8d0ef rgb(216,208,239)
```
#e4dff4
```
#e4dff4 rgb(228,223,244)
```
#f0eef9
```
#f0eef9 rgb(240,238,249)
```
#fdfcfe
```
#fdfcfe rgb(253,252,254)
```

Tint Color Variation

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

#727078
```
#727078 rgb(114,112,120)
```
#6d6781
```
#6d6781 rgb(109,103,129)
```
#685e8a
```
#685e8a rgb(104,94,138)
```
#635593
```
#635593 rgb(99,85,147)
```
#5f4c9c
```
#5f4c9c rgb(95,76,156)
```
#5a43a5
```
#5a43a5 rgb(90,67,165)
```
#553aae
```
#553aae rgb(85,58,174)
```
#5031b7
```
#5031b7 rgb(80,49,183)
```
#4b28c0
```
#4b28c0 rgb(75,40,192)
```
#471fc9
```
#471fc9 rgb(71,31,201)
```
#4216d2
```
#4216d2 rgb(66,22,210)
```
#3d0ddb
```
#3d0ddb rgb(61,13,219)
```
#3804e4
```
#3804e4 rgb(56,4,228)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#504b62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005b94 Deuteranopia 1% of men
#3f5d64 Tritanopia 0.001% of the population

Trichromacy

#1e4caa Protanomaly 1% of men, 0.01% of women
#1e4f9d Deuteranomaly 6% of men, 0.4% of women
#47507f Tritanomaly 0.01% of the population

#553aae hex color

#553aae Color Information

#553aae Color Conversion

Color Schemes with #553aae

Alternatives to #553aae

#553aae Preview

Shades and Tints of #553aae

Tones of #553aae

Color Blindness Simulator