#553da2 hex color

In a RGB color space, hex #553da2 is composed of 33.3% red, 23.9% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 47.5% cyan, 62.3% magenta, 0% yellow and 36.5% black. It has a hue angle of 254.3 degrees, a saturation of 45.3% and a lightness of 43.7%. #553da2 color hex could be obtained by blending #aa7aff with #000045. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 24
- B 64
RGB color chart
- C 48
- M 62
- Y 0
- K 36
CMYK color chart

● #553da2 color description : Dark moderate blue.

The hexadecimal color #553da2 has RGB values of R:85, G:61, B:162 and CMYK values of C:0.48, M:0.62, Y:0, K:0.36. Its decimal value is 5586338.

Hex triplet	553da2	`#553da2`
RGB Decimal	85, 61, 162	`rgb(85,61,162)`
RGB Percent	33.3, 23.9, 63.5	`rgb(33.3%,23.9%,63.5%)`
CMYK	48, 62, 0, 36
HSL	254.3°, 45.3, 43.7	`hsl(254.3,45.3%,43.7%)`
HSV (or HSB)	254.3°, 62.3, 63.5
Web Safe	663399	`#663399`

CIE-LAB	33.726, 36.047, -51.364
XYZ	11.935, 7.877, 35.072
xyY	0.217, 0.144, 7.877
CIE-LCH	33.726, 62.75, 305.061
CIE-LUV	33.726, 2.214, -73.242
Hunter-Lab	28.066, 26.793, -54.443
Binary	01010101, 00111101, 10100010

#553da2
```
#553da2 rgb(85,61,162)
```
#8aa23d
```
#8aa23d rgb(138,162,61)
```

Complementary Color

#3d58a2
```
#3d58a2 rgb(61,88,162)
```
#553da2
```
#553da2 rgb(85,61,162)
```
#883da2
```
#883da2 rgb(136,61,162)
```

Analogous Color

#58a23d
```
#58a23d rgb(88,162,61)
```
#553da2
```
#553da2 rgb(85,61,162)
```
#a2883d
```
#a2883d rgb(162,136,61)
```

Split Complementary Color

#3da255
```
#3da255 rgb(61,162,85)
```
#553da2
```
#553da2 rgb(85,61,162)
```
#a2553d
```
#a2553d rgb(162,85,61)
```

Triadic Color

#3d8aa2
```
#3d8aa2 rgb(61,138,162)
```
#553da2
```
#553da2 rgb(85,61,162)
```
#a2553d
```
#a2553d rgb(162,85,61)
```
#8aa23d
```
#8aa23d rgb(138,162,61)
```

Tetradic Color

#38286a
```
#38286a rgb(56,40,106)
```
#422f7d
```
#422f7d rgb(66,47,125)
```
#4b368f
```
#4b368f rgb(75,54,143)
```
#553da2
```
#553da2 rgb(85,61,162)
```
#5f44b5
```
#5f44b5 rgb(95,68,181)
```
#6d54be
```
#6d54be rgb(109,84,190)
```
#7d66c5
```
#7d66c5 rgb(125,102,197)
```

Monochromatic Color

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

#3d3ea2
```
#3d3ea2 rgb(61,62,162)
```
#443da2
```
#443da2 rgb(68,61,162)
```
#4d3da2
```
#4d3da2 rgb(77,61,162)
```
#553da2
```
#553da2 rgb(85,61,162)
```
#5d3da2
```
#5d3da2 rgb(93,61,162)
```
#663da2
```
#663da2 rgb(102,61,162)
```
#6e3da2
```
#6e3da2 rgb(110,61,162)
```

Similar Colors

Text with hexadecimal color #553da2

This text has a font color of #553da2.

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

#553da2 background color

This paragraph has a background color of #553da2.

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

#553da2 border color

This element has a border color of #553da2.

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

CSS codes

.text {color:#553da2;}

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

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

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

#030205
```
#030205 rgb(3,2,5)
```
#0a0714
```
#0a0714 rgb(10,7,20)
```
#120d22
```
#120d22 rgb(18,13,34)
```
#191230
```
#191230 rgb(25,18,48)
```
#21173e
```
#21173e rgb(33,23,62)
```
#281d4d
```
#281d4d rgb(40,29,77)
```
#30225b
```
#30225b rgb(48,34,91)
```
#372869
```
#372869 rgb(55,40,105)
```
#3f2d77
```
#3f2d77 rgb(63,45,119)
```
#463286
```
#463286 rgb(70,50,134)
```
#4e3894
```
#4e3894 rgb(78,56,148)
```
#553da2
```
#553da2 rgb(85,61,162)
```
#5c42b0
```
#5c42b0 rgb(92,66,176)
```

Shade Color Variation

#664bbb
```
#664bbb rgb(102,75,187)
```
#7259c1
```
#7259c1 rgb(114,89,193)
```
#7e68c6
```
#7e68c6 rgb(126,104,198)
```
#8a76cb
```
#8a76cb rgb(138,118,203)
```
#9684d1
```
#9684d1 rgb(150,132,209)
```
#a292d6
```
#a292d6 rgb(162,146,214)
```
#afa1db
```
#afa1db rgb(175,161,219)
```
#bbafe1
```
#bbafe1 rgb(187,175,225)
```
#c7bde6
```
#c7bde6 rgb(199,189,230)
```
#d3cbec
```
#d3cbec rgb(211,203,236)
```
#dfdaf1
```
#dfdaf1 rgb(223,218,241)
```
#ebe8f6
```
#ebe8f6 rgb(235,232,246)
```
#f7f6fc
```
#f7f6fc rgb(247,246,252)
```

Tint Color Variation

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

#6c6877
```
#6c6877 rgb(108,104,119)
```
#675f80
```
#675f80 rgb(103,95,128)
```
#635788
```
#635788 rgb(99,87,136)
```
#5e4e91
```
#5e4e91 rgb(94,78,145)
```
#5a4699
```
#5a4699 rgb(90,70,153)
```
#553da2
```
#553da2 rgb(85,61,162)
```
#5034ab
```
#5034ab rgb(80,52,171)
```
#4c2cb3
```
#4c2cb3 rgb(76,44,179)
```
#4723bc
```
#4723bc rgb(71,35,188)
```
#431bc4
```
#431bc4 rgb(67,27,196)
```
#3e12cd
```
#3e12cd rgb(62,18,205)
```
#3a0ad5
```
#3a0ad5 rgb(58,10,213)
```
#3501de
```
#3501de rgb(53,1,222)
```

Tone Color Variation

Below, you can see how #553da2 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
#514c60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a7 Protanopia 1% of men
#005a94 Deuteranopia 1% of men
#465b62 Tritanopia 0.001% of the population

Trichromacy

#1e4ca5 Protanomaly 1% of men, 0.01% of women
#1e4f99 Deuteranomaly 6% of men, 0.4% of women
#4b5079 Tritanomaly 0.01% of the population

#553da2 hex color

#553da2 Color Information

#553da2 Color Conversion

Color Schemes with #553da2

Alternatives to #553da2

#553da2 Preview

Shades and Tints of #553da2

Tones of #553da2

Color Blindness Simulator