#553bd5 hex color

In a RGB color space, hex #553bd5 is composed of 33.3% red, 23.1% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 60.1% cyan, 72.3% magenta, 0% yellow and 16.5% black. It has a hue angle of 250.1 degrees, a saturation of 64.7% and a lightness of 53.3%. #553bd5 color hex could be obtained by blending #aa76ff with #0000ab. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 23
- B 84
RGB color chart
- C 60
- M 72
- Y 0
- K 16
CMYK color chart

● #553bd5 color description : Moderate blue.

The hexadecimal color #553bd5 has RGB values of R:85, G:59, B:213 and CMYK values of C:0.6, M:0.72, Y:0, K:0.16. Its decimal value is 5585877.

Hex triplet	553bd5	`#553bd5`
RGB Decimal	85, 59, 213	`rgb(85,59,213)`
RGB Percent	33.3, 23.1, 83.5	`rgb(33.3%,23.1%,83.5%)`
CMYK	60, 72, 0, 16
HSL	250.1°, 64.7, 53.3	`hsl(250.1,64.7%,53.3%)`
HSV (or HSB)	250.1°, 72.3, 83.5
Web Safe	6633cc	`#6633cc`

CIE-LAB	37.595, 52.448, -75.075
XYZ	17.318, 9.863, 63.938
xyY	0.19, 0.108, 9.863
CIE-LCH	37.595, 91.581, 304.938
CIE-LUV	37.595, -1.876, -107.398
Hunter-Lab	31.405, 43.475, -98.727
Binary	01010101, 00111011, 11010101

#553bd5
```
#553bd5 rgb(85,59,213)
```
#bbd53b
```
#bbd53b rgb(187,213,59)
```

Complementary Color

#3b6ed5
```
#3b6ed5 rgb(59,110,213)
```
#553bd5
```
#553bd5 rgb(85,59,213)
```
#a23bd5
```
#a23bd5 rgb(162,59,213)
```

Analogous Color

#6ed53b
```
#6ed53b rgb(110,213,59)
```
#553bd5
```
#553bd5 rgb(85,59,213)
```
#d5a23b
```
#d5a23b rgb(213,162,59)
```

Split Complementary Color

#3bd555
```
#3bd555 rgb(59,213,85)
```
#553bd5
```
#553bd5 rgb(85,59,213)
```
#d5553b
```
#d5553b rgb(213,85,59)
```

Triadic Color

#3bbbd5
```
#3bbbd5 rgb(59,187,213)
```
#553bd5
```
#553bd5 rgb(85,59,213)
```
#d5553b
```
#d5553b rgb(213,85,59)
```
#bbd53b
```
#bbd53b rgb(187,213,59)
```

Tetradic Color

#3823a1
```
#3823a1 rgb(56,35,161)
```
#3f27b6
```
#3f27b6 rgb(63,39,182)
```
#462ccb
```
#462ccb rgb(70,44,203)
```
#553bd5
```
#553bd5 rgb(85,59,213)
```
#6750da
```
#6750da rgb(103,80,218)
```
#7965de
```
#7965de rgb(121,101,222)
```
#8c7ae3
```
#8c7ae3 rgb(140,122,227)
```

Monochromatic Color

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

#3b48d5
```
#3b48d5 rgb(59,72,213)
```
#3b3bd5
```
#3b3bd5 rgb(59,59,213)
```
#483bd5
```
#483bd5 rgb(72,59,213)
```
#553bd5
```
#553bd5 rgb(85,59,213)
```
#623bd5
```
#623bd5 rgb(98,59,213)
```
#6f3bd5
```
#6f3bd5 rgb(111,59,213)
```
#7c3bd5
```
#7c3bd5 rgb(124,59,213)
```

Similar Colors

Text with hexadecimal color #553bd5

This text has a font color of #553bd5.

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

#553bd5 background color

This paragraph has a background color of #553bd5.

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

#553bd5 border color

This element has a border color of #553bd5.

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

CSS codes

.text {color:#553bd5;}

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

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

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, #05030e is the darkest color, while #fdfdff is the lightest one.

#05030e
```
#05030e rgb(5,3,14)
```
#0a061e
```
#0a061e rgb(10,6,30)
```
#100a2e
```
#100a2e rgb(16,10,46)
```
#160d3e
```
#160d3e rgb(22,13,62)
```
#1b114f
```
#1b114f rgb(27,17,79)
```
#21145f
```
#21145f rgb(33,20,95)
```
#26186f
```
#26186f rgb(38,24,111)
```
#2c1b7f
```
#2c1b7f rgb(44,27,127)
```
#321f8f
```
#321f8f rgb(50,31,143)
```
#37229f
```
#37229f rgb(55,34,159)
```
#3d26b0
```
#3d26b0 rgb(61,38,176)
```
#4329c0
```
#4329c0 rgb(67,41,192)
```
#482dd0
```
#482dd0 rgb(72,45,208)
```

Shade Color Variation

#553bd5
```
#553bd5 rgb(85,59,213)
```
#634bd8
```
#634bd8 rgb(99,75,216)
```
#715bdc
```
#715bdc rgb(113,91,220)
```
#7f6bdf
```
#7f6bdf rgb(127,107,223)
```
#8d7ce3
```
#8d7ce3 rgb(141,124,227)
```
#9b8ce6
```
#9b8ce6 rgb(155,140,230)
```
#a99cea
```
#a99cea rgb(169,156,234)
```
#b7aced
```
#b7aced rgb(183,172,237)
```
#c5bcf1
```
#c5bcf1 rgb(197,188,241)
```
#d3ccf4
```
#d3ccf4 rgb(211,204,244)
```
#e1ddf8
```
#e1ddf8 rgb(225,221,248)
```
#efedfb
```
#efedfb rgb(239,237,251)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#86848c
```
#86848c rgb(134,132,140)
```
#7f7b95
```
#7f7b95 rgb(127,123,149)
```
#79729e
```
#79729e rgb(121,114,158)
```
#7369a7
```
#7369a7 rgb(115,105,167)
```
#6d60b0
```
#6d60b0 rgb(109,96,176)
```
#6756ba
```
#6756ba rgb(103,86,186)
```
#614dc3
```
#614dc3 rgb(97,77,195)
```
#5b44cc
```
#5b44cc rgb(91,68,204)
```
#553bd5
```
#553bd5 rgb(85,59,213)
```
#4f32de
```
#4f32de rgb(79,50,222)
```
#4929e7
```
#4929e7 rgb(73,41,231)
```
#4320f0
```
#4320f0 rgb(67,32,240)
```
#3d16fa
```
#3d16fa rgb(61,22,250)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#544f6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb7 Protanopia 1% of men
#00639f Deuteranopia 1% of men
#006a72 Tritanopia 0.001% of the population

Trichromacy

#1e51c2 Protanomaly 1% of men, 0.01% of women
#1e54b3 Deuteranomaly 6% of men, 0.4% of women
#1e5996 Tritanomaly 0.01% of the population

#553bd5 hex color

#553bd5 Color Information

#553bd5 Color Conversion

Color Schemes with #553bd5

Alternatives to #553bd5

#553bd5 Preview

Shades and Tints of #553bd5

Tones of #553bd5

Color Blindness Simulator