#553787 hex color

In a RGB color space, hex #553787 is composed of 33.3% red, 21.6% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 37% cyan, 59.3% magenta, 0% yellow and 47.1% black. It has a hue angle of 262.5 degrees, a saturation of 42.1% and a lightness of 37.3%. #553787 color hex could be obtained by blending #aa6eff with #00000f. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 22
- B 53
RGB color chart
- C 37
- M 59
- Y 0
- K 47
CMYK color chart

● #553787 color description : Dark moderate violet.

The hexadecimal color #553787 has RGB values of R:85, G:55, B:135 and CMYK values of C:0.37, M:0.59, Y:0, K:0.47. Its decimal value is 5584775.

Hex triplet	553787	`#553787`
RGB Decimal	85, 55, 135	`rgb(85,55,135)`
RGB Percent	33.3, 21.6, 52.9	`rgb(33.3%,21.6%,52.9%)`
CMYK	37, 59, 0, 47
HSL	262.5°, 42.1, 37.3	`hsl(262.5,42.1%,37.3%)`
HSV (or HSB)	262.5°, 59.3, 52.9
Web Safe	663399	`#663399`

CIE-LAB	30.431, 31.784, -40.183
XYZ	9.485, 6.413, 23.658
xyY	0.24, 0.162, 6.413
CIE-LCH	30.431, 51.234, 308.343
CIE-LUV	30.431, 6.697, -56.024
Hunter-Lab	25.324, 22.54, -37.664
Binary	01010101, 00110111, 10000111

#553787
```
#553787 rgb(85,55,135)
```
#698737
```
#698737 rgb(105,135,55)
```

Complementary Color

#374187
```
#374187 rgb(55,65,135)
```
#553787
```
#553787 rgb(85,55,135)
```
#7d3787
```
#7d3787 rgb(125,55,135)
```

Analogous Color

#418737
```
#418737 rgb(65,135,55)
```
#553787
```
#553787 rgb(85,55,135)
```
#877d37
```
#877d37 rgb(135,125,55)
```

Split Complementary Color

#378755
```
#378755 rgb(55,135,85)
```
#553787
```
#553787 rgb(85,55,135)
```
#875537
```
#875537 rgb(135,85,55)
```

Triadic Color

#376987
```
#376987 rgb(55,105,135)
```
#553787
```
#553787 rgb(85,55,135)
```
#875537
```
#875537 rgb(135,85,55)
```
#698737
```
#698737 rgb(105,135,55)
```

Tetradic Color

#332151
```
#332151 rgb(51,33,81)
```
#3e2863
```
#3e2863 rgb(62,40,99)
```
#4a3075
```
#4a3075 rgb(74,48,117)
```
#553787
```
#553787 rgb(85,55,135)
```
#603e99
```
#603e99 rgb(96,62,153)
```
#6c46ab
```
#6c46ab rgb(108,70,171)
```
#7852b9
```
#7852b9 rgb(120,82,185)
```

Monochromatic Color

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

#413787
```
#413787 rgb(65,55,135)
```
#483787
```
#483787 rgb(72,55,135)
```
#4e3787
```
#4e3787 rgb(78,55,135)
```
#553787
```
#553787 rgb(85,55,135)
```
#5c3787
```
#5c3787 rgb(92,55,135)
```
#623787
```
#623787 rgb(98,55,135)
```
#693787
```
#693787 rgb(105,55,135)
```

Similar Colors

Text with hexadecimal color #553787

This text has a font color of #553787.

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

#553787 background color

This paragraph has a background color of #553787.

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

#553787 border color

This element has a border color of #553787.

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

CSS codes

.text {color:#553787;}

.background {background-color:#553787;}

.border {border:1px solid #553787;}

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

#06040a
```
#06040a rgb(6,4,10)
```
#0f0a18
```
#0f0a18 rgb(15,10,24)
```
#180f25
```
#180f25 rgb(24,15,37)
```
#201533
```
#201533 rgb(32,21,51)
```
#291b41
```
#291b41 rgb(41,27,65)
```
#32204f
```
#32204f rgb(50,32,79)
```
#3b265d
```
#3b265d rgb(59,38,93)
```
#432c6b
```
#432c6b rgb(67,44,107)
```
#4c3179
```
#4c3179 rgb(76,49,121)
```
#553787
```
#553787 rgb(85,55,135)
```
#5e3d95
```
#5e3d95 rgb(94,61,149)
```
#6742a3
```
#6742a3 rgb(103,66,163)
```
#6f48b1
```
#6f48b1 rgb(111,72,177)
```

Shade Color Variation

#7a53b9
```
#7a53b9 rgb(122,83,185)
```
#8461bf
```
#8461bf rgb(132,97,191)
```
#8f6fc4
```
#8f6fc4 rgb(143,111,196)
```
#9a7dca
```
#9a7dca rgb(154,125,202)
```
#a58bd0
```
#a58bd0 rgb(165,139,208)
```
#b099d5
```
#b099d5 rgb(176,153,213)
```
#bba7db
```
#bba7db rgb(187,167,219)
```
#c5b5e1
```
#c5b5e1 rgb(197,181,225)
```
#d0c3e7
```
#d0c3e7 rgb(208,195,231)
```
#dbd1ec
```
#dbd1ec rgb(219,209,236)
```
#e6dff2
```
#e6dff2 rgb(230,223,242)
```
#f1edf8
```
#f1edf8 rgb(241,237,248)
```
#fcfbfd
```
#fcfbfd rgb(252,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e5c62 is the less saturated color, while #4804ba is the most saturated one.

#5e5c62
```
#5e5c62 rgb(94,92,98)
```
#5c546a
```
#5c546a rgb(92,84,106)
```
#5a4d71
```
#5a4d71 rgb(90,77,113)
```
#594678
```
#594678 rgb(89,70,120)
```
#573e80
```
#573e80 rgb(87,62,128)
```
#553787
```
#553787 rgb(85,55,135)
```
#53308e
```
#53308e rgb(83,48,142)
```
#512896
```
#512896 rgb(81,40,150)
```
#50219d
```
#50219d rgb(80,33,157)
```
#4e1aa4
```
#4e1aa4 rgb(78,26,164)
```
#4c12ac
```
#4c12ac rgb(76,18,172)
```
#4a0bb3
```
#4a0bb3 rgb(74,11,179)
```
#4804ba
```
#4804ba rgb(72,4,186)
```

Tone Color Variation

Below, you can see how #553787 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
#4b4555 Atypical Achromatopsia 0.001% of the population

Dichromacy

#124e99 Protanopia 1% of men
#1c5286 Deuteranopia 1% of men
#4f5156 Tritanopia 0.001% of the population

Trichromacy

#2a4692 Protanomaly 1% of men, 0.01% of women
#314886 Deuteranomaly 6% of men, 0.4% of women
#514768 Tritanomaly 0.01% of the population

#553787 hex color

#553787 Color Information

#553787 Color Conversion

Color Schemes with #553787

Alternatives to #553787

#553787 Preview

Shades and Tints of #553787

Tones of #553787

Color Blindness Simulator