#4522bc hex color

In a RGB color space, hex #4522bc is composed of 27.1% red, 13.3% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 81.9% magenta, 0% yellow and 26.3% black. It has a hue angle of 253.6 degrees, a saturation of 69.4% and a lightness of 43.5%. #4522bc color hex could be obtained by blending #8a44ff with #000079. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 27
- G 13
- B 74
RGB color chart
- C 63
- M 82
- Y 0
- K 26
CMYK color chart

● #4522bc color description : Strong blue.

The hexadecimal color #4522bc has RGB values of R:69, G:34, B:188 and CMYK values of C:0.63, M:0.82, Y:0, K:0.26. Its decimal value is 4530876.

Hex triplet	4522bc	`#4522bc`
RGB Decimal	69, 34, 188	`rgb(69,34,188)`
RGB Percent	27.1, 13.3, 73.7	`rgb(27.1%,13.3%,73.7%)`
CMYK	63, 82, 0, 26
HSL	253.6°, 69.4, 43.5	`hsl(253.6,69.4%,43.5%)`
HSV (or HSB)	253.6°, 81.9, 73.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	29.512, 55.366, -73.853
XYZ	12.102, 6.04, 48.102
xyY	0.183, 0.091, 6.04
CIE-LCH	29.512, 92.302, 306.858
CIE-LUV	29.512, -0.715, -95.252
Hunter-Lab	24.576, 44.89, -98.846
Binary	01000101, 00100010, 10111100

#4522bc
```
#4522bc rgb(69,34,188)
```
#99bc22
```
#99bc22 rgb(153,188,34)
```

Complementary Color

#224cbc
```
#224cbc rgb(34,76,188)
```
#4522bc
```
#4522bc rgb(69,34,188)
```
#9222bc
```
#9222bc rgb(146,34,188)
```

Analogous Color

#4cbc22
```
#4cbc22 rgb(76,188,34)
```
#4522bc
```
#4522bc rgb(69,34,188)
```
#bc9222
```
#bc9222 rgb(188,146,34)
```

Split Complementary Color

#22bc45
```
#22bc45 rgb(34,188,69)
```
#4522bc
```
#4522bc rgb(69,34,188)
```
#bc4522
```
#bc4522 rgb(188,69,34)
```

Triadic Color

#2299bc
```
#2299bc rgb(34,153,188)
```
#4522bc
```
#4522bc rgb(69,34,188)
```
#bc4522
```
#bc4522 rgb(188,69,34)
```
#99bc22
```
#99bc22 rgb(153,188,34)
```

Tetradic Color

#2d167b
```
#2d167b rgb(45,22,123)
```
#351a91
```
#351a91 rgb(53,26,145)
```
#3d1ea6
```
#3d1ea6 rgb(61,30,166)
```
#4522bc
```
#4522bc rgb(69,34,188)
```
#4d26d2
```
#4d26d2 rgb(77,38,210)
```
#5c36db
```
#5c36db rgb(92,54,219)
```
#6d4cdf
```
#6d4cdf rgb(109,76,223)
```

Monochromatic Color

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

#2226bc
```
#2226bc rgb(34,38,188)
```
#2b22bc
```
#2b22bc rgb(43,34,188)
```
#3822bc
```
#3822bc rgb(56,34,188)
```
#4522bc
```
#4522bc rgb(69,34,188)
```
#5222bc
```
#5222bc rgb(82,34,188)
```
#5f22bc
```
#5f22bc rgb(95,34,188)
```
#6c22bc
```
#6c22bc rgb(108,34,188)
```

Similar Colors

Text with hexadecimal color #4522bc

This text has a font color of #4522bc.

<span style="color:#4522bc;">Text here</span>

#4522bc background color

This paragraph has a background color of #4522bc.

<p style="background-color:#4522bc;">Content here</p>

#4522bc border color

This element has a border color of #4522bc.

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

CSS codes

.text {color:#4522bc;}

.background {background-color:#4522bc;}

.border {border:1px solid #4522bc;}

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

#020105
```
#020105 rgb(2,1,5)
```
#080416
```
#080416 rgb(8,4,22)
```
#0e0726
```
#0e0726 rgb(14,7,38)
```
#140a37
```
#140a37 rgb(20,10,55)
```
#1a0d48
```
#1a0d48 rgb(26,13,72)
```
#201058
```
#201058 rgb(32,16,88)
```
#271369
```
#271369 rgb(39,19,105)
```
#2d167a
```
#2d167a rgb(45,22,122)
```
#33198a
```
#33198a rgb(51,25,138)
```
#391c9b
```
#391c9b rgb(57,28,155)
```
#3f1fab
```
#3f1fab rgb(63,31,171)
```
#4522bc
```
#4522bc rgb(69,34,188)
```
#4b25cd
```
#4b25cd rgb(75,37,205)
```

Shade Color Variation

#542cd9
```
#542cd9 rgb(84,44,217)
```
#613ddc
```
#613ddc rgb(97,61,220)
```
#6f4edf
```
#6f4edf rgb(111,78,223)
```
#7c5ee2
```
#7c5ee2 rgb(124,94,226)
```
#8a6fe5
```
#8a6fe5 rgb(138,111,229)
```
#977fe8
```
#977fe8 rgb(151,127,232)
```
#a590eb
```
#a590eb rgb(165,144,235)
```
#b2a1ee
```
#b2a1ee rgb(178,161,238)
```
#c0b1f1
```
#c0b1f1 rgb(192,177,241)
```
#cdc2f4
```
#cdc2f4 rgb(205,194,244)
```
#dbd2f7
```
#dbd2f7 rgb(219,210,247)
```
#e8e3fa
```
#e8e3fa rgb(232,227,250)
```
#f6f4fd
```
#f6f4fd rgb(246,244,253)
```

Tint Color Variation

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

#6f6f6f
```
#6f6f6f rgb(111,111,111)
```
#6a6678
```
#6a6678 rgb(106,102,120)
```
#665e80
```
#665e80 rgb(102,94,128)
```
#615589
```
#615589 rgb(97,85,137)
```
#5c4d91
```
#5c4d91 rgb(92,77,145)
```
#58449a
```
#58449a rgb(88,68,154)
```
#533ca2
```
#533ca2 rgb(83,60,162)
```
#4e33ab
```
#4e33ab rgb(78,51,171)
```
#4a2bb3
```
#4a2bb3 rgb(74,43,179)
```
#4522bc
```
#4522bc rgb(69,34,188)
```
#4019c5
```
#4019c5 rgb(64,25,197)
```
#3c11cd
```
#3c11cd rgb(60,17,205)
```
#3708d6
```
#3708d6 rgb(55,8,214)
```

Tone Color Variation

Below, you can see how #4522bc 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

#3e3e3e Achromatopsia 0.005% of the population
#3f3857 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004c95 Protanopia 1% of men
#005181 Deuteranopia 1% of men
#00565c Tritanopia 0.001% of the population

Trichromacy

#193da3 Protanomaly 1% of men, 0.01% of women
#194096 Deuteranomaly 6% of men, 0.4% of women
#19437f Tritanomaly 0.01% of the population

#4522bc hex color

#4522bc Color Information

#4522bc Color Conversion

Color Schemes with #4522bc

Alternatives to #4522bc

#4522bc Preview

Shades and Tints of #4522bc

Tones of #4522bc

Color Blindness Simulator