#5523bb hex color

In a RGB color space, hex #5523bb is composed of 33.3% red, 13.7% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 81.3% magenta, 0% yellow and 26.7% black. It has a hue angle of 259.7 degrees, a saturation of 68.5% and a lightness of 43.5%. #5523bb color hex could be obtained by blending #aa46ff with #000077. Closest websafe color is: #6633cc.

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

● #5523bb color description : Strong violet.

The hexadecimal color #5523bb has RGB values of R:85, G:35, B:187 and CMYK values of C:0.55, M:0.81, Y:0, K:0.27. Its decimal value is 5579707.

Hex triplet	5523bb	`#5523bb`
RGB Decimal	85, 35, 187	`rgb(85,35,187)`
RGB Percent	33.3, 13.7, 73.3	`rgb(33.3%,13.7%,73.3%)`
CMYK	55, 81, 0, 27
HSL	259.7°, 68.5, 43.5	`hsl(259.7,68.5%,43.5%)`
HSV (or HSB)	259.7°, 81.3, 73.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	31.163, 56.393, -70.482
XYZ	13.315, 6.721, 47.607
xyY	0.197, 0.099, 6.721
CIE-LCH	31.163, 90.266, 308.663
CIE-LUV	31.163, 3.826, -94.363
Hunter-Lab	25.925, 46.312, -90.729
Binary	01010101, 00100011, 10111011

#5523bb
```
#5523bb rgb(85,35,187)
```
#89bb23
```
#89bb23 rgb(137,187,35)
```

Complementary Color

#233dbb
```
#233dbb rgb(35,61,187)
```
#5523bb
```
#5523bb rgb(85,35,187)
```
#a123bb
```
#a123bb rgb(161,35,187)
```

Analogous Color

#3dbb23
```
#3dbb23 rgb(61,187,35)
```
#5523bb
```
#5523bb rgb(85,35,187)
```
#bba123
```
#bba123 rgb(187,161,35)
```

Split Complementary Color

#23bb55
```
#23bb55 rgb(35,187,85)
```
#5523bb
```
#5523bb rgb(85,35,187)
```
#bb5523
```
#bb5523 rgb(187,85,35)
```

Triadic Color

#2389bb
```
#2389bb rgb(35,137,187)
```
#5523bb
```
#5523bb rgb(85,35,187)
```
#bb5523
```
#bb5523 rgb(187,85,35)
```
#89bb23
```
#89bb23 rgb(137,187,35)
```

Tetradic Color

#38177b
```
#38177b rgb(56,23,123)
```
#411b90
```
#411b90 rgb(65,27,144)
```
#4b1fa6
```
#4b1fa6 rgb(75,31,166)
```
#5523bb
```
#5523bb rgb(85,35,187)
```
#5f27d0
```
#5f27d0 rgb(95,39,208)
```
#6d37da
```
#6d37da rgb(109,55,218)
```
#7c4dde
```
#7c4dde rgb(124,77,222)
```

Monochromatic Color

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

#2f23bb
```
#2f23bb rgb(47,35,187)
```
#3c23bb
```
#3c23bb rgb(60,35,187)
```
#4823bb
```
#4823bb rgb(72,35,187)
```
#5523bb
```
#5523bb rgb(85,35,187)
```
#6223bb
```
#6223bb rgb(98,35,187)
```
#6e23bb
```
#6e23bb rgb(110,35,187)
```
#7b23bb
```
#7b23bb rgb(123,35,187)
```

Similar Colors

Text with hexadecimal color #5523bb

This text has a font color of #5523bb.

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

#5523bb background color

This paragraph has a background color of #5523bb.

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

#5523bb border color

This element has a border color of #5523bb.

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

CSS codes

.text {color:#5523bb;}

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

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

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

#020105
```
#020105 rgb(2,1,5)
```
#0a0416
```
#0a0416 rgb(10,4,22)
```
#110726
```
#110726 rgb(17,7,38)
```
#190a37
```
#190a37 rgb(25,10,55)
```
#200d47
```
#200d47 rgb(32,13,71)
```
#281058
```
#281058 rgb(40,16,88)
```
#2f1468
```
#2f1468 rgb(47,20,104)
```
#371779
```
#371779 rgb(55,23,121)
```
#3e1a89
```
#3e1a89 rgb(62,26,137)
```
#461d9a
```
#461d9a rgb(70,29,154)
```
#4d20aa
```
#4d20aa rgb(77,32,170)
```
#5523bb
```
#5523bb rgb(85,35,187)
```
#5d26cc
```
#5d26cc rgb(93,38,204)
```

Shade Color Variation

#652dd8
```
#652dd8 rgb(101,45,216)
```
#723edb
```
#723edb rgb(114,62,219)
```
#7e4ede
```
#7e4ede rgb(126,78,222)
```
#8a5fe1
```
#8a5fe1 rgb(138,95,225)
```
#9670e4
```
#9670e4 rgb(150,112,228)
```
#a280e7
```
#a280e7 rgb(162,128,231)
```
#ae91ea
```
#ae91ea rgb(174,145,234)
```
#baa1ed
```
#baa1ed rgb(186,161,237)
```
#c6b2f1
```
#c6b2f1 rgb(198,178,241)
```
#d2c2f4
```
#d2c2f4 rgb(210,194,244)
```
#dfd3f7
```
#dfd3f7 rgb(223,211,247)
```
#ebe3fa
```
#ebe3fa rgb(235,227,250)
```
#f7f4fd
```
#f7f4fd rgb(247,244,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6777 is the less saturated color, while #4901dd is the most saturated one.

#6c6777
```
#6c6777 rgb(108,103,119)
```
#695f7f
```
#695f7f rgb(105,95,127)
```
#675688
```
#675688 rgb(103,86,136)
```
#644e90
```
#644e90 rgb(100,78,144)
```
#614599
```
#614599 rgb(97,69,153)
```
#5e3da1
```
#5e3da1 rgb(94,61,161)
```
#5b34aa
```
#5b34aa rgb(91,52,170)
```
#582cb2
```
#582cb2 rgb(88,44,178)
```
#5523bb
```
#5523bb rgb(85,35,187)
```
#521ac4
```
#521ac4 rgb(82,26,196)
```
#4f12cc
```
#4f12cc rgb(79,18,204)
```
#4c09d5
```
#4c09d5 rgb(76,9,213)
```
#4901dd
```
#4901dd rgb(73,1,221)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#473d5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005588 Deuteranopia 1% of men
#31585e Tritanopia 0.001% of the population

Trichromacy

#1e3fa7 Protanomaly 1% of men, 0.01% of women
#1e429a Deuteranomaly 6% of men, 0.4% of women
#3e4480 Tritanomaly 0.01% of the population

#5523bb hex color

#5523bb Color Information

#5523bb Color Conversion

Color Schemes with #5523bb

Alternatives to #5523bb

#5523bb Preview

Shades and Tints of #5523bb

Tones of #5523bb

Color Blindness Simulator