#1522e3 hex color

In a RGB color space, hex #1522e3 is composed of 8.2% red, 13.3% green and 89% blue. Whereas in a CMYK color space, it is composed of 90.7% cyan, 85% magenta, 0% yellow and 11% black. It has a hue angle of 236.2 degrees, a saturation of 83.1% and a lightness of 48.6%. #1522e3 color hex could be obtained by blending #2a44ff with #0000c7. 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

● #1522e3 color description : Vivid blue.

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

Hex triplet	1522e3	`#1522e3`
RGB Decimal	21, 34, 227	`rgb(21,34,227)`
RGB Percent	8.2, 13.3, 89	`rgb(8.2%,13.3%,89%)`
CMYK	91, 85, 0, 11
HSL	236.2°, 83.1, 48.6	`hsl(236.2,83.1%,48.6%)`
HSV (or HSB)	236.2°, 90.7, 89
Web Safe	0033cc	`#0033cc`

CIE-LAB	31.459, 64.087, -93.39
XYZ	14.744, 6.848, 73.214
xyY	0.156, 0.072, 6.848
CIE-LCH	31.459, 113.264, 304.459
CIE-LUV	31.459, -9.365, -116.762
Hunter-Lab	26.169, 54.769, -147.556
Binary	00010101, 00100010, 11100011

#1522e3
```
#1522e3 rgb(21,34,227)
```
#e3d615
```
#e3d615 rgb(227,214,21)
```

Complementary Color

#1589e3
```
#1589e3 rgb(21,137,227)
```
#1522e3
```
#1522e3 rgb(21,34,227)
```
#6f15e3
```
#6f15e3 rgb(111,21,227)
```

Analogous Color

#89e315
```
#89e315 rgb(137,227,21)
```
#1522e3
```
#1522e3 rgb(21,34,227)
```
#e36f15
```
#e36f15 rgb(227,111,21)
```

Split Complementary Color

#22e315
```
#22e315 rgb(34,227,21)
```
#1522e3
```
#1522e3 rgb(21,34,227)
```
#e31522
```
#e31522 rgb(227,21,34)
```

Triadic Color

#15e3d6
```
#15e3d6 rgb(21,227,214)
```
#1522e3
```
#1522e3 rgb(21,34,227)
```
#e31522
```
#e31522 rgb(227,21,34)
```
#e3d615
```
#e3d615 rgb(227,214,21)
```

Tetradic Color

#0f189d
```
#0f189d rgb(15,24,157)
```
#111bb4
```
#111bb4 rgb(17,27,180)
```
#131fcc
```
#131fcc rgb(19,31,204)
```
#1522e3
```
#1522e3 rgb(21,34,227)
```
#2733eb
```
#2733eb rgb(39,51,235)
```
#3e49ed
```
#3e49ed rgb(62,73,237)
```
#555fef
```
#555fef rgb(85,95,239)
```

Monochromatic Color

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

#1556e3
```
#1556e3 rgb(21,86,227)
```
#1544e3
```
#1544e3 rgb(21,68,227)
```
#1533e3
```
#1533e3 rgb(21,51,227)
```
#1522e3
```
#1522e3 rgb(21,34,227)
```
#1915e3
```
#1915e3 rgb(25,21,227)
```
#2a15e3
```
#2a15e3 rgb(42,21,227)
```
#3b15e3
```
#3b15e3 rgb(59,21,227)
```

Similar Colors

Text with hexadecimal color #1522e3

This text has a font color of #1522e3.

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

#1522e3 background color

This paragraph has a background color of #1522e3.

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

#1522e3 border color

This element has a border color of #1522e3.

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

CSS codes

.text {color:#1522e3;}

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

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

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

#01020c
```
#01020c rgb(1,2,12)
```
#03041e
```
#03041e rgb(3,4,30)
```
#04072f
```
#04072f rgb(4,7,47)
```
#060a41
```
#060a41 rgb(6,10,65)
```
#080c53
```
#080c53 rgb(8,12,83)
```
#090f65
```
#090f65 rgb(9,15,101)
```
#0b1277
```
#0b1277 rgb(11,18,119)
```
#0d1589
```
#0d1589 rgb(13,21,137)
```
#0e179b
```
#0e179b rgb(14,23,155)
```
#101aad
```
#101aad rgb(16,26,173)
```
#121dbf
```
#121dbf rgb(18,29,191)
```
#131fd1
```
#131fd1 rgb(19,31,209)
```
#1522e3
```
#1522e3 rgb(21,34,227)
```

Shade Color Variation

#212eea
```
#212eea rgb(33,46,234)
```
#333fec
```
#333fec rgb(51,63,236)
```
#4550ee
```
#4550ee rgb(69,80,238)
```
#5761ef
```
#5761ef rgb(87,97,239)
```
#6972f1
```
#6972f1 rgb(105,114,241)
```
#7b82f3
```
#7b82f3 rgb(123,130,243)
```
#8d93f4
```
#8d93f4 rgb(141,147,244)
```
#9fa4f6
```
#9fa4f6 rgb(159,164,246)
```
#b1b5f8
```
#b1b5f8 rgb(177,181,248)
```
#c3c6f9
```
#c3c6f9 rgb(195,198,249)
```
#d5d7fb
```
#d5d7fb rgb(213,215,251)
```
#e7e8fd
```
#e7e8fd rgb(231,232,253)
```
#f9f9fe
```
#f9f9fe rgb(249,249,254)
```

Tint Color Variation

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

#747584
```
#747584 rgb(116,117,132)
```
#6b6d8d
```
#6b6d8d rgb(107,109,141)
```
#616597
```
#616597 rgb(97,101,151)
```
#585ca0
```
#585ca0 rgb(88,92,160)
```
#4e54aa
```
#4e54aa rgb(78,84,170)
```
#454cb3
```
#454cb3 rgb(69,76,179)
```
#3b43bd
```
#3b43bd rgb(59,67,189)
```
#323bc6
```
#323bc6 rgb(50,59,198)
```
#2833d0
```
#2833d0 rgb(40,51,208)
```
#1f2ad9
```
#1f2ad9 rgb(31,42,217)
```
#1522e3
```
#1522e3 rgb(21,34,227)
```
#0b1aed
```
#0b1aed rgb(11,26,237)
```
#0211f6
```
#0211f6 rgb(2,17,246)
```

Tone Color Variation

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

#00519d Protanopia 1% of men
#005587 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

#0740b6 Protanomaly 1% of men, 0.01% of women
#0743a8 Deuteranomaly 6% of men, 0.4% of women
#07468f Tritanomaly 0.01% of the population

#1522e3 hex color

#1522e3 Color Information

#1522e3 Color Conversion

Color Schemes with #1522e3

Alternatives to #1522e3

#1522e3 Preview

Shades and Tints of #1522e3

Tones of #1522e3

Color Blindness Simulator