#553bde hex color

In a RGB color space, hex #553bde is composed of 33.3% red, 23.1% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 73.4% magenta, 0% yellow and 12.9% black. It has a hue angle of 249.6 degrees, a saturation of 71.2% and a lightness of 55.1%. #553bde color hex could be obtained by blending #aa76ff with #0000bd. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 23
- B 87
RGB color chart
- C 62
- M 73
- Y 0
- K 13
CMYK color chart

● #553bde color description : Bright blue.

The hexadecimal color #553bde has RGB values of R:85, G:59, B:222 and CMYK values of C:0.62, M:0.73, Y:0, K:0.13. Its decimal value is 5585886.

Hex triplet	553bde	`#553bde`
RGB Decimal	85, 59, 222	`rgb(85,59,222)`
RGB Percent	33.3, 23.1, 87.1	`rgb(33.3%,23.1%,87.1%)`
CMYK	62, 73, 0, 13
HSL	249.6°, 71.2, 55.1	`hsl(249.6,71.2%,55.1%)`
HSV (or HSB)	249.6°, 73.4, 87.1
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.433, 55.104, -78.866
XYZ	18.493, 10.332, 70.123
xyY	0.187, 0.104, 10.332
CIE-LCH	38.433, 96.21, 304.942
CIE-LUV	38.433, -2.564, -112.952
Hunter-Lab	32.144, 46.439, -106.842
Binary	01010101, 00111011, 11011110

#553bde
```
#553bde rgb(85,59,222)
```
#c4de3b
```
#c4de3b rgb(196,222,59)
```

Complementary Color

#3b73de
```
#3b73de rgb(59,115,222)
```
#553bde
```
#553bde rgb(85,59,222)
```
#a73bde
```
#a73bde rgb(167,59,222)
```

Analogous Color

#73de3b
```
#73de3b rgb(115,222,59)
```
#553bde
```
#553bde rgb(85,59,222)
```
#dea73b
```
#dea73b rgb(222,167,59)
```

Split Complementary Color

#3bde55
```
#3bde55 rgb(59,222,85)
```
#553bde
```
#553bde rgb(85,59,222)
```
#de553b
```
#de553b rgb(222,85,59)
```

Triadic Color

#3bc4de
```
#3bc4de rgb(59,196,222)
```
#553bde
```
#553bde rgb(85,59,222)
```
#de553b
```
#de553b rgb(222,85,59)
```
#c4de3b
```
#c4de3b rgb(196,222,59)
```

Tetradic Color

#351daf
```
#351daf rgb(53,29,175)
```
#3b21c5
```
#3b21c5 rgb(59,33,197)
```
#4225da
```
#4225da rgb(66,37,218)
```
#553bde
```
#553bde rgb(85,59,222)
```
#6851e2
```
#6851e2 rgb(104,81,226)
```
#7b67e5
```
#7b67e5 rgb(123,103,229)
```
#8e7ce9
```
#8e7ce9 rgb(142,124,233)
```

Monochromatic Color

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

#3b4ade
```
#3b4ade rgb(59,74,222)
```
#3b3cde
```
#3b3cde rgb(59,60,222)
```
#473bde
```
#473bde rgb(71,59,222)
```
#553bde
```
#553bde rgb(85,59,222)
```
#633bde
```
#633bde rgb(99,59,222)
```
#703bde
```
#703bde rgb(112,59,222)
```
#7e3bde
```
#7e3bde rgb(126,59,222)
```

Similar Colors

Text with hexadecimal color #553bde

This text has a font color of #553bde.

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

#553bde background color

This paragraph has a background color of #553bde.

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

#553bde border color

This element has a border color of #553bde.

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

CSS codes

.text {color:#553bde;}

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

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

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 #f5f4fd is the lightest one.

#020105
```
#020105 rgb(2,1,5)
```
#070416
```
#070416 rgb(7,4,22)
```
#0c0727
```
#0c0727 rgb(12,7,39)
```
#110938
```
#110938 rgb(17,9,56)
```
#160c49
```
#160c49 rgb(22,12,73)
```
#1b0f59
```
#1b0f59 rgb(27,15,89)
```
#20126a
```
#20126a rgb(32,18,106)
```
#25157b
```
#25157b rgb(37,21,123)
```
#2a188c
```
#2a188c rgb(42,24,140)
```
#2f1a9d
```
#2f1a9d rgb(47,26,157)
```
#341dad
```
#341dad rgb(52,29,173)
```
#3920be
```
#3920be rgb(57,32,190)
```
#3e23cf
```
#3e23cf rgb(62,35,207)
```

Shade Color Variation

#462adb
```
#462adb rgb(70,42,219)
```
#553bde
```
#553bde rgb(85,59,222)
```
#644ce1
```
#644ce1 rgb(100,76,225)
```
#725de4
```
#725de4 rgb(114,93,228)
```
#816de6
```
#816de6 rgb(129,109,230)
```
#8f7ee9
```
#8f7ee9 rgb(143,126,233)
```
#9e8fec
```
#9e8fec rgb(158,143,236)
```
#aca0ef
```
#aca0ef rgb(172,160,239)
```
#bbb1f2
```
#bbb1f2 rgb(187,177,242)
```
#c9c1f5
```
#c9c1f5 rgb(201,193,245)
```
#d8d2f7
```
#d8d2f7 rgb(216,210,247)
```
#e7e3fa
```
#e7e3fa rgb(231,227,250)
```
#f5f4fd
```
#f5f4fd rgb(245,244,253)
```

Tint Color Variation

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

#8b8a8f
```
#8b8a8f rgb(139,138,143)
```
#858198
```
#858198 rgb(133,129,152)
```
#7f79a0
```
#7f79a0 rgb(127,121,160)
```
#7970a9
```
#7970a9 rgb(121,112,169)
```
#7367b2
```
#7367b2 rgb(115,103,178)
```
#6d5ebb
```
#6d5ebb rgb(109,94,187)
```
#6755c4
```
#6755c4 rgb(103,85,196)
```
#614dcc
```
#614dcc rgb(97,77,204)
```
#5b44d5
```
#5b44d5 rgb(91,68,213)
```
#553bde
```
#553bde rgb(85,59,222)
```
#4f32e7
```
#4f32e7 rgb(79,50,231)
```
#4929f0
```
#4929f0 rgb(73,41,240)
```
#4321f8
```
#4321f8 rgb(67,33,248)
```

Tone Color Variation

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

#0060bb Protanopia 1% of men
#0065a2 Deuteranopia 1% of men
#006c74 Tritanopia 0.001% of the population

Trichromacy

#1e52c7 Protanomaly 1% of men, 0.01% of women
#1e56b8 Deuteranomaly 6% of men, 0.4% of women
#1e5a9a Tritanomaly 0.01% of the population

#553bde hex color

#553bde Color Information

#553bde Color Conversion

Color Schemes with #553bde

Alternatives to #553bde

#553bde Preview

Shades and Tints of #553bde

Tones of #553bde

Color Blindness Simulator