#553ea2 hex color

In a RGB color space, hex #553ea2 is composed of 33.3% red, 24.3% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 47.5% cyan, 61.7% magenta, 0% yellow and 36.5% black. It has a hue angle of 253.8 degrees, a saturation of 44.6% and a lightness of 43.9%. #553ea2 color hex could be obtained by blending #aa7cff 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

● #553ea2 color description : Dark moderate blue.

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

Hex triplet	553ea2	`#553ea2`
RGB Decimal	85, 62, 162	`rgb(85,62,162)`
RGB Percent	33.3, 24.3, 63.5	`rgb(33.3%,24.3%,63.5%)`
CMYK	48, 62, 0, 36
HSL	253.8°, 44.6, 43.9	`hsl(253.8,44.6%,43.9%)`
HSV (or HSB)	253.8°, 61.7, 63.5
Web Safe	663399	`#663399`

CIE-LAB	33.952, 35.45, -50.998
XYZ	11.989, 7.985, 35.09
xyY	0.218, 0.145, 7.985
CIE-LCH	33.952, 62.109, 304.804
CIE-LUV	33.952, 1.979, -72.894
Hunter-Lab	28.258, 26.284, -53.845
Binary	01010101, 00111110, 10100010

#553ea2
```
#553ea2 rgb(85,62,162)
```
#8ba23e
```
#8ba23e rgb(139,162,62)
```

Complementary Color

#3e59a2
```
#3e59a2 rgb(62,89,162)
```
#553ea2
```
#553ea2 rgb(85,62,162)
```
#873ea2
```
#873ea2 rgb(135,62,162)
```

Analogous Color

#59a23e
```
#59a23e rgb(89,162,62)
```
#553ea2
```
#553ea2 rgb(85,62,162)
```
#a2873e
```
#a2873e rgb(162,135,62)
```

Split Complementary Color

#3ea255
```
#3ea255 rgb(62,162,85)
```
#553ea2
```
#553ea2 rgb(85,62,162)
```
#a2553e
```
#a2553e rgb(162,85,62)
```

Triadic Color

#3e8ba2
```
#3e8ba2 rgb(62,139,162)
```
#553ea2
```
#553ea2 rgb(85,62,162)
```
#a2553e
```
#a2553e rgb(162,85,62)
```
#8ba23e
```
#8ba23e rgb(139,162,62)
```

Tetradic Color

#38296b
```
#38296b rgb(56,41,107)
```
#42307d
```
#42307d rgb(66,48,125)
```
#4b3790
```
#4b3790 rgb(75,55,144)
```
#553ea2
```
#553ea2 rgb(85,62,162)
```
#5f45b4
```
#5f45b4 rgb(95,69,180)
```
#6d55be
```
#6d55be rgb(109,85,190)
```
#7d67c5
```
#7d67c5 rgb(125,103,197)
```

Monochromatic Color

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

#3e40a2
```
#3e40a2 rgb(62,64,162)
```
#443ea2
```
#443ea2 rgb(68,62,162)
```
#4d3ea2
```
#4d3ea2 rgb(77,62,162)
```
#553ea2
```
#553ea2 rgb(85,62,162)
```
#5d3ea2
```
#5d3ea2 rgb(93,62,162)
```
#663ea2
```
#663ea2 rgb(102,62,162)
```
#6e3ea2
```
#6e3ea2 rgb(110,62,162)
```

Similar Colors

Text with hexadecimal color #553ea2

This text has a font color of #553ea2.

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

#553ea2 background color

This paragraph has a background color of #553ea2.

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

#553ea2 border color

This element has a border color of #553ea2.

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

CSS codes

.text {color:#553ea2;}

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

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

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

#030206
```
#030206 rgb(3,2,6)
```
#0b0814
```
#0b0814 rgb(11,8,20)
```
#120d22
```
#120d22 rgb(18,13,34)
```
#191331
```
#191331 rgb(25,19,49)
```
#21183f
```
#21183f rgb(33,24,63)
```
#281d4d
```
#281d4d rgb(40,29,77)
```
#30235b
```
#30235b rgb(48,35,91)
```
#372869
```
#372869 rgb(55,40,105)
```
#3f2e77
```
#3f2e77 rgb(63,46,119)
```
#463386
```
#463386 rgb(70,51,134)
```
#4e3994
```
#4e3994 rgb(78,57,148)
```
#553ea2
```
#553ea2 rgb(85,62,162)
```
#5c43b0
```
#5c43b0 rgb(92,67,176)
```

Shade Color Variation

#664dbb
```
#664dbb rgb(102,77,187)
```
#725bc0
```
#725bc0 rgb(114,91,192)
```
#7e69c6
```
#7e69c6 rgb(126,105,198)
```
#8a77cb
```
#8a77cb rgb(138,119,203)
```
#9785d0
```
#9785d0 rgb(151,133,208)
```
#a393d6
```
#a393d6 rgb(163,147,214)
```
#afa2db
```
#afa2db rgb(175,162,219)
```
#bbb0e1
```
#bbb0e1 rgb(187,176,225)
```
#c7bee6
```
#c7bee6 rgb(199,190,230)
```
#d3ccec
```
#d3ccec rgb(211,204,236)
```
#e0daf1
```
#e0daf1 rgb(224,218,241)
```
#ece9f6
```
#ece9f6 rgb(236,233,246)
```
#f8f7fc
```
#f8f7fc rgb(248,247,252)
```

Tint Color Variation

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

#6c6977
```
#6c6977 rgb(108,105,119)
```
#686080
```
#686080 rgb(104,96,128)
```
#635888
```
#635888 rgb(99,88,136)
```
#5e4f91
```
#5e4f91 rgb(94,79,145)
```
#5a4799
```
#5a4799 rgb(90,71,153)
```
#553ea2
```
#553ea2 rgb(85,62,162)
```
#5035ab
```
#5035ab rgb(80,53,171)
```
#4c2db3
```
#4c2db3 rgb(76,45,179)
```
#4724bc
```
#4724bc rgb(71,36,188)
```
#421cc4
```
#421cc4 rgb(66,28,196)
```
#3e13cd
```
#3e13cd rgb(62,19,205)
```
#390ad6
```
#390ad6 rgb(57,10,214)
```
#3402de
```
#3402de rgb(52,2,222)
```

Tone Color Variation

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

#0056a8 Protanopia 1% of men
#005a95 Deuteranopia 1% of men
#465c63 Tritanopia 0.001% of the population

Trichromacy

#1e4da6 Protanomaly 1% of men, 0.01% of women
#1e5099 Deuteranomaly 6% of men, 0.4% of women
#4b517a Tritanomaly 0.01% of the population

#553ea2 hex color

#553ea2 Color Information

#553ea2 Color Conversion

Color Schemes with #553ea2

Alternatives to #553ea2

#553ea2 Preview

Shades and Tints of #553ea2

Tones of #553ea2

Color Blindness Simulator