#553bc9 hex color

In a RGB color space, hex #553bc9 is composed of 33.3% red, 23.1% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 70.6% magenta, 0% yellow and 21.2% black. It has a hue angle of 251 degrees, a saturation of 56.8% and a lightness of 51%. #553bc9 color hex could be obtained by blending #aa76ff with #000093. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 23
- B 79
RGB color chart
- C 58
- M 71
- Y 0
- K 21
CMYK color chart

● #553bc9 color description : Moderate blue.

The hexadecimal color #553bc9 has RGB values of R:85, G:59, B:201 and CMYK values of C:0.58, M:0.71, Y:0, K:0.21. Its decimal value is 5585865.

Hex triplet	553bc9	`#553bc9`
RGB Decimal	85, 59, 201	`rgb(85,59,201)`
RGB Percent	33.3, 23.1, 78.8	`rgb(33.3%,23.1%,78.8%)`
CMYK	58, 71, 0, 21
HSL	251°, 56.8, 51	`hsl(251,56.8%,51%)`
HSV (or HSB)	251°, 70.6, 78.8
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.51, 48.881, -69.907
XYZ	15.851, 9.276, 56.21
xyY	0.195, 0.114, 9.276
CIE-LCH	36.51, 85.301, 304.963
CIE-LUV	36.51, -0.911, -99.849
Hunter-Lab	30.456, 39.602, -88.107
Binary	01010101, 00111011, 11001001

#553bc9
```
#553bc9 rgb(85,59,201)
```
#afc93b
```
#afc93b rgb(175,201,59)
```

Complementary Color

#3b68c9
```
#3b68c9 rgb(59,104,201)
```
#553bc9
```
#553bc9 rgb(85,59,201)
```
#9c3bc9
```
#9c3bc9 rgb(156,59,201)
```

Analogous Color

#68c93b
```
#68c93b rgb(104,201,59)
```
#553bc9
```
#553bc9 rgb(85,59,201)
```
#c99c3b
```
#c99c3b rgb(201,156,59)
```

Split Complementary Color

#3bc955
```
#3bc955 rgb(59,201,85)
```
#553bc9
```
#553bc9 rgb(85,59,201)
```
#c9553b
```
#c9553b rgb(201,85,59)
```

Triadic Color

#3bafc9
```
#3bafc9 rgb(59,175,201)
```
#553bc9
```
#553bc9 rgb(85,59,201)
```
#c9553b
```
#c9553b rgb(201,85,59)
```
#afc93b
```
#afc93b rgb(175,201,59)
```

Tetradic Color

#3b2890
```
#3b2890 rgb(59,40,144)
```
#432da4
```
#432da4 rgb(67,45,164)
```
#4b33b8
```
#4b33b8 rgb(75,51,184)
```
#553bc9
```
#553bc9 rgb(85,59,201)
```
#664fcf
```
#664fcf rgb(102,79,207)
```
#7863d4
```
#7863d4 rgb(120,99,212)
```
#8977da
```
#8977da rgb(137,119,218)
```

Monochromatic Color

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

#3b44c9
```
#3b44c9 rgb(59,68,201)
```
#3d3bc9
```
#3d3bc9 rgb(61,59,201)
```
#493bc9
```
#493bc9 rgb(73,59,201)
```
#553bc9
```
#553bc9 rgb(85,59,201)
```
#613bc9
```
#613bc9 rgb(97,59,201)
```
#6d3bc9
```
#6d3bc9 rgb(109,59,201)
```
#793bc9
```
#793bc9 rgb(121,59,201)
```

Similar Colors

Text with hexadecimal color #553bc9

This text has a font color of #553bc9.

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

#553bc9 background color

This paragraph has a background color of #553bc9.

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

#553bc9 border color

This element has a border color of #553bc9.

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

CSS codes

.text {color:#553bc9;}

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

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

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

#020104
```
#020104 rgb(2,1,4)
```
#080513
```
#080513 rgb(8,5,19)
```
#0e0a23
```
#0e0a23 rgb(14,10,35)
```
#140e32
```
#140e32 rgb(20,14,50)
```
#1b1241
```
#1b1241 rgb(27,18,65)
```
#211651
```
#211651 rgb(33,22,81)
```
#271b60
```
#271b60 rgb(39,27,96)
```
#2e1f70
```
#2e1f70 rgb(46,31,112)
```
#34237f
```
#34237f rgb(52,35,127)
```
#3a278e
```
#3a278e rgb(58,39,142)
```
#402b9e
```
#402b9e rgb(64,43,158)
```
#4730ad
```
#4730ad rgb(71,48,173)
```
#4d34bc
```
#4d34bc rgb(77,52,188)
```

Shade Color Variation

#553bc9
```
#553bc9 rgb(85,59,201)
```
#624acd
```
#624acd rgb(98,74,205)
```
#705ad1
```
#705ad1 rgb(112,90,209)
```
#7d69d6
```
#7d69d6 rgb(125,105,214)
```
#8a79da
```
#8a79da rgb(138,121,218)
```
#9888de
```
#9888de rgb(152,136,222)
```
#a597e2
```
#a597e2 rgb(165,151,226)
```
#b2a7e7
```
#b2a7e7 rgb(178,167,231)
```
#c0b6eb
```
#c0b6eb rgb(192,182,235)
```
#cdc5ef
```
#cdc5ef rgb(205,197,239)
```
#dad5f3
```
#dad5f3 rgb(218,213,243)
```
#e8e4f8
```
#e8e4f8 rgb(232,228,248)
```
#f5f4fc
```
#f5f4fc rgb(245,244,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #807e86 is the less saturated color, while #370bf9 is the most saturated one.

#807e86
```
#807e86 rgb(128,126,134)
```
#7a758f
```
#7a758f rgb(122,117,143)
```
#736b99
```
#736b99 rgb(115,107,153)
```
#6d61a3
```
#6d61a3 rgb(109,97,163)
```
#6758ac
```
#6758ac rgb(103,88,172)
```
#614eb6
```
#614eb6 rgb(97,78,182)
```
#5b45bf
```
#5b45bf rgb(91,69,191)
```
#553bc9
```
#553bc9 rgb(85,59,201)
```
#4f31d3
```
#4f31d3 rgb(79,49,211)
```
#4928dc
```
#4928dc rgb(73,40,220)
```
#431ee6
```
#431ee6 rgb(67,30,230)
```
#3d15ef
```
#3d15ef rgb(61,21,239)
```
#370bf9
```
#370bf9 rgb(55,11,249)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#534e6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb3 Protanopia 1% of men
#00619c Deuteranopia 1% of men
#27666e Tritanopia 0.001% of the population

Trichromacy

#1e4fbb Protanomaly 1% of men, 0.01% of women
#1e53ac Deuteranomaly 6% of men, 0.4% of women
#38568f Tritanomaly 0.01% of the population

#553bc9 hex color

#553bc9 Color Information

#553bc9 Color Conversion

Color Schemes with #553bc9

Alternatives to #553bc9

#553bc9 Preview

Shades and Tints of #553bc9

Tones of #553bc9

Color Blindness Simulator