#553bdc hex color

In a RGB color space, hex #553bdc is composed of 33.3% red, 23.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 61.4% cyan, 73.2% magenta, 0% yellow and 13.7% black. It has a hue angle of 249.7 degrees, a saturation of 69.7% and a lightness of 54.7%. #553bdc color hex could be obtained by blending #aa76ff with #0000b9. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 23
- B 86
RGB color chart
- C 61
- M 73
- Y 0
- K 14
CMYK color chart

● #553bdc color description : Bright blue.

The hexadecimal color #553bdc has RGB values of R:85, G:59, B:220 and CMYK values of C:0.61, M:0.73, Y:0, K:0.14. Its decimal value is 5585884.

Hex triplet	553bdc	`#553bdc`
RGB Decimal	85, 59, 220	`rgb(85,59,220)`
RGB Percent	33.3, 23.1, 86.3	`rgb(33.3%,23.1%,86.3%)`
CMYK	61, 73, 0, 14
HSL	249.7°, 69.7, 54.7	`hsl(249.7,69.7%,54.7%)`
HSV (or HSB)	249.7°, 73.2, 86.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.245, 54.516, -78.03
XYZ	18.226, 10.226, 68.72
xyY	0.188, 0.105, 10.226
CIE-LCH	38.245, 95.187, 304.94
CIE-LUV	38.245, -2.414, -111.725
Hunter-Lab	31.978, 45.777, -105.028
Binary	01010101, 00111011, 11011100

#553bdc
```
#553bdc rgb(85,59,220)
```
#c2dc3b
```
#c2dc3b rgb(194,220,59)
```

Complementary Color

#3b72dc
```
#3b72dc rgb(59,114,220)
```
#553bdc
```
#553bdc rgb(85,59,220)
```
#a63bdc
```
#a63bdc rgb(166,59,220)
```

Analogous Color

#72dc3b
```
#72dc3b rgb(114,220,59)
```
#553bdc
```
#553bdc rgb(85,59,220)
```
#dca63b
```
#dca63b rgb(220,166,59)
```

Split Complementary Color

#3bdc55
```
#3bdc55 rgb(59,220,85)
```
#553bdc
```
#553bdc rgb(85,59,220)
```
#dc553b
```
#dc553b rgb(220,85,59)
```

Triadic Color

#3bc2dc
```
#3bc2dc rgb(59,194,220)
```
#553bdc
```
#553bdc rgb(85,59,220)
```
#dc553b
```
#dc553b rgb(220,85,59)
```
#c2dc3b
```
#c2dc3b rgb(194,220,59)
```

Tetradic Color

#351fac
```
#351fac rgb(53,31,172)
```
#3c23c1
```
#3c23c1 rgb(60,35,193)
```
#4326d7
```
#4326d7 rgb(67,38,215)
```
#553bdc
```
#553bdc rgb(85,59,220)
```
#6851e0
```
#6851e0 rgb(104,81,224)
```
#7b66e4
```
#7b66e4 rgb(123,102,228)
```
#8d7ce8
```
#8d7ce8 rgb(141,124,232)
```

Monochromatic Color

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

#3b49dc
```
#3b49dc rgb(59,73,220)
```
#3b3cdc
```
#3b3cdc rgb(59,60,220)
```
#483bdc
```
#483bdc rgb(72,59,220)
```
#553bdc
```
#553bdc rgb(85,59,220)
```
#623bdc
```
#623bdc rgb(98,59,220)
```
#703bdc
```
#703bdc rgb(112,59,220)
```
#7d3bdc
```
#7d3bdc rgb(125,59,220)
```

Similar Colors

Text with hexadecimal color #553bdc

This text has a font color of #553bdc.

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

#553bdc background color

This paragraph has a background color of #553bdc.

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

#553bdc border color

This element has a border color of #553bdc.

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

CSS codes

.text {color:#553bdc;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#060414
```
#060414 rgb(6,4,20)
```
#0c0725
```
#0c0725 rgb(12,7,37)
```
#110a36
```
#110a36 rgb(17,10,54)
```
#160d46
```
#160d46 rgb(22,13,70)
```
#1b1057
```
#1b1057 rgb(27,16,87)
```
#201268
```
#201268 rgb(32,18,104)
```
#251578
```
#251578 rgb(37,21,120)
```
#2b1889
```
#2b1889 rgb(43,24,137)
```
#301b9a
```
#301b9a rgb(48,27,154)
```
#351eaa
```
#351eaa rgb(53,30,170)
```
#3a21bb
```
#3a21bb rgb(58,33,187)
```
#3f24cb
```
#3f24cb rgb(63,36,203)
```

Shade Color Variation

#472ad9
```
#472ad9 rgb(71,42,217)
```
#553bdc
```
#553bdc rgb(85,59,220)
```
#634cdf
```
#634cdf rgb(99,76,223)
```
#725ce2
```
#725ce2 rgb(114,92,226)
```
#806de5
```
#806de5 rgb(128,109,229)
```
#8f7ee8
```
#8f7ee8 rgb(143,126,232)
```
#9d8eeb
```
#9d8eeb rgb(157,142,235)
```
#ac9fee
```
#ac9fee rgb(172,159,238)
```
#bab0f1
```
#bab0f1 rgb(186,176,241)
```
#c8c0f4
```
#c8c0f4 rgb(200,192,244)
```
#d7d1f7
```
#d7d1f7 rgb(215,209,247)
```
#e5e1fa
```
#e5e1fa rgb(229,225,250)
```
#f4f2fd
```
#f4f2fd rgb(244,242,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8b8c is the less saturated color, while #4320f7 is the most saturated one.

#8b8b8c
```
#8b8b8c rgb(139,139,140)
```
#858295
```
#858295 rgb(133,130,149)
```
#7f799e
```
#7f799e rgb(127,121,158)
```
#7970a7
```
#7970a7 rgb(121,112,167)
```
#7367b0
```
#7367b0 rgb(115,103,176)
```
#6d5fb8
```
#6d5fb8 rgb(109,95,184)
```
#6756c1
```
#6756c1 rgb(103,86,193)
```
#614dca
```
#614dca rgb(97,77,202)
```
#5b44d3
```
#5b44d3 rgb(91,68,211)
```
#553bdc
```
#553bdc rgb(85,59,220)
```
#4f32e5
```
#4f32e5 rgb(79,50,229)
```
#4929ee
```
#4929ee rgb(73,41,238)
```
#4320f7
```
#4320f7 rgb(67,32,247)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#555070 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fba Protanopia 1% of men
#0065a2 Deuteranopia 1% of men
#006c73 Tritanopia 0.001% of the population

Trichromacy

#1e52c6 Protanomaly 1% of men, 0.01% of women
#1e55b7 Deuteranomaly 6% of men, 0.4% of women
#1e5a99 Tritanomaly 0.01% of the population

#553bdc hex color

#553bdc Color Information

#553bdc Color Conversion

Color Schemes with #553bdc

Alternatives to #553bdc

#553bdc Preview

Shades and Tints of #553bdc

Tones of #553bdc

Color Blindness Simulator