#553bca hex color

In a RGB color space, hex #553bca is composed of 33.3% red, 23.1% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 70.8% magenta, 0% yellow and 20.8% black. It has a hue angle of 250.9 degrees, a saturation of 57.4% and a lightness of 51.2%. #553bca color hex could be obtained by blending #aa76ff with #000095. 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

● #553bca color description : Moderate blue.

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

Hex triplet	553bca	`#553bca`
RGB Decimal	85, 59, 202	`rgb(85,59,202)`
RGB Percent	33.3, 23.1, 79.2	`rgb(33.3%,23.1%,79.2%)`
CMYK	58, 71, 0, 21
HSL	250.9°, 57.4, 51.2	`hsl(250.9,57.4%,51.2%)`
HSV (or HSB)	250.9°, 70.8, 79.2
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.599, 49.179, -70.343
XYZ	15.969, 9.323, 56.832
xyY	0.194, 0.114, 9.323
CIE-LCH	36.599, 85.829, 304.959
CIE-LUV	36.599, -0.993, -100.485
Hunter-Lab	30.534, 39.921, -88.983
Binary	01010101, 00111011, 11001010

#553bca
```
#553bca rgb(85,59,202)
```
#b0ca3b
```
#b0ca3b rgb(176,202,59)
```

Complementary Color

#3b69ca
```
#3b69ca rgb(59,105,202)
```
#553bca
```
#553bca rgb(85,59,202)
```
#9d3bca
```
#9d3bca rgb(157,59,202)
```

Analogous Color

#69ca3b
```
#69ca3b rgb(105,202,59)
```
#553bca
```
#553bca rgb(85,59,202)
```
#ca9d3b
```
#ca9d3b rgb(202,157,59)
```

Split Complementary Color

#3bca55
```
#3bca55 rgb(59,202,85)
```
#553bca
```
#553bca rgb(85,59,202)
```
#ca553b
```
#ca553b rgb(202,85,59)
```

Triadic Color

#3bb0ca
```
#3bb0ca rgb(59,176,202)
```
#553bca
```
#553bca rgb(85,59,202)
```
#ca553b
```
#ca553b rgb(202,85,59)
```
#b0ca3b
```
#b0ca3b rgb(176,202,59)
```

Tetradic Color

#3b2791
```
#3b2791 rgb(59,39,145)
```
#432da5
```
#432da5 rgb(67,45,165)
```
#4b32b9
```
#4b32b9 rgb(75,50,185)
```
#553bca
```
#553bca rgb(85,59,202)
```
#664fcf
```
#664fcf rgb(102,79,207)
```
#7863d5
```
#7863d5 rgb(120,99,213)
```
#8977da
```
#8977da rgb(137,119,218)
```

Monochromatic Color

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

#3b45ca
```
#3b45ca rgb(59,69,202)
```
#3d3bca
```
#3d3bca rgb(61,59,202)
```
#493bca
```
#493bca rgb(73,59,202)
```
#553bca
```
#553bca rgb(85,59,202)
```
#613bca
```
#613bca rgb(97,59,202)
```
#6d3bca
```
#6d3bca rgb(109,59,202)
```
#793bca
```
#793bca rgb(121,59,202)
```

Similar Colors

Text with hexadecimal color #553bca

This text has a font color of #553bca.

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

#553bca background color

This paragraph has a background color of #553bca.

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

#553bca border color

This element has a border color of #553bca.

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

CSS codes

.text {color:#553bca;}

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

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

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

#020105
```
#020105 rgb(2,1,5)
```
#080514
```
#080514 rgb(8,5,20)
```
#0e0a24
```
#0e0a24 rgb(14,10,36)
```
#150e33
```
#150e33 rgb(21,14,51)
```
#1b1242
```
#1b1242 rgb(27,18,66)
```
#211652
```
#211652 rgb(33,22,82)
```
#271a61
```
#271a61 rgb(39,26,97)
```
#2d1f71
```
#2d1f71 rgb(45,31,113)
```
#342380
```
#342380 rgb(52,35,128)
```
#3a2790
```
#3a2790 rgb(58,39,144)
```
#402b9f
```
#402b9f rgb(64,43,159)
```
#462faf
```
#462faf rgb(70,47,175)
```
#4d33be
```
#4d33be rgb(77,51,190)
```

Shade Color Variation

#553bca
```
#553bca rgb(85,59,202)
```
#624ace
```
#624ace rgb(98,74,206)
```
#705ad2
```
#705ad2 rgb(112,90,210)
```
#7d69d7
```
#7d69d7 rgb(125,105,215)
```
#8b79db
```
#8b79db rgb(139,121,219)
```
#9888df
```
#9888df rgb(152,136,223)
```
#a598e3
```
#a598e3 rgb(165,152,227)
```
#b3a7e7
```
#b3a7e7 rgb(179,167,231)
```
#c0b7eb
```
#c0b7eb rgb(192,183,235)
```
#cec6f0
```
#cec6f0 rgb(206,198,240)
```
#dbd5f4
```
#dbd5f4 rgb(219,213,244)
```
#e8e5f8
```
#e8e5f8 rgb(232,229,248)
```
#f6f4fc
```
#f6f4fc rgb(246,244,252)
```

Tint Color Variation

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

#807e87
```
#807e87 rgb(128,126,135)
```
#7a7491
```
#7a7491 rgb(122,116,145)
```
#736b9a
```
#736b9a rgb(115,107,154)
```
#6d61a4
```
#6d61a4 rgb(109,97,164)
```
#6758ad
```
#6758ad rgb(103,88,173)
```
#614eb7
```
#614eb7 rgb(97,78,183)
```
#5b45c0
```
#5b45c0 rgb(91,69,192)
```
#553bca
```
#553bca rgb(85,59,202)
```
#4f31d4
```
#4f31d4 rgb(79,49,212)
```
#4928dd
```
#4928dd rgb(73,40,221)
```
#431ee7
```
#431ee7 rgb(67,30,231)
```
#3d15f0
```
#3d15f0 rgb(61,21,240)
```
#370bfa
```
#370bfa rgb(55,11,250)
```

Tone Color Variation

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

#005cb3 Protanopia 1% of men
#00619c Deuteranopia 1% of men
#26676e Tritanopia 0.001% of the population

Trichromacy

#1e50bb Protanomaly 1% of men, 0.01% of women
#1e53ad Deuteranomaly 6% of men, 0.4% of women
#37578f Tritanomaly 0.01% of the population

#553bca hex color

#553bca Color Information

#553bca Color Conversion

Color Schemes with #553bca

Alternatives to #553bca

#553bca Preview

Shades and Tints of #553bca

Tones of #553bca

Color Blindness Simulator