#1522e2 hex color

In a RGB color space, hex #1522e2 is composed of 8.2% red, 13.3% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 90.7% cyan, 85% magenta, 0% yellow and 11.4% black. It has a hue angle of 236.2 degrees, a saturation of 83% and a lightness of 48.4%. #1522e2 color hex could be obtained by blending #2a44ff with #0000c5. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 8
- G 13
- B 89
RGB color chart
- C 91
- M 85
- Y 0
- K 11
CMYK color chart

● #1522e2 color description : Vivid blue.

The hexadecimal color #1522e2 has RGB values of R:21, G:34, B:226 and CMYK values of C:0.91, M:0.85, Y:0, K:0.11. Its decimal value is 1385186.

Hex triplet	1522e2	`#1522e2`
RGB Decimal	21, 34, 226	`rgb(21,34,226)`
RGB Percent	8.2, 13.3, 88.6	`rgb(8.2%,13.3%,88.6%)`
CMYK	91, 85, 0, 11
HSL	236.2°, 83, 48.4	`hsl(236.2,83%,48.4%)`
HSV (or HSB)	236.2°, 90.7, 88.6
Web Safe	0033cc	`#0033cc`

CIE-LAB	31.332, 63.798, -93.029
XYZ	14.606, 6.793, 72.489
xyY	0.156, 0.072, 6.793
CIE-LCH	31.332, 112.804, 304.442
CIE-LUV	31.332, -9.329, -116.193
Hunter-Lab	26.064, 54.417, -146.651
Binary	00010101, 00100010, 11100010

#1522e2
```
#1522e2 rgb(21,34,226)
```
#e2d515
```
#e2d515 rgb(226,213,21)
```

Complementary Color

#1589e2
```
#1589e2 rgb(21,137,226)
```
#1522e2
```
#1522e2 rgb(21,34,226)
```
#6f15e2
```
#6f15e2 rgb(111,21,226)
```

Analogous Color

#89e215
```
#89e215 rgb(137,226,21)
```
#1522e2
```
#1522e2 rgb(21,34,226)
```
#e26f15
```
#e26f15 rgb(226,111,21)
```

Split Complementary Color

#22e215
```
#22e215 rgb(34,226,21)
```
#1522e2
```
#1522e2 rgb(21,34,226)
```
#e21522
```
#e21522 rgb(226,21,34)
```

Triadic Color

#15e2d5
```
#15e2d5 rgb(21,226,213)
```
#1522e2
```
#1522e2 rgb(21,34,226)
```
#e21522
```
#e21522 rgb(226,21,34)
```
#e2d515
```
#e2d515 rgb(226,213,21)
```

Tetradic Color

#0e179c
```
#0e179c rgb(14,23,156)
```
#111bb3
```
#111bb3 rgb(17,27,179)
```
#131ecb
```
#131ecb rgb(19,30,203)
```
#1522e2
```
#1522e2 rgb(21,34,226)
```
#2632eb
```
#2632eb rgb(38,50,235)
```
#3d48ed
```
#3d48ed rgb(61,72,237)
```
#545eef
```
#545eef rgb(84,94,239)
```

Monochromatic Color

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

#1555e2
```
#1555e2 rgb(21,85,226)
```
#1544e2
```
#1544e2 rgb(21,68,226)
```
#1533e2
```
#1533e2 rgb(21,51,226)
```
#1522e2
```
#1522e2 rgb(21,34,226)
```
#1915e2
```
#1915e2 rgb(25,21,226)
```
#2a15e2
```
#2a15e2 rgb(42,21,226)
```
#3b15e2
```
#3b15e2 rgb(59,21,226)
```

Similar Colors

Text with hexadecimal color #1522e2

This text has a font color of #1522e2.

<span style="color:#1522e2;">Text here</span>

#1522e2 background color

This paragraph has a background color of #1522e2.

<p style="background-color:#1522e2;">Content here</p>

#1522e2 border color

This element has a border color of #1522e2.

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

CSS codes

.text {color:#1522e2;}

.background {background-color:#1522e2;}

.border {border:1px solid #1522e2;}

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, #01020b is the darkest color, while #f8f8fe is the lightest one.

#01020b
```
#01020b rgb(1,2,11)
```
#03041d
```
#03041d rgb(3,4,29)
```
#04072f
```
#04072f rgb(4,7,47)
```
#060a40
```
#060a40 rgb(6,10,64)
```
#080c52
```
#080c52 rgb(8,12,82)
```
#090f64
```
#090f64 rgb(9,15,100)
```
#0b1276
```
#0b1276 rgb(11,18,118)
```
#0d1488
```
#0d1488 rgb(13,20,136)
```
#0e179a
```
#0e179a rgb(14,23,154)
```
#101aac
```
#101aac rgb(16,26,172)
```
#121dbe
```
#121dbe rgb(18,29,190)
```
#131fd0
```
#131fd0 rgb(19,31,208)
```
#1522e2
```
#1522e2 rgb(21,34,226)
```

Shade Color Variation

#202dea
```
#202dea rgb(32,45,234)
```
#323eec
```
#323eec rgb(50,62,236)
```
#444fee
```
#444fee rgb(68,79,238)
```
#5660ef
```
#5660ef rgb(86,96,239)
```
#6871f1
```
#6871f1 rgb(104,113,241)
```
#7a82f3
```
#7a82f3 rgb(122,130,243)
```
#8c93f4
```
#8c93f4 rgb(140,147,244)
```
#9ea4f6
```
#9ea4f6 rgb(158,164,246)
```
#b0b4f8
```
#b0b4f8 rgb(176,180,248)
```
#c2c5f9
```
#c2c5f9 rgb(194,197,249)
```
#d4d6fb
```
#d4d6fb rgb(212,214,251)
```
#e6e7fd
```
#e6e7fd rgb(230,231,253)
```
#f8f8fe
```
#f8f8fe rgb(248,248,254)
```

Tint Color Variation

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

#747583
```
#747583 rgb(116,117,131)
```
#6b6d8d
```
#6b6d8d rgb(107,109,141)
```
#616496
```
#616496 rgb(97,100,150)
```
#585ca0
```
#585ca0 rgb(88,92,160)
```
#4e54a9
```
#4e54a9 rgb(78,84,169)
```
#454bb3
```
#454bb3 rgb(69,75,179)
```
#3b43bc
```
#3b43bc rgb(59,67,188)
```
#323bc6
```
#323bc6 rgb(50,59,198)
```
#2833cf
```
#2833cf rgb(40,51,207)
```
#1f2ad9
```
#1f2ad9 rgb(31,42,217)
```
#1522e2
```
#1522e2 rgb(21,34,226)
```
#0c1aec
```
#0c1aec rgb(12,26,236)
```
#0211f5
```
#0211f5 rgb(2,17,245)
```

Tone Color Variation

Below, you can see how #1522e2 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

#343434 Achromatopsia 0.005% of the population
#2e3057 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005587 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

#073fb5 Protanomaly 1% of men, 0.01% of women
#0742a8 Deuteranomaly 6% of men, 0.4% of women
#07468e Tritanomaly 0.01% of the population

#1522e2 hex color

#1522e2 Color Information

#1522e2 Color Conversion

Color Schemes with #1522e2

Alternatives to #1522e2

#1522e2 Preview

Shades and Tints of #1522e2

Tones of #1522e2

Color Blindness Simulator