#553f72 hex color

In a RGB color space, hex #553f72 is composed of 33.3% red, 24.7% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 25.4% cyan, 44.7% magenta, 0% yellow and 55.3% black. It has a hue angle of 265.9 degrees, a saturation of 28.8% and a lightness of 34.7%. #553f72 color hex could be obtained by blending #aa7ee4 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 33
- G 25
- B 45
RGB color chart
- C 25
- M 45
- Y 0
- K 55
CMYK color chart

● #553f72 color description : Very dark desaturated violet.

The hexadecimal color #553f72 has RGB values of R:85, G:63, B:114 and CMYK values of C:0.25, M:0.45, Y:0, K:0.55. Its decimal value is 5586802.

Hex triplet	553f72	`#553f72`
RGB Decimal	85, 63, 114	`rgb(85,63,114)`
RGB Percent	33.3, 24.7, 44.7	`rgb(33.3%,24.7%,44.7%)`
CMYK	25, 45, 0, 55
HSL	265.9°, 28.8, 34.7	`hsl(265.9,28.8%,34.7%)`
HSV (or HSB)	265.9°, 44.7, 44.7
Web Safe	663366	`#663366`

CIE-LAB	31.117, 21.036, -25.952
XYZ	8.561, 6.701, 16.761
xyY	0.267, 0.209, 6.701
CIE-LCH	31.117, 33.406, 309.027
CIE-LUV	31.117, 6.889, -36.36
Hunter-Lab	25.887, 13.727, -20.268
Binary	01010101, 00111111, 01110010

#553f72
```
#553f72 rgb(85,63,114)
```
#5c723f
```
#5c723f rgb(92,114,63)
```

Complementary Color

#3f4372
```
#3f4372 rgb(63,67,114)
```
#553f72
```
#553f72 rgb(85,63,114)
```
#6f3f72
```
#6f3f72 rgb(111,63,114)
```

Analogous Color

#43723f
```
#43723f rgb(67,114,63)
```
#553f72
```
#553f72 rgb(85,63,114)
```
#726f3f
```
#726f3f rgb(114,111,63)
```

Split Complementary Color

#3f7255
```
#3f7255 rgb(63,114,85)
```
#553f72
```
#553f72 rgb(85,63,114)
```
#72553f
```
#72553f rgb(114,85,63)
```

Triadic Color

#3f5c72
```
#3f5c72 rgb(63,92,114)
```
#553f72
```
#553f72 rgb(85,63,114)
```
#72553f
```
#72553f rgb(114,85,63)
```
#5c723f
```
#5c723f rgb(92,114,63)
```

Tetradic Color

#302441
```
#302441 rgb(48,36,65)
```
#3d2d51
```
#3d2d51 rgb(61,45,81)
```
#493662
```
#493662 rgb(73,54,98)
```
#553f72
```
#553f72 rgb(85,63,114)
```
#614882
```
#614882 rgb(97,72,130)
```
#6d5193
```
#6d5193 rgb(109,81,147)
```
#7a5aa3
```
#7a5aa3 rgb(122,90,163)
```

Monochromatic Color

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

#483f72
```
#483f72 rgb(72,63,114)
```
#4d3f72
```
#4d3f72 rgb(77,63,114)
```
#513f72
```
#513f72 rgb(81,63,114)
```
#553f72
```
#553f72 rgb(85,63,114)
```
#593f72
```
#593f72 rgb(89,63,114)
```
#5e3f72
```
#5e3f72 rgb(94,63,114)
```
#623f72
```
#623f72 rgb(98,63,114)
```

Similar Colors

Text with hexadecimal color #553f72

This text has a font color of #553f72.

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

#553f72 background color

This paragraph has a background color of #553f72.

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

#553f72 border color

This element has a border color of #553f72.

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

CSS codes

.text {color:#553f72;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0a070d
```
#0a070d rgb(10,7,13)
```
#130e1a
```
#130e1a rgb(19,14,26)
```
#1c1526
```
#1c1526 rgb(28,21,38)
```
#261c33
```
#261c33 rgb(38,28,51)
```
#2f233f
```
#2f233f rgb(47,35,63)
```
#392a4c
```
#392a4c rgb(57,42,76)
```
#423159
```
#423159 rgb(66,49,89)
```
#4c3865
```
#4c3865 rgb(76,56,101)
```
#553f72
```
#553f72 rgb(85,63,114)
```
#5e467f
```
#5e467f rgb(94,70,127)
```
#684d8b
```
#684d8b rgb(104,77,139)
```
#715498
```
#715498 rgb(113,84,152)
```

Shade Color Variation

#7b5ba4
```
#7b5ba4 rgb(123,91,164)
```
#8568ab
```
#8568ab rgb(133,104,171)
```
#8f74b2
```
#8f74b2 rgb(143,116,178)
```
#9981b9
```
#9981b9 rgb(153,129,185)
```
#a38ec0
```
#a38ec0 rgb(163,142,192)
```
#ae9ac7
```
#ae9ac7 rgb(174,154,199)
```
#b8a7ce
```
#b8a7ce rgb(184,167,206)
```
#c2b3d5
```
#c2b3d5 rgb(194,179,213)
```
#ccc0dc
```
#ccc0dc rgb(204,192,220)
```
#d6cde3
```
#d6cde3 rgb(214,205,227)
```
#e1d9ea
```
#e1d9ea rgb(225,217,234)
```
#ebe6f1
```
#ebe6f1 rgb(235,230,241)
```
#f5f3f8
```
#f5f3f8 rgb(245,243,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #58535e is the less saturated color, while #4d02af is the most saturated one.

#58535e
```
#58535e rgb(88,83,94)
```
#574d64
```
#574d64 rgb(87,77,100)
```
#56466b
```
#56466b rgb(86,70,107)
```
#553f72
```
#553f72 rgb(85,63,114)
```
#543879
```
#543879 rgb(84,56,121)
```
#533180
```
#533180 rgb(83,49,128)
```
#522b86
```
#522b86 rgb(82,43,134)
```
#51248d
```
#51248d rgb(81,36,141)
```
#501d94
```
#501d94 rgb(80,29,148)
```
#4f169b
```
#4f169b rgb(79,22,155)
```
#4e0fa2
```
#4e0fa2 rgb(78,15,162)
```
#4e09a8
```
#4e09a8 rgb(78,9,168)
```
#4d02af
```
#4d02af rgb(77,2,175)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#4d4953 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f517f Protanopia 1% of men
#415276 Deuteranopia 1% of men
#565156 Tritanopia 0.001% of the population

Trichromacy

#474a7a Protanomaly 1% of men, 0.01% of women
#484b74 Deuteranomaly 6% of men, 0.4% of women
#554a60 Tritanomaly 0.01% of the population

#553f72 hex color

#553f72 Color Information

#553f72 Color Conversion

Color Schemes with #553f72

Alternatives to #553f72

#553f72 Preview

Shades and Tints of #553f72

Tones of #553f72

Color Blindness Simulator