#553e99 hex color

In a RGB color space, hex #553e99 is composed of 33.3% red, 24.3% green and 60% blue. Whereas in a CMYK color space, it is composed of 44.4% cyan, 59.5% magenta, 0% yellow and 40% black. It has a hue angle of 255.2 degrees, a saturation of 42.3% and a lightness of 42.2%. #553e99 color hex could be obtained by blending #aa7cff with #000033. Closest websafe color is: #663399.

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

● #553e99 color description : Dark moderate violet.

The hexadecimal color #553e99 has RGB values of R:85, G:62, B:153 and CMYK values of C:0.44, M:0.59, Y:0, K:0.4. Its decimal value is 5586585.

Hex triplet	553e99	`#553e99`
RGB Decimal	85, 62, 153	`rgb(85,62,153)`
RGB Percent	33.3, 24.3, 60	`rgb(33.3%,24.3%,60%)`
CMYK	44, 59, 0, 40
HSL	255.2°, 42.3, 42.2	`hsl(255.2,42.3%,42.2%)`
HSV (or HSB)	255.2°, 59.5, 60
Web Safe	663399	`#663399`

CIE-LAB	33.299, 32.761, -46.61
XYZ	11.218, 7.676, 31.026
xyY	0.225, 0.154, 7.676
CIE-LCH	33.299, 56.972, 305.103
CIE-LUV	33.299, 2.874, -66.451
Hunter-Lab	27.706, 23.785, -47
Binary	01010101, 00111110, 10011001

#553e99
```
#553e99 rgb(85,62,153)
```
#82993e
```
#82993e rgb(130,153,62)
```

Complementary Color

#3e5599
```
#3e5599 rgb(62,85,153)
```
#553e99
```
#553e99 rgb(85,62,153)
```
#833e99
```
#833e99 rgb(131,62,153)
```

Analogous Color

#55993e
```
#55993e rgb(85,153,62)
```
#553e99
```
#553e99 rgb(85,62,153)
```
#99833e
```
#99833e rgb(153,131,62)
```

Split Complementary Color

#3e9955
```
#3e9955 rgb(62,153,85)
```
#553e99
```
#553e99 rgb(85,62,153)
```
#99553e
```
#99553e rgb(153,85,62)
```

Triadic Color

#3e8299
```
#3e8299 rgb(62,130,153)
```
#553e99
```
#553e99 rgb(85,62,153)
```
#99553e
```
#99553e rgb(153,85,62)
```
#82993e
```
#82993e rgb(130,153,62)
```

Tetradic Color

#372863
```
#372863 rgb(55,40,99)
```
#412f75
```
#412f75 rgb(65,47,117)
```
#4b3787
```
#4b3787 rgb(75,55,135)
```
#553e99
```
#553e99 rgb(85,62,153)
```
#5f45ab
```
#5f45ab rgb(95,69,171)
```
#6b51b9
```
#6b51b9 rgb(107,81,185)
```
#7b64c0
```
#7b64c0 rgb(123,100,192)
```

Monochromatic Color

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

#3e3e99
```
#3e3e99 rgb(62,62,153)
```
#463e99
```
#463e99 rgb(70,62,153)
```
#4d3e99
```
#4d3e99 rgb(77,62,153)
```
#553e99
```
#553e99 rgb(85,62,153)
```
#5d3e99
```
#5d3e99 rgb(93,62,153)
```
#643e99
```
#643e99 rgb(100,62,153)
```
#6c3e99
```
#6c3e99 rgb(108,62,153)
```

Similar Colors

Text with hexadecimal color #553e99

This text has a font color of #553e99.

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

#553e99 background color

This paragraph has a background color of #553e99.

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

#553e99 border color

This element has a border color of #553e99.

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

CSS codes

.text {color:#553e99;}

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

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

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, #07050d is the darkest color, while #fffeff is the lightest one.

#07050d
```
#07050d rgb(7,5,13)
```
#0f0b1b
```
#0f0b1b rgb(15,11,27)
```
#171129
```
#171129 rgb(23,17,41)
```
#1f1637
```
#1f1637 rgb(31,22,55)
```
#261c45
```
#261c45 rgb(38,28,69)
```
#2e2253
```
#2e2253 rgb(46,34,83)
```
#362761
```
#362761 rgb(54,39,97)
```
#3e2d6f
```
#3e2d6f rgb(62,45,111)
```
#45337d
```
#45337d rgb(69,51,125)
```
#4d388b
```
#4d388b rgb(77,56,139)
```
#553e99
```
#553e99 rgb(85,62,153)
```
#5d44a7
```
#5d44a7 rgb(93,68,167)
```
#6549b5
```
#6549b5 rgb(101,73,181)
```

Shade Color Variation

#7057bb
```
#7057bb rgb(112,87,187)
```
#7c65c1
```
#7c65c1 rgb(124,101,193)
```
#8873c6
```
#8873c6 rgb(136,115,198)
```
#9481cc
```
#9481cc rgb(148,129,204)
```
#a08fd2
```
#a08fd2 rgb(160,143,210)
```
#ac9dd7
```
#ac9dd7 rgb(172,157,215)
```
#b7abdd
```
#b7abdd rgb(183,171,221)
```
#c3b9e2
```
#c3b9e2 rgb(195,185,226)
```
#cfc7e8
```
#cfc7e8 rgb(207,199,232)
```
#dbd5ee
```
#dbd5ee rgb(219,213,238)
```
#e7e3f3
```
#e7e3f3 rgb(231,227,243)
```
#f3f0f9
```
#f3f0f9 rgb(243,240,249)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#696770
```
#696770 rgb(105,103,112)
```
#655f78
```
#655f78 rgb(101,95,120)
```
#615780
```
#615780 rgb(97,87,128)
```
#5d4f88
```
#5d4f88 rgb(93,79,136)
```
#594691
```
#594691 rgb(89,70,145)
```
#553e99
```
#553e99 rgb(85,62,153)
```
#5136a1
```
#5136a1 rgb(81,54,161)
```
#4d2daa
```
#4d2daa rgb(77,45,170)
```
#4925b2
```
#4925b2 rgb(73,37,178)
```
#451dba
```
#451dba rgb(69,29,186)
```
#4115c2
```
#4115c2 rgb(65,21,194)
```
#3c0ccb
```
#3c0ccb rgb(60,12,203)
```
#3804d3
```
#3804d3 rgb(56,4,211)
```

Tone Color Variation

Below, you can see how #553e99 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
#504c5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a6 Protanopia 1% of men
#005993 Deuteranopia 1% of men
#4a5960 Tritanopia 0.001% of the population

Trichromacy

#1e4ca1 Protanomaly 1% of men, 0.01% of women
#1e4f95 Deuteranomaly 6% of men, 0.4% of women
#4e4f75 Tritanomaly 0.01% of the population

#553e99 hex color

#553e99 Color Information

#553e99 Color Conversion

Color Schemes with #553e99

Alternatives to #553e99

#553e99 Preview

Shades and Tints of #553e99

Tones of #553e99

Color Blindness Simulator