#553bc0 hex color

In a RGB color space, hex #553bc0 is composed of 33.3% red, 23.1% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 55.7% cyan, 69.3% magenta, 0% yellow and 24.7% black. It has a hue angle of 251.7 degrees, a saturation of 53% and a lightness of 49.2%. #553bc0 color hex could be obtained by blending #aa76ff with #000081. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 23
- B 75
RGB color chart
- C 56
- M 69
- Y 0
- K 25
CMYK color chart

● #553bc0 color description : Moderate blue.

The hexadecimal color #553bc0 has RGB values of R:85, G:59, B:192 and CMYK values of C:0.56, M:0.69, Y:0, K:0.25. Its decimal value is 5585856.

Hex triplet	553bc0	`#553bc0`
RGB Decimal	85, 59, 192	`rgb(85,59,192)`
RGB Percent	33.3, 23.1, 75.3	`rgb(33.3%,23.1%,75.3%)`
CMYK	56, 69, 0, 25
HSL	251.7°, 53, 49.2	`hsl(251.7,53%,49.2%)`
HSV (or HSB)	251.7°, 69.3, 75.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.722, 46.193, -65.939
XYZ	14.823, 8.865, 50.796
xyY	0.199, 0.119, 8.865
CIE-LCH	35.722, 80.509, 305.013
CIE-LUV	35.722, -0.148, -94.066
Hunter-Lab	29.773, 36.764, -80.313
Binary	01010101, 00111011, 11000000

#553bc0
```
#553bc0 rgb(85,59,192)
```
#a6c03b
```
#a6c03b rgb(166,192,59)
```

Complementary Color

#3b64c0
```
#3b64c0 rgb(59,100,192)
```
#553bc0
```
#553bc0 rgb(85,59,192)
```
#983bc0
```
#983bc0 rgb(152,59,192)
```

Analogous Color

#64c03b
```
#64c03b rgb(100,192,59)
```
#553bc0
```
#553bc0 rgb(85,59,192)
```
#c0983b
```
#c0983b rgb(192,152,59)
```

Split Complementary Color

#3bc055
```
#3bc055 rgb(59,192,85)
```
#553bc0
```
#553bc0 rgb(85,59,192)
```
#c0553b
```
#c0553b rgb(192,85,59)
```

Triadic Color

#3ba6c0
```
#3ba6c0 rgb(59,166,192)
```
#553bc0
```
#553bc0 rgb(85,59,192)
```
#c0553b
```
#c0553b rgb(192,85,59)
```
#a6c03b
```
#a6c03b rgb(166,192,59)
```

Tetradic Color

#3b2985
```
#3b2985 rgb(59,41,133)
```
#442f99
```
#442f99 rgb(68,47,153)
```
#4c35ac
```
#4c35ac rgb(76,53,172)
```
#553bc0
```
#553bc0 rgb(85,59,192)
```
#654cc8
```
#654cc8 rgb(101,76,200)
```
#7560ce
```
#7560ce rgb(117,96,206)
```
#8673d4
```
#8673d4 rgb(134,115,212)
```

Monochromatic Color

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

#3b42c0
```
#3b42c0 rgb(59,66,192)
```
#3f3bc0
```
#3f3bc0 rgb(63,59,192)
```
#4a3bc0
```
#4a3bc0 rgb(74,59,192)
```
#553bc0
```
#553bc0 rgb(85,59,192)
```
#603bc0
```
#603bc0 rgb(96,59,192)
```
#6b3bc0
```
#6b3bc0 rgb(107,59,192)
```
#763bc0
```
#763bc0 rgb(118,59,192)
```

Similar Colors

Text with hexadecimal color #553bc0

This text has a font color of #553bc0.

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

#553bc0 background color

This paragraph has a background color of #553bc0.

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

#553bc0 border color

This element has a border color of #553bc0.

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

CSS codes

.text {color:#553bc0;}

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

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

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

#05040c
```
#05040c rgb(5,4,12)
```
#0c081b
```
#0c081b rgb(12,8,27)
```
#130d2a
```
#130d2a rgb(19,13,42)
```
#191239
```
#191239 rgb(25,18,57)
```
#201648
```
#201648 rgb(32,22,72)
```
#271b57
```
#271b57 rgb(39,27,87)
```
#2d1f66
```
#2d1f66 rgb(45,31,102)
```
#342475
```
#342475 rgb(52,36,117)
```
#3a2984
```
#3a2984 rgb(58,41,132)
```
#412d93
```
#412d93 rgb(65,45,147)
```
#4832a2
```
#4832a2 rgb(72,50,162)
```
#4e36b1
```
#4e36b1 rgb(78,54,177)
```
#553bc0
```
#553bc0 rgb(85,59,192)
```

Shade Color Variation

#6148c7
```
#6148c7 rgb(97,72,199)
```
#6e57cb
```
#6e57cb rgb(110,87,203)
```
#7b66d0
```
#7b66d0 rgb(123,102,208)
```
#8875d5
```
#8875d5 rgb(136,117,213)
```
#9584d9
```
#9584d9 rgb(149,132,217)
```
#a293de
```
#a293de rgb(162,147,222)
```
#afa2e2
```
#afa2e2 rgb(175,162,226)
```
#bbb1e7
```
#bbb1e7 rgb(187,177,231)
```
#c8c0ec
```
#c8c0ec rgb(200,192,236)
```
#d5cff0
```
#d5cff0 rgb(213,207,240)
```
#e2def5
```
#e2def5 rgb(226,222,245)
```
#efedf9
```
#efedf9 rgb(239,237,249)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#787586
```
#787586 rgb(120,117,134)
```
#726b90
```
#726b90 rgb(114,107,144)
```
#6d6299
```
#6d6299 rgb(109,98,153)
```
#6758a3
```
#6758a3 rgb(103,88,163)
```
#614ead
```
#614ead rgb(97,78,173)
```
#5b45b6
```
#5b45b6 rgb(91,69,182)
```
#553bc0
```
#553bc0 rgb(85,59,192)
```
#4f31ca
```
#4f31ca rgb(79,49,202)
```
#4928d3
```
#4928d3 rgb(73,40,211)
```
#431edd
```
#431edd rgb(67,30,221)
```
#3d14e7
```
#3d14e7 rgb(61,20,231)
```
#380bf0
```
#380bf0 rgb(56,11,240)
```
#3201fa
```
#3201fa rgb(50,1,250)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#534d68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aaf Protanopia 1% of men
#005f99 Deuteranopia 1% of men
#32636b Tritanopia 0.001% of the population

Trichromacy

#1e4eb5 Protanomaly 1% of men, 0.01% of women
#1e52a7 Deuteranomaly 6% of men, 0.4% of women
#3e5489 Tritanomaly 0.01% of the population

#553bc0 hex color

#553bc0 Color Information

#553bc0 Color Conversion

Color Schemes with #553bc0

Alternatives to #553bc0

#553bc0 Preview

Shades and Tints of #553bc0

Tones of #553bc0

Color Blindness Simulator