#553ed8 hex color

In a RGB color space, hex #553ed8 is composed of 33.3% red, 24.3% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 71.3% magenta, 0% yellow and 15.3% black. It has a hue angle of 249 degrees, a saturation of 66.4% and a lightness of 54.5%. #553ed8 color hex could be obtained by blending #aa7cff with #0000b1. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 24
- B 85
RGB color chart
- C 61
- M 71
- Y 0
- K 15
CMYK color chart

● #553ed8 color description : Moderate blue.

The hexadecimal color #553ed8 has RGB values of R:85, G:62, B:216 and CMYK values of C:0.61, M:0.71, Y:0, K:0.15. Its decimal value is 5586648.

Hex triplet	553ed8	`#553ed8`
RGB Decimal	85, 62, 216	`rgb(85,62,216)`
RGB Percent	33.3, 24.3, 84.7	`rgb(33.3%,24.3%,84.7%)`
CMYK	61, 71, 0, 15
HSL	249°, 66.4, 54.5	`hsl(249,66.4%,54.5%)`
HSV (or HSB)	249°, 71.3, 84.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.435, 51.759, -75.421
XYZ	17.861, 10.334, 66.015
xyY	0.19, 0.11, 10.334
CIE-LCH	38.435, 91.473, 304.461
CIE-LUV	38.435, -2.609, -108.722
Hunter-Lab	32.146, 42.924, -99.256
Binary	01010101, 00111110, 11011000

#553ed8
```
#553ed8 rgb(85,62,216)
```
#c1d83e
```
#c1d83e rgb(193,216,62)
```

Complementary Color

#3e74d8
```
#3e74d8 rgb(62,116,216)
```
#553ed8
```
#553ed8 rgb(85,62,216)
```
#a23ed8
```
#a23ed8 rgb(162,62,216)
```

Analogous Color

#74d83e
```
#74d83e rgb(116,216,62)
```
#553ed8
```
#553ed8 rgb(85,62,216)
```
#d8a23e
```
#d8a23e rgb(216,162,62)
```

Split Complementary Color

#3ed855
```
#3ed855 rgb(62,216,85)
```
#553ed8
```
#553ed8 rgb(85,62,216)
```
#d8553e
```
#d8553e rgb(216,85,62)
```

Triadic Color

#3ec1d8
```
#3ec1d8 rgb(62,193,216)
```
#553ed8
```
#553ed8 rgb(85,62,216)
```
#d8553e
```
#d8553e rgb(216,85,62)
```
#c1d83e
```
#c1d83e rgb(193,216,62)
```

Tetradic Color

#3622a8
```
#3622a8 rgb(54,34,168)
```
#3d26bd
```
#3d26bd rgb(61,38,189)
```
#432ad2
```
#432ad2 rgb(67,42,210)
```
#553ed8
```
#553ed8 rgb(85,62,216)
```
#6853dc
```
#6853dc rgb(104,83,220)
```
#7a68e1
```
#7a68e1 rgb(122,104,225)
```
#8d7ee5
```
#8d7ee5 rgb(141,126,229)
```

Monochromatic Color

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

#3e4ed8
```
#3e4ed8 rgb(62,78,216)
```
#3e41d8
```
#3e41d8 rgb(62,65,216)
```
#483ed8
```
#483ed8 rgb(72,62,216)
```
#553ed8
```
#553ed8 rgb(85,62,216)
```
#623ed8
```
#623ed8 rgb(98,62,216)
```
#6f3ed8
```
#6f3ed8 rgb(111,62,216)
```
#7c3ed8
```
#7c3ed8 rgb(124,62,216)
```

Similar Colors

Text with hexadecimal color #553ed8

This text has a font color of #553ed8.

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

#553ed8 background color

This paragraph has a background color of #553ed8.

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

#553ed8 border color

This element has a border color of #553ed8.

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

CSS codes

.text {color:#553ed8;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#060413
```
#060413 rgb(6,4,19)
```
#0b0723
```
#0b0723 rgb(11,7,35)
```
#110a34
```
#110a34 rgb(17,10,52)
```
#160e44
```
#160e44 rgb(22,14,68)
```
#1b1154
```
#1b1154 rgb(27,17,84)
```
#201465
```
#201465 rgb(32,20,101)
```
#261875
```
#261875 rgb(38,24,117)
```
#2b1b85
```
#2b1b85 rgb(43,27,133)
```
#301e96
```
#301e96 rgb(48,30,150)
```
#3522a6
```
#3522a6 rgb(53,34,166)
```
#3b25b6
```
#3b25b6 rgb(59,37,182)
```
#4028c7
```
#4028c7 rgb(64,40,199)
```

Shade Color Variation

#472ed5
```
#472ed5 rgb(71,46,213)
```
#553ed8
```
#553ed8 rgb(85,62,216)
```
#634edb
```
#634edb rgb(99,78,219)
```
#725fdf
```
#725fdf rgb(114,95,223)
```
#806fe2
```
#806fe2 rgb(128,111,226)
```
#8e7fe5
```
#8e7fe5 rgb(142,127,229)
```
#9d90e8
```
#9d90e8 rgb(157,144,232)
```
#aba0ec
```
#aba0ec rgb(171,160,236)
```
#bab0ef
```
#bab0ef rgb(186,176,239)
```
#c8c1f2
```
#c8c1f2 rgb(200,193,242)
```
#d6d1f6
```
#d6d1f6 rgb(214,209,246)
```
#e5e1f9
```
#e5e1f9 rgb(229,225,249)
```
#f3f1fc
```
#f3f1fc rgb(243,241,252)
```

Tint Color Variation

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

#878591
```
#878591 rgb(135,133,145)
```
#817c9a
```
#817c9a rgb(129,124,154)
```
#7b74a2
```
#7b74a2 rgb(123,116,162)
```
#746bab
```
#746bab rgb(116,107,171)
```
#6e62b4
```
#6e62b4 rgb(110,98,180)
```
#6859bd
```
#6859bd rgb(104,89,189)
```
#6250c6
```
#6250c6 rgb(98,80,198)
```
#5b47cf
```
#5b47cf rgb(91,71,207)
```
#553ed8
```
#553ed8 rgb(85,62,216)
```
#4f35e1
```
#4f35e1 rgb(79,53,225)
```
#482cea
```
#482cea rgb(72,44,234)
```
#4223f3
```
#4223f3 rgb(66,35,243)
```
#3c1afc
```
#3c1afc rgb(60,26,252)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#565170 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bb Protanopia 1% of men
#0065a3 Deuteranopia 1% of men
#006c74 Tritanopia 0.001% of the population

Trichromacy

#1e53c5 Protanomaly 1% of men, 0.01% of women
#1e57b6 Deuteranomaly 6% of men, 0.4% of women
#1e5b98 Tritanomaly 0.01% of the population

#553ed8 hex color

#553ed8 Color Information

#553ed8 Color Conversion

Color Schemes with #553ed8

Alternatives to #553ed8

#553ed8 Preview

Shades and Tints of #553ed8

Tones of #553ed8

Color Blindness Simulator