#553e93 hex color

In a RGB color space, hex #553e93 is composed of 33.3% red, 24.3% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 42.2% cyan, 57.8% magenta, 0% yellow and 42.4% black. It has a hue angle of 256.2 degrees, a saturation of 40.7% and a lightness of 41%. #553e93 color hex could be obtained by blending #aa7cff with #000027. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 24
- B 58
RGB color chart
- C 42
- M 58
- Y 0
- K 42
CMYK color chart

● #553e93 color description : Dark moderate violet.

The hexadecimal color #553e93 has RGB values of R:85, G:62, B:147 and CMYK values of C:0.42, M:0.58, Y:0, K:0.42. Its decimal value is 5586579.

Hex triplet	553e93	`#553e93`
RGB Decimal	85, 62, 147	`rgb(85,62,147)`
RGB Percent	33.3, 24.3, 57.6	`rgb(33.3%,24.3%,57.6%)`
CMYK	42, 58, 0, 42
HSL	256.2°, 40.7, 41	`hsl(256.2,40.7%,41%)`
HSV (or HSB)	256.2°, 57.8, 57.6
Web Safe	663399	`#663399`

CIE-LAB	32.882, 30.987, -43.628
XYZ	10.734, 7.483, 28.481
xyY	0.23, 0.16, 7.483
CIE-LCH	32.882, 53.512, 305.384
CIE-LUV	32.882, 3.494, -62.072
Hunter-Lab	27.355, 22.174, -42.582
Binary	01010101, 00111110, 10010011

#553e93
```
#553e93 rgb(85,62,147)
```
#7c933e
```
#7c933e rgb(124,147,62)
```

Complementary Color

#3e5293
```
#3e5293 rgb(62,82,147)
```
#553e93
```
#553e93 rgb(85,62,147)
```
#803e93
```
#803e93 rgb(128,62,147)
```

Analogous Color

#52933e
```
#52933e rgb(82,147,62)
```
#553e93
```
#553e93 rgb(85,62,147)
```
#93803e
```
#93803e rgb(147,128,62)
```

Split Complementary Color

#3e9355
```
#3e9355 rgb(62,147,85)
```
#553e93
```
#553e93 rgb(85,62,147)
```
#93553e
```
#93553e rgb(147,85,62)
```

Triadic Color

#3e7c93
```
#3e7c93 rgb(62,124,147)
```
#553e93
```
#553e93 rgb(85,62,147)
```
#93553e
```
#93553e rgb(147,85,62)
```
#7c933e
```
#7c933e rgb(124,147,62)
```

Tetradic Color

#36275d
```
#36275d rgb(54,39,93)
```
#402f6f
```
#402f6f rgb(64,47,111)
```
#4b3681
```
#4b3681 rgb(75,54,129)
```
#553e93
```
#553e93 rgb(85,62,147)
```
#5f46a5
```
#5f46a5 rgb(95,70,165)
```
#6b4fb5
```
#6b4fb5 rgb(107,79,181)
```
#7a61bc
```
#7a61bc rgb(122,97,188)
```

Monochromatic Color

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

#403e93
```
#403e93 rgb(64,62,147)
```
#473e93
```
#473e93 rgb(71,62,147)
```
#4e3e93
```
#4e3e93 rgb(78,62,147)
```
#553e93
```
#553e93 rgb(85,62,147)
```
#5c3e93
```
#5c3e93 rgb(92,62,147)
```
#633e93
```
#633e93 rgb(99,62,147)
```
#6a3e93
```
#6a3e93 rgb(106,62,147)
```

Similar Colors

Text with hexadecimal color #553e93

This text has a font color of #553e93.

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

#553e93 background color

This paragraph has a background color of #553e93.

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

#553e93 border color

This element has a border color of #553e93.

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

CSS codes

.text {color:#553e93;}

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

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

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

#050409
```
#050409 rgb(5,4,9)
```
#0d0a17
```
#0d0a17 rgb(13,10,23)
```
#150f25
```
#150f25 rgb(21,15,37)
```
#1d1532
```
#1d1532 rgb(29,21,50)
```
#251b40
```
#251b40 rgb(37,27,64)
```
#2d214e
```
#2d214e rgb(45,33,78)
```
#35275c
```
#35275c rgb(53,39,92)
```
#3d2d6a
```
#3d2d6a rgb(61,45,106)
```
#453277
```
#453277 rgb(69,50,119)
```
#4d3885
```
#4d3885 rgb(77,56,133)
```
#553e93
```
#553e93 rgb(85,62,147)
```
#5d44a1
```
#5d44a1 rgb(93,68,161)
```
#654aaf
```
#654aaf rgb(101,74,175)
```

Shade Color Variation

#6f55b7
```
#6f55b7 rgb(111,85,183)
```
#7b62bd
```
#7b62bd rgb(123,98,189)
```
#8770c3
```
#8770c3 rgb(135,112,195)
```
#927ec9
```
#927ec9 rgb(146,126,201)
```
#9e8cce
```
#9e8cce rgb(158,140,206)
```
#aa9ad4
```
#aa9ad4 rgb(170,154,212)
```
#b5a7da
```
#b5a7da rgb(181,167,218)
```
#c1b5e0
```
#c1b5e0 rgb(193,181,224)
```
#ccc3e6
```
#ccc3e6 rgb(204,195,230)
```
#d8d1ec
```
#d8d1ec rgb(216,209,236)
```
#e4dff1
```
#e4dff1 rgb(228,223,241)
```
#efecf7
```
#efecf7 rgb(239,236,247)
```
#fbfafd
```
#fbfafd rgb(251,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #67666b is the less saturated color, while #3b06cb is the most saturated one.

#67666b
```
#67666b rgb(103,102,107)
```
#645e73
```
#645e73 rgb(100,94,115)
```
#60567b
```
#60567b rgb(96,86,123)
```
#5c4e83
```
#5c4e83 rgb(92,78,131)
```
#59468b
```
#59468b rgb(89,70,139)
```
#553e93
```
#553e93 rgb(85,62,147)
```
#51369b
```
#51369b rgb(81,54,155)
```
#4e2ea3
```
#4e2ea3 rgb(78,46,163)
```
#4a26ab
```
#4a26ab rgb(74,38,171)
```
#461eb3
```
#461eb3 rgb(70,30,179)
```
#4316bb
```
#4316bb rgb(67,22,187)
```
#3f0ec3
```
#3f0ec3 rgb(63,14,195)
```
#3b06cb
```
#3b06cb rgb(59,6,203)
```

Tone Color Variation

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

Dichromacy

#1353a3 Protanopia 1% of men
#0d5792 Deuteranopia 1% of men
#4c585e Tritanopia 0.001% of the population

Trichromacy

#2b4b9d Protanomaly 1% of men, 0.01% of women
#274e92 Deuteranomaly 6% of men, 0.4% of women
#4f4e71 Tritanomaly 0.01% of the population

#553e93 hex color

#553e93 Color Information

#553e93 Color Conversion

Color Schemes with #553e93

Alternatives to #553e93

#553e93 Preview

Shades and Tints of #553e93

Tones of #553e93

Color Blindness Simulator