#553f69 hex color

In a RGB color space, hex #553f69 is composed of 33.3% red, 24.7% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 19% cyan, 40% magenta, 0% yellow and 58.8% black. It has a hue angle of 271.4 degrees, a saturation of 25% and a lightness of 32.9%. #553f69 color hex could be obtained by blending #aa7ed2 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 33
- G 25
- B 41
RGB color chart
- C 19
- M 40
- Y 0
- K 59
CMYK color chart

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

The hexadecimal color #553f69 has RGB values of R:85, G:63, B:105 and CMYK values of C:0.19, M:0.4, Y:0, K:0.59. Its decimal value is 5586793.

Hex triplet	553f69	`#553f69`
RGB Decimal	85, 63, 105	`rgb(85,63,105)`
RGB Percent	33.3, 24.7, 41.2	`rgb(33.3%,24.7%,41.2%)`
CMYK	19, 40, 0, 59
HSL	271.4°, 25, 32.9	`hsl(271.4,25%,32.9%)`
HSV (or HSB)	271.4°, 40, 41.2
Web Safe	663366	`#663366`

CIE-LAB	30.656, 18.688, -20.97
XYZ	8.073, 6.506, 14.194
xyY	0.281, 0.226, 6.506
CIE-LCH	30.656, 28.088, 311.707
CIE-LUV	30.656, 7.965, -29.232
Hunter-Lab	25.508, 11.858, -15.138
Binary	01010101, 00111111, 01101001

#553f69
```
#553f69 rgb(85,63,105)
```
#53693f
```
#53693f rgb(83,105,63)
```

Complementary Color

#403f69
```
#403f69 rgb(64,63,105)
```
#553f69
```
#553f69 rgb(85,63,105)
```
#693f68
```
#693f68 rgb(105,63,104)
```

Analogous Color

#3f6940
```
#3f6940 rgb(63,105,64)
```
#553f69
```
#553f69 rgb(85,63,105)
```
#68693f
```
#68693f rgb(104,105,63)
```

Split Complementary Color

#3f6955
```
#3f6955 rgb(63,105,85)
```
#553f69
```
#553f69 rgb(85,63,105)
```
#69553f
```
#69553f rgb(105,85,63)
```

Triadic Color

#3f5369
```
#3f5369 rgb(63,83,105)
```
#553f69
```
#553f69 rgb(85,63,105)
```
#69553f
```
#69553f rgb(105,85,63)
```
#53693f
```
#53693f rgb(83,105,63)
```

Tetradic Color

#2e2239
```
#2e2239 rgb(46,34,57)
```
#3b2c49
```
#3b2c49 rgb(59,44,73)
```
#483559
```
#483559 rgb(72,53,89)
```
#553f69
```
#553f69 rgb(85,63,105)
```
#624979
```
#624979 rgb(98,73,121)
```
#6f5289
```
#6f5289 rgb(111,82,137)
```
#7c5c99
```
#7c5c99 rgb(124,92,153)
```

Monochromatic Color

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

#4b3f69
```
#4b3f69 rgb(75,63,105)
```
#4e3f69
```
#4e3f69 rgb(78,63,105)
```
#523f69
```
#523f69 rgb(82,63,105)
```
#553f69
```
#553f69 rgb(85,63,105)
```
#593f69
```
#593f69 rgb(89,63,105)
```
#5c3f69
```
#5c3f69 rgb(92,63,105)
```
#603f69
```
#603f69 rgb(96,63,105)
```

Similar Colors

Text with hexadecimal color #553f69

This text has a font color of #553f69.

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

#553f69 background color

This paragraph has a background color of #553f69.

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

#553f69 border color

This element has a border color of #553f69.

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

CSS codes

.text {color:#553f69;}

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

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

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

#060407
```
#060407 rgb(6,4,7)
```
#100c13
```
#100c13 rgb(16,12,19)
```
#19131f
```
#19131f rgb(25,19,31)
```
#231a2c
```
#231a2c rgb(35,26,44)
```
#2d2238
```
#2d2238 rgb(45,34,56)
```
#372944
```
#372944 rgb(55,41,68)
```
#413050
```
#413050 rgb(65,48,80)
```
#4b385d
```
#4b385d rgb(75,56,93)
```
#553f69
```
#553f69 rgb(85,63,105)
```
#5f4675
```
#5f4675 rgb(95,70,117)
```
#694e82
```
#694e82 rgb(105,78,130)
```
#73558e
```
#73558e rgb(115,85,142)
```
#7d5c9a
```
#7d5c9a rgb(125,92,154)
```

Shade Color Variation

#8667a4
```
#8667a4 rgb(134,103,164)
```
#9073ab
```
#9073ab rgb(144,115,171)
```
#9a7fb2
```
#9a7fb2 rgb(154,127,178)
```
#a48bba
```
#a48bba rgb(164,139,186)
```
#ad98c1
```
#ad98c1 rgb(173,152,193)
```
#b7a4c8
```
#b7a4c8 rgb(183,164,200)
```
#c1b0d0
```
#c1b0d0 rgb(193,176,208)
```
#cabcd7
```
#cabcd7 rgb(202,188,215)
```
#d4c9de
```
#d4c9de rgb(212,201,222)
```
#ded5e6
```
#ded5e6 rgb(222,213,230)
```
#e7e1ed
```
#e7e1ed rgb(231,225,237)
```
#f1edf4
```
#f1edf4 rgb(241,237,244)
```
#fbfafc
```
#fbfafc rgb(251,250,252)
```

Tint Color Variation

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

#545256
```
#545256 rgb(84,82,86)
```
#544c5c
```
#544c5c rgb(84,76,92)
```
#554563
```
#554563 rgb(85,69,99)
```
#553f69
```
#553f69 rgb(85,63,105)
```
#55396f
```
#55396f rgb(85,57,111)
```
#563276
```
#563276 rgb(86,50,118)
```
#562c7c
```
#562c7c rgb(86,44,124)
```
#562583
```
#562583 rgb(86,37,131)
```
#571f89
```
#571f89 rgb(87,31,137)
```
#571890
```
#571890 rgb(87,24,144)
```
#571296
```
#571296 rgb(87,18,150)
```
#570b9d
```
#570b9d rgb(87,11,157)
```
#5805a3
```
#5805a3 rgb(88,5,163)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#4c4850 Atypical Achromatopsia 0.001% of the population

Dichromacy

#435076 Protanopia 1% of men
#47506e Deuteranopia 1% of men
#584f54 Tritanopia 0.001% of the population

Trichromacy

#494a71 Protanomaly 1% of men, 0.01% of women
#4c4a6c Deuteranomaly 6% of men, 0.4% of women
#57495c Tritanomaly 0.01% of the population

#553f69 hex color

#553f69 Color Information

#553f69 Color Conversion

Color Schemes with #553f69

Alternatives to #553f69

#553f69 Preview

Shades and Tints of #553f69

Tones of #553f69

Color Blindness Simulator