#553bd3 hex color

In a RGB color space, hex #553bd3 is composed of 33.3% red, 23.1% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 72% magenta, 0% yellow and 17.3% black. It has a hue angle of 250.3 degrees, a saturation of 63.3% and a lightness of 52.9%. #553bd3 color hex could be obtained by blending #aa76ff with #0000a7. Closest websafe color is: #6633cc.

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

● #553bd3 color description : Moderate blue.

The hexadecimal color #553bd3 has RGB values of R:85, G:59, B:211 and CMYK values of C:0.6, M:0.72, Y:0, K:0.17. Its decimal value is 5585875.

Hex triplet	553bd3	`#553bd3`
RGB Decimal	85, 59, 211	`rgb(85,59,211)`
RGB Percent	33.3, 23.1, 82.7	`rgb(33.3%,23.1%,82.7%)`
CMYK	60, 72, 0, 17
HSL	250.3°, 63.3, 52.9	`hsl(250.3,63.3%,52.9%)`
HSV (or HSB)	250.3°, 72, 82.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	37.411, 51.855, -74.223
XYZ	17.066, 9.762, 62.609
xyY	0.191, 0.109, 9.762
CIE-LCH	37.411, 90.543, 304.94
CIE-LUV	37.411, -1.719, -106.152
Hunter-Lab	31.244, 42.823, -96.94
Binary	01010101, 00111011, 11010011

#553bd3
```
#553bd3 rgb(85,59,211)
```
#b9d33b
```
#b9d33b rgb(185,211,59)
```

Complementary Color

#3b6dd3
```
#3b6dd3 rgb(59,109,211)
```
#553bd3
```
#553bd3 rgb(85,59,211)
```
#a13bd3
```
#a13bd3 rgb(161,59,211)
```

Analogous Color

#6dd33b
```
#6dd33b rgb(109,211,59)
```
#553bd3
```
#553bd3 rgb(85,59,211)
```
#d3a13b
```
#d3a13b rgb(211,161,59)
```

Split Complementary Color

#3bd355
```
#3bd355 rgb(59,211,85)
```
#553bd3
```
#553bd3 rgb(85,59,211)
```
#d3553b
```
#d3553b rgb(211,85,59)
```

Triadic Color

#3bb9d3
```
#3bb9d3 rgb(59,185,211)
```
#553bd3
```
#553bd3 rgb(85,59,211)
```
#d3553b
```
#d3553b rgb(211,85,59)
```
#b9d33b
```
#b9d33b rgb(185,211,59)
```

Tetradic Color

#38239e
```
#38239e rgb(56,35,158)
```
#4028b3
```
#4028b3 rgb(64,40,179)
```
#472dc8
```
#472dc8 rgb(71,45,200)
```
#553bd3
```
#553bd3 rgb(85,59,211)
```
#6750d8
```
#6750d8 rgb(103,80,216)
```
#7965dc
```
#7965dc rgb(121,101,220)
```
#8b79e1
```
#8b79e1 rgb(139,121,225)
```

Monochromatic Color

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

#3b47d3
```
#3b47d3 rgb(59,71,211)
```
#3c3bd3
```
#3c3bd3 rgb(60,59,211)
```
#483bd3
```
#483bd3 rgb(72,59,211)
```
#553bd3
```
#553bd3 rgb(85,59,211)
```
#623bd3
```
#623bd3 rgb(98,59,211)
```
#6e3bd3
```
#6e3bd3 rgb(110,59,211)
```
#7b3bd3
```
#7b3bd3 rgb(123,59,211)
```

Similar Colors

Text with hexadecimal color #553bd3

This text has a font color of #553bd3.

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

#553bd3 background color

This paragraph has a background color of #553bd3.

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

#553bd3 border color

This element has a border color of #553bd3.

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

CSS codes

.text {color:#553bd3;}

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

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

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, #04030c is the darkest color, while #fcfbfe is the lightest one.

#04030c
```
#04030c rgb(4,3,12)
```
#0a061c
```
#0a061c rgb(10,6,28)
```
#100a2c
```
#100a2c rgb(16,10,44)
```
#160e3c
```
#160e3c rgb(22,14,60)
```
#1b114c
```
#1b114c rgb(27,17,76)
```
#21155c
```
#21155c rgb(33,21,92)
```
#27186c
```
#27186c rgb(39,24,108)
```
#2c1c7c
```
#2c1c7c rgb(44,28,124)
```
#32208c
```
#32208c rgb(50,32,140)
```
#38239c
```
#38239c rgb(56,35,156)
```
#3e27ac
```
#3e27ac rgb(62,39,172)
```
#432abc
```
#432abc rgb(67,42,188)
```
#492ecc
```
#492ecc rgb(73,46,204)
```

Shade Color Variation

#553bd3
```
#553bd3 rgb(85,59,211)
```
#634bd7
```
#634bd7 rgb(99,75,215)
```
#715bda
```
#715bda rgb(113,91,218)
```
#7f6bde
```
#7f6bde rgb(127,107,222)
```
#8d7be1
```
#8d7be1 rgb(141,123,225)
```
#9a8be5
```
#9a8be5 rgb(154,139,229)
```
#a89be9
```
#a89be9 rgb(168,155,233)
```
#b6abec
```
#b6abec rgb(182,171,236)
```
#c4bbf0
```
#c4bbf0 rgb(196,187,240)
```
#d2cbf3
```
#d2cbf3 rgb(210,203,243)
```
#e0dbf7
```
#e0dbf7 rgb(224,219,247)
```
#eeebfb
```
#eeebfb rgb(238,235,251)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

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

#868589
```
#868589 rgb(134,133,137)
```
#807c92
```
#807c92 rgb(128,124,146)
```
#79729c
```
#79729c rgb(121,114,156)
```
#7369a5
```
#7369a5 rgb(115,105,165)
```
#6d60ae
```
#6d60ae rgb(109,96,174)
```
#6757b7
```
#6757b7 rgb(103,87,183)
```
#614dc1
```
#614dc1 rgb(97,77,193)
```
#5b44ca
```
#5b44ca rgb(91,68,202)
```
#553bd3
```
#553bd3 rgb(85,59,211)
```
#4f32dc
```
#4f32dc rgb(79,50,220)
```
#4929e5
```
#4929e5 rgb(73,41,229)
```
#431fef
```
#431fef rgb(67,31,239)
```
#3d16f8
```
#3d16f8 rgb(61,22,248)
```

Tone Color Variation

Below, you can see how #553bd3 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
#544f6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db6 Protanopia 1% of men
#00639f Deuteranopia 1% of men
#116971 Tritanopia 0.001% of the population

Trichromacy

#1e51c1 Protanomaly 1% of men, 0.01% of women
#1e54b2 Deuteranomaly 6% of men, 0.4% of women
#2a5895 Tritanomaly 0.01% of the population

#553bd3 hex color

#553bd3 Color Information

#553bd3 Color Conversion

Color Schemes with #553bd3

Alternatives to #553bd3

#553bd3 Preview

Shades and Tints of #553bd3

Tones of #553bd3

Color Blindness Simulator