#553da5 hex color

In a RGB color space, hex #553da5 is composed of 33.3% red, 23.9% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 48.5% cyan, 63% magenta, 0% yellow and 35.3% black. It has a hue angle of 253.8 degrees, a saturation of 46% and a lightness of 44.3%. #553da5 color hex could be obtained by blending #aa7aff with #00004b. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 24
- B 65
RGB color chart
- C 48
- M 63
- Y 0
- K 35
CMYK color chart

● #553da5 color description : Dark moderate blue.

The hexadecimal color #553da5 has RGB values of R:85, G:61, B:165 and CMYK values of C:0.48, M:0.63, Y:0, K:0.35. Its decimal value is 5586341.

Hex triplet	553da5	`#553da5`
RGB Decimal	85, 61, 165	`rgb(85,61,165)`
RGB Percent	33.3, 23.9, 64.7	`rgb(33.3%,23.9%,64.7%)`
CMYK	48, 63, 0, 35
HSL	253.8°, 46, 44.3	`hsl(253.8,46%,44.3%)`
HSV (or HSB)	253.8°, 63, 64.7
Web Safe	663399	`#663399`

CIE-LAB	33.952, 36.945, -52.801
XYZ	12.205, 7.985, 36.493
xyY	0.215, 0.141, 7.985
CIE-LCH	33.952, 64.443, 304.981
CIE-LUV	33.952, 1.92, -75.346
Hunter-Lab	28.258, 27.647, -56.789
Binary	01010101, 00111101, 10100101

#553da5
```
#553da5 rgb(85,61,165)
```
#8da53d
```
#8da53d rgb(141,165,61)
```

Complementary Color

#3d59a5
```
#3d59a5 rgb(61,89,165)
```
#553da5
```
#553da5 rgb(85,61,165)
```
#893da5
```
#893da5 rgb(137,61,165)
```

Analogous Color

#59a53d
```
#59a53d rgb(89,165,61)
```
#553da5
```
#553da5 rgb(85,61,165)
```
#a5893d
```
#a5893d rgb(165,137,61)
```

Split Complementary Color

#3da555
```
#3da555 rgb(61,165,85)
```
#553da5
```
#553da5 rgb(85,61,165)
```
#a5553d
```
#a5553d rgb(165,85,61)
```

Triadic Color

#3d8da5
```
#3d8da5 rgb(61,141,165)
```
#553da5
```
#553da5 rgb(85,61,165)
```
#a5553d
```
#a5553d rgb(165,85,61)
```
#8da53d
```
#8da53d rgb(141,165,61)
```

Tetradic Color

#38286d
```
#38286d rgb(56,40,109)
```
#422f80
```
#422f80 rgb(66,47,128)
```
#4b3692
```
#4b3692 rgb(75,54,146)
```
#553da5
```
#553da5 rgb(85,61,165)
```
#5f44b8
```
#5f44b8 rgb(95,68,184)
```
#6e55c0
```
#6e55c0 rgb(110,85,192)
```
#7e68c7
```
#7e68c7 rgb(126,104,199)
```

Monochromatic Color

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

#3d3fa5
```
#3d3fa5 rgb(61,63,165)
```
#443da5
```
#443da5 rgb(68,61,165)
```
#4c3da5
```
#4c3da5 rgb(76,61,165)
```
#553da5
```
#553da5 rgb(85,61,165)
```
#5e3da5
```
#5e3da5 rgb(94,61,165)
```
#663da5
```
#663da5 rgb(102,61,165)
```
#6f3da5
```
#6f3da5 rgb(111,61,165)
```

Similar Colors

Text with hexadecimal color #553da5

This text has a font color of #553da5.

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

#553da5 background color

This paragraph has a background color of #553da5.

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

#553da5 border color

This element has a border color of #553da5.

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

CSS codes

.text {color:#553da5;}

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

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

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

#040307
```
#040307 rgb(4,3,7)
```
#0b0816
```
#0b0816 rgb(11,8,22)
```
#130d24
```
#130d24 rgb(19,13,36)
```
#1a1332
```
#1a1332 rgb(26,19,50)
```
#211841
```
#211841 rgb(33,24,65)
```
#291d4f
```
#291d4f rgb(41,29,79)
```
#30235d
```
#30235d rgb(48,35,93)
```
#37286c
```
#37286c rgb(55,40,108)
```
#3f2d7a
```
#3f2d7a rgb(63,45,122)
```
#463288
```
#463288 rgb(70,50,136)
```
#4e3897
```
#4e3897 rgb(78,56,151)
```
#553da5
```
#553da5 rgb(85,61,165)
```
#5c42b3
```
#5c42b3 rgb(92,66,179)
```

Shade Color Variation

#664cbd
```
#664cbd rgb(102,76,189)
```
#735bc2
```
#735bc2 rgb(115,91,194)
```
#7f69c8
```
#7f69c8 rgb(127,105,200)
```
#8b77cd
```
#8b77cd rgb(139,119,205)
```
#9786d2
```
#9786d2 rgb(151,134,210)
```
#a394d7
```
#a394d7 rgb(163,148,215)
```
#b0a2dd
```
#b0a2dd rgb(176,162,221)
```
#bcb1e2
```
#bcb1e2 rgb(188,177,226)
```
#c8bfe7
```
#c8bfe7 rgb(200,191,231)
```
#d4cded
```
#d4cded rgb(212,205,237)
```
#e1dcf2
```
#e1dcf2 rgb(225,220,242)
```
#edeaf7
```
#edeaf7 rgb(237,234,247)
```
#f9f8fc
```
#f9f8fc rgb(249,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c687a is the less saturated color, while #3400e2 is the most saturated one.

#6c687a
```
#6c687a rgb(108,104,122)
```
#686082
```
#686082 rgb(104,96,130)
```
#63578b
```
#63578b rgb(99,87,139)
```
#5e4e94
```
#5e4e94 rgb(94,78,148)
```
#5a469c
```
#5a469c rgb(90,70,156)
```
#553da5
```
#553da5 rgb(85,61,165)
```
#5034ae
```
#5034ae rgb(80,52,174)
```
#4c2cb6
```
#4c2cb6 rgb(76,44,182)
```
#4723bf
```
#4723bf rgb(71,35,191)
```
#421ac8
```
#421ac8 rgb(66,26,200)
```
#3e12d0
```
#3e12d0 rgb(62,18,208)
```
#3909d9
```
#3909d9 rgb(57,9,217)
```
#3400e2
```
#3400e2 rgb(52,0,226)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#514c61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005a94 Deuteranopia 1% of men
#445c63 Tritanopia 0.001% of the population

Trichromacy

#1e4da7 Protanomaly 1% of men, 0.01% of women
#1e4f9a Deuteranomaly 6% of men, 0.4% of women
#4a517b Tritanomaly 0.01% of the population

#553da5 hex color

#553da5 Color Information

#553da5 Color Conversion

Color Schemes with #553da5

Alternatives to #553da5

#553da5 Preview

Shades and Tints of #553da5

Tones of #553da5

Color Blindness Simulator