#553b6f hex color

In a RGB color space, hex #553b6f is composed of 33.3% red, 23.1% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 23.4% cyan, 46.8% magenta, 0% yellow and 56.5% black. It has a hue angle of 270 degrees, a saturation of 30.6% and a lightness of 33.3%. #553b6f color hex could be obtained by blending #aa76de with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 33
- G 23
- B 44
RGB color chart
- C 23
- M 47
- Y 0
- K 56
CMYK color chart

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

The hexadecimal color #553b6f has RGB values of R:85, G:59, B:111 and CMYK values of C:0.23, M:0.47, Y:0, K:0.56. Its decimal value is 5585775.

Hex triplet	553b6f	`#553b6f`
RGB Decimal	85, 59, 111	`rgb(85,59,111)`
RGB Percent	33.3, 23.1, 43.5	`rgb(33.3%,23.1%,43.5%)`
CMYK	23, 47, 0, 56
HSL	270°, 30.6, 33.3	`hsl(270,30.6%,33.3%)`
HSV (or HSB)	270°, 46.8, 43.5
Web Safe	663366	`#663366`

CIE-LAB	29.929, 22.776, -25.922
XYZ	8.179, 6.207, 15.805
xyY	0.271, 0.206, 6.207
CIE-LCH	29.929, 34.507, 311.304
CIE-LUV	29.929, 8.628, -36.052
Hunter-Lab	24.914, 15.001, -20.174
Binary	01010101, 00111011, 01101111

#553b6f
```
#553b6f rgb(85,59,111)
```
#556f3b
```
#556f3b rgb(85,111,59)
```

Complementary Color

#3b3b6f
```
#3b3b6f rgb(59,59,111)
```
#553b6f
```
#553b6f rgb(85,59,111)
```
#6f3b6f
```
#6f3b6f rgb(111,59,111)
```

Analogous Color

#3b6f3b
```
#3b6f3b rgb(59,111,59)
```
#553b6f
```
#553b6f rgb(85,59,111)
```
#6f6f3b
```
#6f6f3b rgb(111,111,59)
```

Split Complementary Color

#3b6f55
```
#3b6f55 rgb(59,111,85)
```
#553b6f
```
#553b6f rgb(85,59,111)
```
#6f553b
```
#6f553b rgb(111,85,59)
```

Triadic Color

#3b556f
```
#3b556f rgb(59,85,111)
```
#553b6f
```
#553b6f rgb(85,59,111)
```
#6f553b
```
#6f553b rgb(111,85,59)
```
#556f3b
```
#556f3b rgb(85,111,59)
```

Tetradic Color

#2f203d
```
#2f203d rgb(47,32,61)
```
#3c294e
```
#3c294e rgb(60,41,78)
```
#48325e
```
#48325e rgb(72,50,94)
```
#553b6f
```
#553b6f rgb(85,59,111)
```
#624480
```
#624480 rgb(98,68,128)
```
#6f4d90
```
#6f4d90 rgb(111,77,144)
```
#7b56a1
```
#7b56a1 rgb(123,86,161)
```

Monochromatic Color

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

#483b6f
```
#483b6f rgb(72,59,111)
```
#4c3b6f
```
#4c3b6f rgb(76,59,111)
```
#513b6f
```
#513b6f rgb(81,59,111)
```
#553b6f
```
#553b6f rgb(85,59,111)
```
#593b6f
```
#593b6f rgb(89,59,111)
```
#5e3b6f
```
#5e3b6f rgb(94,59,111)
```
#623b6f
```
#623b6f rgb(98,59,111)
```

Similar Colors

Text with hexadecimal color #553b6f

This text has a font color of #553b6f.

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

#553b6f background color

This paragraph has a background color of #553b6f.

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

#553b6f border color

This element has a border color of #553b6f.

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

CSS codes

.text {color:#553b6f;}

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

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

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

#070509
```
#070509 rgb(7,5,9)
```
#100b15
```
#100b15 rgb(16,11,21)
```
#1a1222
```
#1a1222 rgb(26,18,34)
```
#24192f
```
#24192f rgb(36,25,47)
```
#2e203c
```
#2e203c rgb(46,32,60)
```
#382749
```
#382749 rgb(56,39,73)
```
#412d55
```
#412d55 rgb(65,45,85)
```
#4b3462
```
#4b3462 rgb(75,52,98)
```
#553b6f
```
#553b6f rgb(85,59,111)
```
#5f427c
```
#5f427c rgb(95,66,124)
```
#694989
```
#694989 rgb(105,73,137)
```
#724f95
```
#724f95 rgb(114,79,149)
```
#7c56a2
```
#7c56a2 rgb(124,86,162)
```

Shade Color Variation

#8661ab
```
#8661ab rgb(134,97,171)
```
#906eb2
```
#906eb2 rgb(144,110,178)
```
#9a7bb9
```
#9a7bb9 rgb(154,123,185)
```
#a387bf
```
#a387bf rgb(163,135,191)
```
#ad94c6
```
#ad94c6 rgb(173,148,198)
```
#b7a1cd
```
#b7a1cd rgb(183,161,205)
```
#c1aed4
```
#c1aed4 rgb(193,174,212)
```
#cbbbdb
```
#cbbbdb rgb(203,187,219)
```
#d5c8e2
```
#d5c8e2 rgb(213,200,226)
```
#ded4e8
```
#ded4e8 rgb(222,212,232)
```
#e8e1ef
```
#e8e1ef rgb(232,225,239)
```
#f2eef6
```
#f2eef6 rgb(242,238,246)
```
#fcfbfd
```
#fcfbfd rgb(252,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #554f5b is the less saturated color, while #5500aa is the most saturated one.

#554f5b
```
#554f5b rgb(85,79,91)
```
#554862
```
#554862 rgb(85,72,98)
```
#554268
```
#554268 rgb(85,66,104)
```
#553b6f
```
#553b6f rgb(85,59,111)
```
#553476
```
#553476 rgb(85,52,118)
```
#552e7c
```
#552e7c rgb(85,46,124)
```
#552783
```
#552783 rgb(85,39,131)
```
#552189
```
#552189 rgb(85,33,137)
```
#551a90
```
#551a90 rgb(85,26,144)
```
#551496
```
#551496 rgb(85,20,150)
```
#550d9d
```
#550d9d rgb(85,13,157)
```
#5507a3
```
#5507a3 rgb(85,7,163)
```
#5500aa
```
#5500aa rgb(85,0,170)
```

Tone Color Variation

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

Dichromacy

#3b4e7d Protanopia 1% of men
#3f4f72 Deuteranopia 1% of men
#564d53 Tritanopia 0.001% of the population

Trichromacy

#444778 Protanomaly 1% of men, 0.01% of women
#474871 Deuteranomaly 6% of men, 0.4% of women
#56465d Tritanomaly 0.01% of the population

#553b6f hex color

#553b6f Color Information

#553b6f Color Conversion

Color Schemes with #553b6f

Alternatives to #553b6f

#553b6f Preview

Shades and Tints of #553b6f

Tones of #553b6f

Color Blindness Simulator