#553bbb hex color

In a RGB color space, hex #553bbb is composed of 33.3% red, 23.1% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 68.4% magenta, 0% yellow and 26.7% black. It has a hue angle of 252.2 degrees, a saturation of 52% and a lightness of 48.2%. #553bbb color hex could be obtained by blending #aa76ff with #000077. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 23
- B 73
RGB color chart
- C 55
- M 68
- Y 0
- K 27
CMYK color chart

● #553bbb color description : Moderate blue.

The hexadecimal color #553bbb has RGB values of R:85, G:59, B:187 and CMYK values of C:0.55, M:0.68, Y:0, K:0.27. Its decimal value is 5585851.

Hex triplet	553bbb	`#553bbb`
RGB Decimal	85, 59, 187	`rgb(85,59,187)`
RGB Percent	33.3, 23.1, 73.3	`rgb(33.3%,23.1%,73.3%)`
CMYK	55, 68, 0, 27
HSL	252.2°, 52, 48.2	`hsl(252.2,52%,48.2%)`
HSV (or HSB)	252.2°, 68.4, 73.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.295, 44.697, -63.699
XYZ	14.278, 8.647, 47.928
xyY	0.202, 0.122, 8.647
CIE-LCH	35.295, 77.816, 305.057
CIE-LUV	35.295, 0.291, -90.805
Hunter-Lab	29.405, 35.215, -76.053
Binary	01010101, 00111011, 10111011

#553bbb
```
#553bbb rgb(85,59,187)
```
#a1bb3b
```
#a1bb3b rgb(161,187,59)
```

Complementary Color

#3b61bb
```
#3b61bb rgb(59,97,187)
```
#553bbb
```
#553bbb rgb(85,59,187)
```
#953bbb
```
#953bbb rgb(149,59,187)
```

Analogous Color

#61bb3b
```
#61bb3b rgb(97,187,59)
```
#553bbb
```
#553bbb rgb(85,59,187)
```
#bb953b
```
#bb953b rgb(187,149,59)
```

Split Complementary Color

#3bbb55
```
#3bbb55 rgb(59,187,85)
```
#553bbb
```
#553bbb rgb(85,59,187)
```
#bb553b
```
#bb553b rgb(187,85,59)
```

Triadic Color

#3ba1bb
```
#3ba1bb rgb(59,161,187)
```
#553bbb
```
#553bbb rgb(85,59,187)
```
#bb553b
```
#bb553b rgb(187,85,59)
```
#a1bb3b
```
#a1bb3b rgb(161,187,59)
```

Tetradic Color

#3b2981
```
#3b2981 rgb(59,41,129)
```
#432f94
```
#432f94 rgb(67,47,148)
```
#4c35a8
```
#4c35a8 rgb(76,53,168)
```
#553bbb
```
#553bbb rgb(85,59,187)
```
#634ac6
```
#634ac6 rgb(99,74,198)
```
#745dcc
```
#745dcc rgb(116,93,204)
```
#8470d2
```
#8470d2 rgb(132,112,210)
```

Monochromatic Color

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

#3b41bb
```
#3b41bb rgb(59,65,187)
```
#403bbb
```
#403bbb rgb(64,59,187)
```
#4a3bbb
```
#4a3bbb rgb(74,59,187)
```
#553bbb
```
#553bbb rgb(85,59,187)
```
#603bbb
```
#603bbb rgb(96,59,187)
```
#6a3bbb
```
#6a3bbb rgb(106,59,187)
```
#753bbb
```
#753bbb rgb(117,59,187)
```

Similar Colors

Text with hexadecimal color #553bbb

This text has a font color of #553bbb.

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

#553bbb background color

This paragraph has a background color of #553bbb.

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

#553bbb border color

This element has a border color of #553bbb.

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

CSS codes

.text {color:#553bbb;}

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

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

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

#040308
```
#040308 rgb(4,3,8)
```
#0a0717
```
#0a0717 rgb(10,7,23)
```
#110c26
```
#110c26 rgb(17,12,38)
```
#181135
```
#181135 rgb(24,17,53)
```
#1f1544
```
#1f1544 rgb(31,21,68)
```
#261a53
```
#261a53 rgb(38,26,83)
```
#2c1f62
```
#2c1f62 rgb(44,31,98)
```
#332370
```
#332370 rgb(51,35,112)
```
#3a287f
```
#3a287f rgb(58,40,127)
```
#412d8e
```
#412d8e rgb(65,45,142)
```
#47329d
```
#47329d rgb(71,50,157)
```
#4e36ac
```
#4e36ac rgb(78,54,172)
```
#553bbb
```
#553bbb rgb(85,59,187)
```

Shade Color Variation

#5f45c4
```
#5f45c4 rgb(95,69,196)
```
#6c54c9
```
#6c54c9 rgb(108,84,201)
```
#7963ce
```
#7963ce rgb(121,99,206)
```
#8672d3
```
#8672d3 rgb(134,114,211)
```
#9281d7
```
#9281d7 rgb(146,129,215)
```
#9f90dc
```
#9f90dc rgb(159,144,220)
```
#ac9fe1
```
#ac9fe1 rgb(172,159,225)
```
#b9aee5
```
#b9aee5 rgb(185,174,229)
```
#c6bdea
```
#c6bdea rgb(198,189,234)
```
#d3cbef
```
#d3cbef rgb(211,203,239)
```
#dfdaf3
```
#dfdaf3 rgb(223,218,243)
```
#ece9f8
```
#ece9f8 rgb(236,233,248)
```
#f9f8fd
```
#f9f8fd rgb(249,248,253)
```

Tint Color Variation

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

#777482
```
#777482 rgb(119,116,130)
```
#716a8c
```
#716a8c rgb(113,106,140)
```
#6b6195
```
#6b6195 rgb(107,97,149)
```
#66579f
```
#66579f rgb(102,87,159)
```
#604ea8
```
#604ea8 rgb(96,78,168)
```
#5b44b2
```
#5b44b2 rgb(91,68,178)
```
#553bbb
```
#553bbb rgb(85,59,187)
```
#4f32c4
```
#4f32c4 rgb(79,50,196)
```
#4a28ce
```
#4a28ce rgb(74,40,206)
```
#441fd7
```
#441fd7 rgb(68,31,215)
```
#3f15e1
```
#3f15e1 rgb(63,21,225)
```
#390cea
```
#390cea rgb(57,12,234)
```
#3302f4
```
#3302f4 rgb(51,2,244)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#524d66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ae Protanopia 1% of men
#005e98 Deuteranopia 1% of men
#366269 Tritanopia 0.001% of the population

Trichromacy

#1e4eb2 Protanomaly 1% of men, 0.01% of women
#1e51a4 Deuteranomaly 6% of men, 0.4% of women
#415487 Tritanomaly 0.01% of the population

#553bbb hex color

#553bbb Color Information

#553bbb Color Conversion

Color Schemes with #553bbb

Alternatives to #553bbb

#553bbb Preview

Shades and Tints of #553bbb

Tones of #553bbb

Color Blindness Simulator