#553774 hex color

In a RGB color space, hex #553774 is composed of 33.3% red, 21.6% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 52.6% magenta, 0% yellow and 54.5% black. It has a hue angle of 269.5 degrees, a saturation of 35.7% and a lightness of 33.5%. #553774 color hex could be obtained by blending #aa6ee8 with #000000. Closest websafe color is: #663366.

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

● #553774 color description : Dark moderate violet.

The hexadecimal color #553774 has RGB values of R:85, G:55, B:116 and CMYK values of C:0.27, M:0.53, Y:0, K:0.55. Its decimal value is 5584756.

Hex triplet	553774	`#553774`
RGB Decimal	85, 55, 116	`rgb(85,55,116)`
RGB Percent	33.3, 21.6, 45.5	`rgb(33.3%,21.6%,45.5%)`
CMYK	27, 53, 0, 55
HSL	269.5°, 35.7, 33.5	`hsl(269.5,35.7%,33.5%)`
HSV (or HSB)	269.5°, 52.6, 45.5
Web Safe	663366	`#663366`

CIE-LAB	29.222, 26.589, -30.21
XYZ	8.264, 5.925, 17.23
xyY	0.263, 0.189, 5.925
CIE-LCH	29.222, 40.244, 311.353
CIE-LUV	29.222, 9.225, -41.806
Hunter-Lab	24.341, 18.01, -24.931
Binary	01010101, 00110111, 01110100

#553774
```
#553774 rgb(85,55,116)
```
#567437
```
#567437 rgb(86,116,55)
```

Complementary Color

#373874
```
#373874 rgb(55,56,116)
```
#553774
```
#553774 rgb(85,55,116)
```
#743774
```
#743774 rgb(116,55,116)
```

Analogous Color

#387437
```
#387437 rgb(56,116,55)
```
#553774
```
#553774 rgb(85,55,116)
```
#747437
```
#747437 rgb(116,116,55)
```

Split Complementary Color

#377455
```
#377455 rgb(55,116,85)
```
#553774
```
#553774 rgb(85,55,116)
```
#745537
```
#745537 rgb(116,85,55)
```

Triadic Color

#375674
```
#375674 rgb(55,86,116)
```
#553774
```
#553774 rgb(85,55,116)
```
#745537
```
#745537 rgb(116,85,55)
```
#567437
```
#567437 rgb(86,116,55)
```

Tetradic Color

#2f1e40
```
#2f1e40 rgb(47,30,64)
```
#3c2751
```
#3c2751 rgb(60,39,81)
```
#482f63
```
#482f63 rgb(72,47,99)
```
#553774
```
#553774 rgb(85,55,116)
```
#623f85
```
#623f85 rgb(98,63,133)
```
#6e4797
```
#6e4797 rgb(110,71,151)
```
#7b50a8
```
#7b50a8 rgb(123,80,168)
```

Monochromatic Color

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

#463774
```
#463774 rgb(70,55,116)
```
#4b3774
```
#4b3774 rgb(75,55,116)
```
#503774
```
#503774 rgb(80,55,116)
```
#553774
```
#553774 rgb(85,55,116)
```
#5a3774
```
#5a3774 rgb(90,55,116)
```
#5f3774
```
#5f3774 rgb(95,55,116)
```
#643774
```
#643774 rgb(100,55,116)
```

Similar Colors

Text with hexadecimal color #553774

This text has a font color of #553774.

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

#553774 background color

This paragraph has a background color of #553774.

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

#553774 border color

This element has a border color of #553774.

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

CSS codes

.text {color:#553774;}

.background {background-color:#553774;}

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

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

#07050a
```
#07050a rgb(7,5,10)
```
#110b17
```
#110b17 rgb(17,11,23)
```
#1a1124
```
#1a1124 rgb(26,17,36)
```
#241731
```
#241731 rgb(36,23,49)
```
#2e1e3f
```
#2e1e3f rgb(46,30,63)
```
#38244c
```
#38244c rgb(56,36,76)
```
#412a59
```
#412a59 rgb(65,42,89)
```
#4b3167
```
#4b3167 rgb(75,49,103)
```
#553774
```
#553774 rgb(85,55,116)
```
#5f3d81
```
#5f3d81 rgb(95,61,129)
```
#69448f
```
#69448f rgb(105,68,143)
```
#724a9c
```
#724a9c rgb(114,74,156)
```
#7c50a9
```
#7c50a9 rgb(124,80,169)
```

Shade Color Variation

#865cb2
```
#865cb2 rgb(134,92,178)
```
#9069b8
```
#9069b8 rgb(144,105,184)
```
#9a76be
```
#9a76be rgb(154,118,190)
```
#a383c4
```
#a383c4 rgb(163,131,196)
```
#ad91cb
```
#ad91cb rgb(173,145,203)
```
#b79ed1
```
#b79ed1 rgb(183,158,209)
```
#c1abd7
```
#c1abd7 rgb(193,171,215)
```
#cbb9de
```
#cbb9de rgb(203,185,222)
```
#d5c6e4
```
#d5c6e4 rgb(213,198,228)
```
#dfd3ea
```
#dfd3ea rgb(223,211,234)
```
#e8e1f1
```
#e8e1f1 rgb(232,225,241)
```
#f2eef7
```
#f2eef7 rgb(242,238,247)
```
#fcfbfd
```
#fcfbfd rgb(252,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #55515a is the less saturated color, while #5402a9 is the most saturated one.

#55515a
```
#55515a rgb(85,81,90)
```
#554b60
```
#554b60 rgb(85,75,96)
```
#554467
```
#554467 rgb(85,68,103)
```
#553e6d
```
#553e6d rgb(85,62,109)
```
#553774
```
#553774 rgb(85,55,116)
```
#55307b
```
#55307b rgb(85,48,123)
```
#552a81
```
#552a81 rgb(85,42,129)
```
#552388
```
#552388 rgb(85,35,136)
```
#551d8e
```
#551d8e rgb(85,29,142)
```
#541695
```
#541695 rgb(84,22,149)
```
#54109b
```
#54109b rgb(84,16,155)
```
#5409a2
```
#5409a2 rgb(84,9,162)
```
#5402a9
```
#5402a9 rgb(84,2,169)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#4a4450 Atypical Achromatopsia 0.001% of the population

Dichromacy

#314c84 Protanopia 1% of men
#364e76 Deuteranopia 1% of men
#544c51 Tritanopia 0.001% of the population

Trichromacy

#3e447e Protanomaly 1% of men, 0.01% of women
#414675 Deuteranomaly 6% of men, 0.4% of women
#54445e Tritanomaly 0.01% of the population

#553774 hex color

#553774 Color Information

#553774 Color Conversion

Color Schemes with #553774

Alternatives to #553774

#553774 Preview

Shades and Tints of #553774

Tones of #553774

Color Blindness Simulator