#5504bb hex color

In a RGB color space, hex #5504bb is composed of 33.3% red, 1.6% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 97.9% magenta, 0% yellow and 26.7% black. It has a hue angle of 266.6 degrees, a saturation of 95.8% and a lightness of 37.5%. #5504bb color hex could be obtained by blending #aa08ff with #000077. Closest websafe color is: #6600cc.

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

● #5504bb color description : Strong violet.

The hexadecimal color #5504bb has RGB values of R:85, G:4, B:187 and CMYK values of C:0.55, M:0.98, Y:0, K:0.27. Its decimal value is 5571771.

Hex triplet	5504bb	`#5504bb`
RGB Decimal	85, 4, 187	`rgb(85,4,187)`
RGB Percent	33.3, 1.6, 73.3	`rgb(33.3%,1.6%,73.3%)`
CMYK	55, 98, 0, 27
HSL	266.6°, 95.8, 37.5	`hsl(266.6,95.8%,37.5%)`
HSV (or HSB)	266.6°, 97.9, 73.3
Web Safe	6600cc	`#6600cc`

CIE-LAB	28.395, 64.647, -75.057
XYZ	12.758, 5.606, 47.421
xyY	0.194, 0.085, 5.606
CIE-LCH	28.395, 99.059, 310.738
CIE-LUV	28.395, 5.753, -94.992
Hunter-Lab	23.677, 54.749, -102.176
Binary	01010101, 00000100, 10111011

#5504bb
```
#5504bb rgb(85,4,187)
```
#6abb04
```
#6abb04 rgb(106,187,4)
```

Complementary Color

#040fbb
```
#040fbb rgb(4,15,187)
```
#5504bb
```
#5504bb rgb(85,4,187)
```
#b104bb
```
#b104bb rgb(177,4,187)
```

Analogous Color

#0fbb04
```
#0fbb04 rgb(15,187,4)
```
#5504bb
```
#5504bb rgb(85,4,187)
```
#bbb104
```
#bbb104 rgb(187,177,4)
```

Split Complementary Color

#04bb55
```
#04bb55 rgb(4,187,85)
```
#5504bb
```
#5504bb rgb(85,4,187)
```
#bb5504
```
#bb5504 rgb(187,85,4)
```

Triadic Color

#046abb
```
#046abb rgb(4,106,187)
```
#5504bb
```
#5504bb rgb(85,4,187)
```
#bb5504
```
#bb5504 rgb(187,85,4)
```
#6abb04
```
#6abb04 rgb(106,187,4)
```

Tetradic Color

#330270
```
#330270 rgb(51,2,112)
```
#3e0389
```
#3e0389 rgb(62,3,137)
```
#4a03a2
```
#4a03a2 rgb(74,3,162)
```
#5504bb
```
#5504bb rgb(85,4,187)
```
#6005d4
```
#6005d4 rgb(96,5,212)
```
#6c05ed
```
#6c05ed rgb(108,5,237)
```
#7812fa
```
#7812fa rgb(120,18,250)
```

Monochromatic Color

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

#2704bb
```
#2704bb rgb(39,4,187)
```
#3704bb
```
#3704bb rgb(55,4,187)
```
#4604bb
```
#4604bb rgb(70,4,187)
```
#5504bb
```
#5504bb rgb(85,4,187)
```
#6404bb
```
#6404bb rgb(100,4,187)
```
#7404bb
```
#7404bb rgb(116,4,187)
```
#8304bb
```
#8304bb rgb(131,4,187)
```

Similar Colors

Text with hexadecimal color #5504bb

This text has a font color of #5504bb.

<span style="color:#5504bb;">Text here</span>

#5504bb background color

This paragraph has a background color of #5504bb.

<p style="background-color:#5504bb;">Content here</p>

#5504bb border color

This element has a border color of #5504bb.

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

CSS codes

.text {color:#5504bb;}

.background {background-color:#5504bb;}

.border {border:1px solid #5504bb;}

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, #06000e is the darkest color, while #fcfaff is the lightest one.

#06000e
```
#06000e rgb(6,0,14)
```
#0f0121
```
#0f0121 rgb(15,1,33)
```
#180135
```
#180135 rgb(24,1,53)
```
#210248
```
#210248 rgb(33,2,72)
```
#29025b
```
#29025b rgb(41,2,91)
```
#32026e
```
#32026e rgb(50,2,110)
```
#3b0381
```
#3b0381 rgb(59,3,129)
```
#440395
```
#440395 rgb(68,3,149)
```
#4c04a8
```
#4c04a8 rgb(76,4,168)
```
#5504bb
```
#5504bb rgb(85,4,187)
```
#5e04ce
```
#5e04ce rgb(94,4,206)
```
#6605e1
```
#6605e1 rgb(102,5,225)
```
#6f05f5
```
#6f05f5 rgb(111,5,245)
```

Shade Color Variation

#7a13fa
```
#7a13fa rgb(122,19,250)
```
#8427fa
```
#8427fa rgb(132,39,250)
```
#8f3afb
```
#8f3afb rgb(143,58,251)
```
#9a4dfb
```
#9a4dfb rgb(154,77,251)
```
#a560fc
```
#a560fc rgb(165,96,252)
```
#b074fc
```
#b074fc rgb(176,116,252)
```
#bb87fc
```
#bb87fc rgb(187,135,252)
```
#c69afd
```
#c69afd rgb(198,154,253)
```
#d1adfd
```
#d1adfd rgb(209,173,253)
```
#dbc0fe
```
#dbc0fe rgb(219,192,254)
```
#e6d4fe
```
#e6d4fe rgb(230,212,254)
```
#f1e7fe
```
#f1e7fe rgb(241,231,254)
```
#fcfaff
```
#fcfaff rgb(252,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f5c63 is the less saturated color, while #5504bb is the most saturated one.

#5f5c63
```
#5f5c63 rgb(95,92,99)
```
#5e556a
```
#5e556a rgb(94,85,106)
```
#5d4d72
```
#5d4d72 rgb(93,77,114)
```
#5d4679
```
#5d4679 rgb(93,70,121)
```
#5c3f80
```
#5c3f80 rgb(92,63,128)
```
#5b3788
```
#5b3788 rgb(91,55,136)
```
#5a308f
```
#5a308f rgb(90,48,143)
```
#592996
```
#592996 rgb(89,41,150)
```
#58219e
```
#58219e rgb(88,33,158)
```
#581aa5
```
#581aa5 rgb(88,26,165)
```
#5713ac
```
#5713ac rgb(87,19,172)
```
#560bb4
```
#560bb4 rgb(86,11,180)
```
#5504bb
```
#5504bb rgb(85,4,187)
```

Tone Color Variation

Below, you can see how #5504bb 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

#313131 Achromatopsia 0.005% of the population
#38284d Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a90 Protanopia 1% of men
#004e7d Deuteranopia 1% of men
#2e5157 Tritanopia 0.001% of the population

Trichromacy

#1e30a0 Protanomaly 1% of men, 0.01% of women
#1e3393 Deuteranomaly 6% of men, 0.4% of women
#3c357b Tritanomaly 0.01% of the population

#5504bb hex color

#5504bb Color Information

#5504bb Color Conversion

Color Schemes with #5504bb

Alternatives to #5504bb

#5504bb Preview

Shades and Tints of #5504bb

Tones of #5504bb

Color Blindness Simulator