#553d66 hex color

In a RGB color space, hex #553d66 is composed of 33.3% red, 23.9% green and 40% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 40.2% magenta, 0% yellow and 60% black. It has a hue angle of 275.1 degrees, a saturation of 25.2% and a lightness of 32%. #553d66 color hex could be obtained by blending #aa7acc with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 33
- G 24
- B 40
RGB color chart
- C 17
- M 40
- Y 0
- K 60
CMYK color chart

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

The hexadecimal color #553d66 has RGB values of R:85, G:61, B:102 and CMYK values of C:0.17, M:0.4, Y:0, K:0.6. Its decimal value is 5586278.

Hex triplet	553d66	`#553d66`
RGB Decimal	85, 61, 102	`rgb(85,61,102)`
RGB Percent	33.3, 23.9, 40	`rgb(33.3%,23.9%,40%)`
CMYK	17, 40, 0, 60
HSL	275.1°, 25.2, 32	`hsl(275.1,25.2%,32%)`
HSV (or HSB)	275.1°, 40.2, 40
Web Safe	663366	`#663366`

CIE-LAB	29.981, 19.207, -20.106
XYZ	7.813, 6.228, 13.36
xyY	0.285, 0.227, 6.228
CIE-LCH	29.981, 27.806, 313.691
CIE-LUV	29.981, 9.084, -27.938
Hunter-Lab	24.956, 12.208, -14.271
Binary	01010101, 00111101, 01100110

#553d66
```
#553d66 rgb(85,61,102)
```
#4e663d
```
#4e663d rgb(78,102,61)
```

Complementary Color

#413d66
```
#413d66 rgb(65,61,102)
```
#553d66
```
#553d66 rgb(85,61,102)
```
#663d63
```
#663d63 rgb(102,61,99)
```

Analogous Color

#3d6641
```
#3d6641 rgb(61,102,65)
```
#553d66
```
#553d66 rgb(85,61,102)
```
#63663d
```
#63663d rgb(99,102,61)
```

Split Complementary Color

#3d6655
```
#3d6655 rgb(61,102,85)
```
#553d66
```
#553d66 rgb(85,61,102)
```
#66553d
```
#66553d rgb(102,85,61)
```

Triadic Color

#3d4e66
```
#3d4e66 rgb(61,78,102)
```
#553d66
```
#553d66 rgb(85,61,102)
```
#66553d
```
#66553d rgb(102,85,61)
```
#4e663d
```
#4e663d rgb(78,102,61)
```

Tetradic Color

#2d2036
```
#2d2036 rgb(45,32,54)
```
#3a2a46
```
#3a2a46 rgb(58,42,70)
```
#483356
```
#483356 rgb(72,51,86)
```
#553d66
```
#553d66 rgb(85,61,102)
```
#624776
```
#624776 rgb(98,71,118)
```
#705086
```
#705086 rgb(112,80,134)
```
#7d5a96
```
#7d5a96 rgb(125,90,150)
```

Monochromatic Color

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

#4b3d66
```
#4b3d66 rgb(75,61,102)
```
#4e3d66
```
#4e3d66 rgb(78,61,102)
```
#523d66
```
#523d66 rgb(82,61,102)
```
#553d66
```
#553d66 rgb(85,61,102)
```
#583d66
```
#583d66 rgb(88,61,102)
```
#5c3d66
```
#5c3d66 rgb(92,61,102)
```
#5f3d66
```
#5f3d66 rgb(95,61,102)
```

Similar Colors

Text with hexadecimal color #553d66

This text has a font color of #553d66.

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

#553d66 background color

This paragraph has a background color of #553d66.

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

#553d66 border color

This element has a border color of #553d66.

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

CSS codes

.text {color:#553d66;}

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

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

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

#030204
```
#030204 rgb(3,2,4)
```
#0d0a10
```
#0d0a10 rgb(13,10,16)
```
#18111c
```
#18111c rgb(24,17,28)
```
#221829
```
#221829 rgb(34,24,41)
```
#2c2035
```
#2c2035 rgb(44,32,53)
```
#362741
```
#362741 rgb(54,39,65)
```
#412e4d
```
#412e4d rgb(65,46,77)
```
#4b365a
```
#4b365a rgb(75,54,90)
```
#553d66
```
#553d66 rgb(85,61,102)
```
#5f4472
```
#5f4472 rgb(95,68,114)
```
#694c7f
```
#694c7f rgb(105,76,127)
```
#74538b
```
#74538b rgb(116,83,139)
```
#7e5a97
```
#7e5a97 rgb(126,90,151)
```

Shade Color Variation

#8863a2
```
#8863a2 rgb(136,99,162)
```
#9170a9
```
#9170a9 rgb(145,112,169)
```
#9b7cb1
```
#9b7cb1 rgb(155,124,177)
```
#a488b8
```
#a488b8 rgb(164,136,184)
```
#ad94bf
```
#ad94bf rgb(173,148,191)
```
#b7a1c7
```
#b7a1c7 rgb(183,161,199)
```
#c0adce
```
#c0adce rgb(192,173,206)
```
#cab9d5
```
#cab9d5 rgb(202,185,213)
```
#d3c5dd
```
#d3c5dd rgb(211,197,221)
```
#dcd2e4
```
#dcd2e4 rgb(220,210,228)
```
#e6deeb
```
#e6deeb rgb(230,222,235)
```
#efeaf3
```
#efeaf3 rgb(239,234,243)
```
#f9f7fa
```
#f9f7fa rgb(249,247,250)
```

Tint Color Variation

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

#525053
```
#525053 rgb(82,80,83)
```
#534a59
```
#534a59 rgb(83,74,89)
```
#544360
```
#544360 rgb(84,67,96)
```
#553d66
```
#553d66 rgb(85,61,102)
```
#56376c
```
#56376c rgb(86,55,108)
```
#573073
```
#573073 rgb(87,48,115)
```
#582a79
```
#582a79 rgb(88,42,121)
```
#59247f
```
#59247f rgb(89,36,127)
```
#5a1e85
```
#5a1e85 rgb(90,30,133)
```
#5b178c
```
#5b178c rgb(91,23,140)
```
#5c1192
```
#5c1192 rgb(92,17,146)
```
#5e0b98
```
#5e0b98 rgb(94,11,152)
```
#5f059e
```
#5f059e rgb(95,5,158)
```

Tone Color Variation

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

Dichromacy

#424f73 Protanopia 1% of men
#474f6b Deuteranopia 1% of men
#584d52 Tritanopia 0.001% of the population

Trichromacy

#49486e Protanomaly 1% of men, 0.01% of women
#4c4869 Deuteranomaly 6% of men, 0.4% of women
#574759 Tritanomaly 0.01% of the population

#553d66 hex color

#553d66 Color Information

#553d66 Color Conversion

Color Schemes with #553d66

Alternatives to #553d66

#553d66 Preview

Shades and Tints of #553d66

Tones of #553d66

Color Blindness Simulator