#1522ee hex color

In a RGB color space, hex #1522ee is composed of 8.2% red, 13.3% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 91.2% cyan, 85.7% magenta, 0% yellow and 6.7% black. It has a hue angle of 236.4 degrees, a saturation of 86.5% and a lightness of 50.8%. #1522ee color hex could be obtained by blending #2a44ff with #0000dd. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 8
- G 13
- B 93
RGB color chart
- C 91
- M 86
- Y 0
- K 7
CMYK color chart

● #1522ee color description : Vivid blue.

The hexadecimal color #1522ee has RGB values of R:21, G:34, B:238 and CMYK values of C:0.91, M:0.86, Y:0, K:0.07. Its decimal value is 1385198.

Hex triplet	1522ee	`#1522ee`
RGB Decimal	21, 34, 238	`rgb(21,34,238)`
RGB Percent	8.2, 13.3, 93.3	`rgb(8.2%,13.3%,93.3%)`
CMYK	91, 86, 0, 7
HSL	236.4°, 86.5, 50.8	`hsl(236.4,86.5%,50.8%)`
HSV (or HSB)	236.4°, 91.2, 93.3
Web Safe	0033ff	`#0033ff`

CIE-LAB	32.865, 67.227, -97.317
XYZ	16.311, 7.475, 81.467
xyY	0.155, 0.071, 7.475
CIE-LCH	32.865, 118.28, 304.637
CIE-LUV	32.865, -9.763, -123.001
Hunter-Lab	27.341, 58.641, -157.527
Binary	00010101, 00100010, 11101110

#1522ee
```
#1522ee rgb(21,34,238)
```
#eee115
```
#eee115 rgb(238,225,21)
```

Complementary Color

#158fee
```
#158fee rgb(21,143,238)
```
#1522ee
```
#1522ee rgb(21,34,238)
```
#7515ee
```
#7515ee rgb(117,21,238)
```

Analogous Color

#8fee15
```
#8fee15 rgb(143,238,21)
```
#1522ee
```
#1522ee rgb(21,34,238)
```
#ee7515
```
#ee7515 rgb(238,117,21)
```

Split Complementary Color

#22ee15
```
#22ee15 rgb(34,238,21)
```
#1522ee
```
#1522ee rgb(21,34,238)
```
#ee1522
```
#ee1522 rgb(238,21,34)
```

Triadic Color

#15eee1
```
#15eee1 rgb(21,238,225)
```
#1522ee
```
#1522ee rgb(21,34,238)
```
#ee1522
```
#ee1522 rgb(238,21,34)
```
#eee115
```
#eee115 rgb(238,225,21)
```

Tetradic Color

#0c16aa
```
#0c16aa rgb(12,22,170)
```
#0e19c2
```
#0e19c2 rgb(14,25,194)
```
#101cda
```
#101cda rgb(16,28,218)
```
#1522ee
```
#1522ee rgb(21,34,238)
```
#2d38f0
```
#2d38f0 rgb(45,56,240)
```
#454ff1
```
#454ff1 rgb(69,79,241)
```
#5c65f3
```
#5c65f3 rgb(92,101,243)
```

Monochromatic Color

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

#1558ee
```
#1558ee rgb(21,88,238)
```
#1546ee
```
#1546ee rgb(21,70,238)
```
#1534ee
```
#1534ee rgb(21,52,238)
```
#1522ee
```
#1522ee rgb(21,34,238)
```
#1a15ee
```
#1a15ee rgb(26,21,238)
```
#2c15ee
```
#2c15ee rgb(44,21,238)
```
#3e15ee
```
#3e15ee rgb(62,21,238)
```

Similar Colors

Text with hexadecimal color #1522ee

This text has a font color of #1522ee.

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

#1522ee background color

This paragraph has a background color of #1522ee.

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

#1522ee border color

This element has a border color of #1522ee.

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

CSS codes

.text {color:#1522ee;}

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

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

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, #000004 is the darkest color, while #f0f1fe is the lightest one.

#000004
```
#000004 rgb(0,0,4)
```
#020316
```
#020316 rgb(2,3,22)
```
#030528
```
#030528 rgb(3,5,40)
```
#04083b
```
#04083b rgb(4,8,59)
```
#060a4d
```
#060a4d rgb(6,10,77)
```
#070c5f
```
#070c5f rgb(7,12,95)
```
#080f71
```
#080f71 rgb(8,15,113)
```
#0a1184
```
#0a1184 rgb(10,17,132)
```
#0b1396
```
#0b1396 rgb(11,19,150)
```
#0c16a8
```
#0c16a8 rgb(12,22,168)
```
#0e18bb
```
#0e18bb rgb(14,24,187)
```
#0f1acd
```
#0f1acd rgb(15,26,205)
```
#101ddf
```
#101ddf rgb(16,29,223)
```

Shade Color Variation

#1522ee
```
#1522ee rgb(21,34,238)
```
#2733ef
```
#2733ef rgb(39,51,239)
```
#3a45f1
```
#3a45f1 rgb(58,69,241)
```
#4c56f2
```
#4c56f2 rgb(76,86,242)
```
#5e67f3
```
#5e67f3 rgb(94,103,243)
```
#7078f5
```
#7078f5 rgb(112,120,245)
```
#838af6
```
#838af6 rgb(131,138,246)
```
#959bf7
```
#959bf7 rgb(149,155,247)
```
#a7acf9
```
#a7acf9 rgb(167,172,249)
```
#babdfa
```
#babdfa rgb(186,189,250)
```
#cccffb
```
#cccffb rgb(204,207,251)
```
#dee0fd
```
#dee0fd rgb(222,224,253)
```
#f0f1fe
```
#f0f1fe rgb(240,241,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f7f84 is the less saturated color, while #0b1af8 is the most saturated one.

#7f7f84
```
#7f7f84 rgb(127,127,132)
```
#76778d
```
#76778d rgb(118,119,141)
```
#6c6e97
```
#6c6e97 rgb(108,110,151)
```
#6266a1
```
#6266a1 rgb(98,102,161)
```
#595daa
```
#595daa rgb(89,93,170)
```
#4f55b4
```
#4f55b4 rgb(79,85,180)
```
#454cbe
```
#454cbe rgb(69,76,190)
```
#3c44c7
```
#3c44c7 rgb(60,68,199)
```
#323bd1
```
#323bd1 rgb(50,59,209)
```
#2833db
```
#2833db rgb(40,51,219)
```
#1f2ae4
```
#1f2ae4 rgb(31,42,228)
```
#1522ee
```
#1522ee rgb(21,34,238)
```
#0b1af8
```
#0b1af8 rgb(11,26,248)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#2f315a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a3 Protanopia 1% of men
#00598c Deuteranopia 1% of men
#005f63 Tritanopia 0.001% of the population

Trichromacy

#0741be Protanomaly 1% of men, 0.01% of women
#0745b0 Deuteranomaly 6% of men, 0.4% of women
#074895 Tritanomaly 0.01% of the population

#1522ee hex color

#1522ee Color Information

#1522ee Color Conversion

Color Schemes with #1522ee

Alternatives to #1522ee

#1522ee Preview

Shades and Tints of #1522ee

Tones of #1522ee

Color Blindness Simulator