#5223bb hex color

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

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

● #5223bb color description : Strong violet.

The hexadecimal color #5223bb has RGB values of R:82, G:35, B:187 and CMYK values of C:0.56, M:0.81, Y:0, K:0.27. Its decimal value is 5383099.

Hex triplet	5223bb	`#5223bb`
RGB Decimal	82, 35, 187	`rgb(82,35,187)`
RGB Percent	32.2, 13.7, 73.3	`rgb(32.2%,13.7%,73.3%)`
CMYK	56, 81, 0, 27
HSL	258.6°, 68.5, 43.5	`hsl(258.6,68.5%,43.5%)`
HSV (or HSB)	258.6°, 81.3, 73.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	30.839, 56.044, -71.027
XYZ	13.049, 6.583, 47.594
xyY	0.194, 0.098, 6.583
CIE-LCH	30.839, 90.475, 308.275
CIE-LUV	30.839, 2.879, -94.454
Hunter-Lab	25.658, 45.876, -92.018
Binary	01010010, 00100011, 10111011

#5223bb
```
#5223bb rgb(82,35,187)
```
#8cbb23
```
#8cbb23 rgb(140,187,35)
```

Complementary Color

#2340bb
```
#2340bb rgb(35,64,187)
```
#5223bb
```
#5223bb rgb(82,35,187)
```
#9e23bb
```
#9e23bb rgb(158,35,187)
```

Analogous Color

#40bb23
```
#40bb23 rgb(64,187,35)
```
#5223bb
```
#5223bb rgb(82,35,187)
```
#bb9e23
```
#bb9e23 rgb(187,158,35)
```

Split Complementary Color

#23bb52
```
#23bb52 rgb(35,187,82)
```
#5223bb
```
#5223bb rgb(82,35,187)
```
#bb5223
```
#bb5223 rgb(187,82,35)
```

Triadic Color

#238cbb
```
#238cbb rgb(35,140,187)
```
#5223bb
```
#5223bb rgb(82,35,187)
```
#bb5223
```
#bb5223 rgb(187,82,35)
```
#8cbb23
```
#8cbb23 rgb(140,187,35)
```

Tetradic Color

#36177b
```
#36177b rgb(54,23,123)
```
#3f1b90
```
#3f1b90 rgb(63,27,144)
```
#491fa6
```
#491fa6 rgb(73,31,166)
```
#5223bb
```
#5223bb rgb(82,35,187)
```
#5b27d0
```
#5b27d0 rgb(91,39,208)
```
#6a37da
```
#6a37da rgb(106,55,218)
```
#7a4dde
```
#7a4dde rgb(122,77,222)
```

Monochromatic Color

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

#2c23bb
```
#2c23bb rgb(44,35,187)
```
#3923bb
```
#3923bb rgb(57,35,187)
```
#4523bb
```
#4523bb rgb(69,35,187)
```
#5223bb
```
#5223bb rgb(82,35,187)
```
#5f23bb
```
#5f23bb rgb(95,35,187)
```
#6b23bb
```
#6b23bb rgb(107,35,187)
```
#7823bb
```
#7823bb rgb(120,35,187)
```

Similar Colors

Text with hexadecimal color #5223bb

This text has a font color of #5223bb.

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

#5223bb background color

This paragraph has a background color of #5223bb.

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

#5223bb border color

This element has a border color of #5223bb.

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

CSS codes

.text {color:#5223bb;}

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

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

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)
```
#180a37
```
#180a37 rgb(24,10,55)
```
#1f0d47
```
#1f0d47 rgb(31,13,71)
```
#271058
```
#271058 rgb(39,16,88)
```
#2e1468
```
#2e1468 rgb(46,20,104)
```
#351779
```
#351779 rgb(53,23,121)
```
#3c1a89
```
#3c1a89 rgb(60,26,137)
```
#441d9a
```
#441d9a rgb(68,29,154)
```
#4b20aa
```
#4b20aa rgb(75,32,170)
```
#5223bb
```
#5223bb rgb(82,35,187)
```
#5926cc
```
#5926cc rgb(89,38,204)
```

Shade Color Variation

#622dd8
```
#622dd8 rgb(98,45,216)
```
#6e3edb
```
#6e3edb rgb(110,62,219)
```
#7b4ede
```
#7b4ede rgb(123,78,222)
```
#875fe1
```
#875fe1 rgb(135,95,225)
```
#9470e4
```
#9470e4 rgb(148,112,228)
```
#a080e7
```
#a080e7 rgb(160,128,231)
```
#ac91ea
```
#ac91ea rgb(172,145,234)
```
#b9a1ed
```
#b9a1ed rgb(185,161,237)
```
#c5b2f1
```
#c5b2f1 rgb(197,178,241)
```
#d1c2f4
```
#d1c2f4 rgb(209,194,244)
```
#ded3f7
```
#ded3f7 rgb(222,211,247)
```
#eae3fa
```
#eae3fa rgb(234,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 #4501dd is the most saturated one.

#6c6777
```
#6c6777 rgb(108,103,119)
```
#695f7f
```
#695f7f rgb(105,95,127)
```
#665688
```
#665688 rgb(102,86,136)
```
#624e90
```
#624e90 rgb(98,78,144)
```
#5f4599
```
#5f4599 rgb(95,69,153)
```
#5c3da1
```
#5c3da1 rgb(92,61,161)
```
#5934aa
```
#5934aa rgb(89,52,170)
```
#552cb2
```
#552cb2 rgb(85,44,178)
```
#5223bb
```
#5223bb rgb(82,35,187)
```
#4f1ac4
```
#4f1ac4 rgb(79,26,196)
```
#4b12cc
```
#4b12cc rgb(75,18,204)
```
#4809d5
```
#4809d5 rgb(72,9,213)
```
#4501dd
```
#4501dd rgb(69,1,221)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#453c5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9a Protanopia 1% of men
#005486 Deuteranopia 1% of men
#2a585e Tritanopia 0.001% of the population

Trichromacy

#1d3fa6 Protanomaly 1% of men, 0.01% of women
#1d4299 Deuteranomaly 6% of men, 0.4% of women
#384480 Tritanomaly 0.01% of the population

#5223bb hex color

#5223bb Color Information

#5223bb Color Conversion

Color Schemes with #5223bb

Alternatives to #5223bb

#5223bb Preview

Shades and Tints of #5223bb

Tones of #5223bb

Color Blindness Simulator