#553a75 hex color

In a RGB color space, hex #553a75 is composed of 33.3% red, 22.7% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 27.4% cyan, 50.4% magenta, 0% yellow and 54.1% black. It has a hue angle of 267.5 degrees, a saturation of 33.7% and a lightness of 34.3%. #553a75 color hex could be obtained by blending #aa74ea with #000000. Closest websafe color is: #663366.

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

● #553a75 color description : Dark moderate violet.

The hexadecimal color #553a75 has RGB values of R:85, G:58, B:117 and CMYK values of C:0.27, M:0.5, Y:0, K:0.54. Its decimal value is 5585525.

Hex triplet	553a75	`#553a75`
RGB Decimal	85, 58, 117	`rgb(85,58,117)`
RGB Percent	33.3, 22.7, 45.9	`rgb(33.3%,22.7%,45.9%)`
CMYK	27, 50, 0, 54
HSL	267.5°, 33.7, 34.3	`hsl(267.5,33.7%,34.3%)`
HSV (or HSB)	267.5°, 50.4, 45.9
Web Safe	663366	`#663366`

CIE-LAB	30.015, 24.991, -29.585
XYZ	8.47, 6.242, 17.587
xyY	0.262, 0.193, 6.242
CIE-LCH	30.015, 38.728, 310.189
CIE-LUV	30.015, 8.168, -41.195
Hunter-Lab	24.984, 16.792, -24.249
Binary	01010101, 00111010, 01110101

#553a75
```
#553a75 rgb(85,58,117)
```
#5a753a
```
#5a753a rgb(90,117,58)
```

Complementary Color

#3a3d75
```
#3a3d75 rgb(58,61,117)
```
#553a75
```
#553a75 rgb(85,58,117)
```
#733a75
```
#733a75 rgb(115,58,117)
```

Analogous Color

#3d753a
```
#3d753a rgb(61,117,58)
```
#553a75
```
#553a75 rgb(85,58,117)
```
#75733a
```
#75733a rgb(117,115,58)
```

Split Complementary Color

#3a7555
```
#3a7555 rgb(58,117,85)
```
#553a75
```
#553a75 rgb(85,58,117)
```
#75553a
```
#75553a rgb(117,85,58)
```

Triadic Color

#3a5a75
```
#3a5a75 rgb(58,90,117)
```
#553a75
```
#553a75 rgb(85,58,117)
```
#75553a
```
#75553a rgb(117,85,58)
```
#5a753a
```
#5a753a rgb(90,117,58)
```

Tetradic Color

#302142
```
#302142 rgb(48,33,66)
```
#3c2953
```
#3c2953 rgb(60,41,83)
```
#493264
```
#493264 rgb(73,50,100)
```
#553a75
```
#553a75 rgb(85,58,117)
```
#614286
```
#614286 rgb(97,66,134)
```
#6e4b97
```
#6e4b97 rgb(110,75,151)
```
#7a53a8
```
#7a53a8 rgb(122,83,168)
```

Monochromatic Color

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

#463a75
```
#463a75 rgb(70,58,117)
```
#4b3a75
```
#4b3a75 rgb(75,58,117)
```
#503a75
```
#503a75 rgb(80,58,117)
```
#553a75
```
#553a75 rgb(85,58,117)
```
#5a3a75
```
#5a3a75 rgb(90,58,117)
```
#5f3a75
```
#5f3a75 rgb(95,58,117)
```
#643a75
```
#643a75 rgb(100,58,117)
```

Similar Colors

Text with hexadecimal color #553a75

This text has a font color of #553a75.

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

#553a75 background color

This paragraph has a background color of #553a75.

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

#553a75 border color

This element has a border color of #553a75.

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

CSS codes

.text {color:#553a75;}

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

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

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

#09060c
```
#09060c rgb(9,6,12)
```
#120c19
```
#120c19 rgb(18,12,25)
```
#1c1326
```
#1c1326 rgb(28,19,38)
```
#251933
```
#251933 rgb(37,25,51)
```
#2f2041
```
#2f2041 rgb(47,32,65)
```
#38264e
```
#38264e rgb(56,38,78)
```
#422d5b
```
#422d5b rgb(66,45,91)
```
#4b3368
```
#4b3368 rgb(75,51,104)
```
#553a75
```
#553a75 rgb(85,58,117)
```
#5f4182
```
#5f4182 rgb(95,65,130)
```
#68478f
```
#68478f rgb(104,71,143)
```
#724e9c
```
#724e9c rgb(114,78,156)
```
#7b54a9
```
#7b54a9 rgb(123,84,169)
```

Shade Color Variation

#8561b0
```
#8561b0 rgb(133,97,176)
```
#8f6eb7
```
#8f6eb7 rgb(143,110,183)
```
#997bbd
```
#997bbd rgb(153,123,189)
```
#a388c4
```
#a388c4 rgb(163,136,196)
```
#ae95ca
```
#ae95ca rgb(174,149,202)
```
#b8a2d1
```
#b8a2d1 rgb(184,162,209)
```
#c2afd7
```
#c2afd7 rgb(194,175,215)
```
#ccbcde
```
#ccbcde rgb(204,188,222)
```
#d6cae4
```
#d6cae4 rgb(214,202,228)
```
#e0d7eb
```
#e0d7eb rgb(224,215,235)
```
#eae4f1
```
#eae4f1 rgb(234,228,241)
```
#f4f1f8
```
#f4f1f8 rgb(244,241,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #57555a is the less saturated color, while #5004ab is the most saturated one.

#57555a
```
#57555a rgb(87,85,90)
```
#574e61
```
#574e61 rgb(87,78,97)
```
#564768
```
#564768 rgb(86,71,104)
```
#56416e
```
#56416e rgb(86,65,110)
```
#553a75
```
#553a75 rgb(85,58,117)
```
#54337c
```
#54337c rgb(84,51,124)
```
#542d82
```
#542d82 rgb(84,45,130)
```
#532689
```
#532689 rgb(83,38,137)
```
#531f90
```
#531f90 rgb(83,31,144)
```
#521897
```
#521897 rgb(82,24,151)
```
#52129d
```
#52129d rgb(82,18,157)
```
#510ba4
```
#510ba4 rgb(81,11,164)
```
#5004ab
```
#5004ab rgb(80,4,171)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#4b4652 Atypical Achromatopsia 0.001% of the population

Dichromacy

#354e84 Protanopia 1% of men
#395077 Deuteranopia 1% of men
#554e53 Tritanopia 0.001% of the population

Trichromacy

#41477e Protanomaly 1% of men, 0.01% of women
#434876 Deuteranomaly 6% of men, 0.4% of women
#55465f Tritanomaly 0.01% of the population

#553a75 hex color

#553a75 Color Information

#553a75 Color Conversion

Color Schemes with #553a75

Alternatives to #553a75

#553a75 Preview

Shades and Tints of #553a75

Tones of #553a75

Color Blindness Simulator