#1525e2 hex color

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

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

● #1525e2 color description : Vivid blue.

The hexadecimal color #1525e2 has RGB values of R:21, G:37, B:226 and CMYK values of C:0.91, M:0.84, Y:0, K:0.11. Its decimal value is 1385954.

Hex triplet	1525e2	`#1525e2`
RGB Decimal	21, 37, 226	`rgb(21,37,226)`
RGB Percent	8.2, 14.5, 88.6	`rgb(8.2%,14.5%,88.6%)`
CMYK	91, 84, 0, 11
HSL	235.3°, 83, 48.4	`hsl(235.3,83%,48.4%)`
HSV (or HSB)	235.3°, 90.7, 88.6
Web Safe	0033cc	`#0033cc`

CIE-LAB	31.744, 62.567, -92.343
XYZ	14.696, 6.972, 72.519
xyY	0.156, 0.074, 6.972
CIE-LCH	31.744, 111.543, 304.12
CIE-LUV	31.744, -9.627, -116.39
Hunter-Lab	26.405, 53.132, -144.348
Binary	00010101, 00100101, 11100010

#1525e2
```
#1525e2 rgb(21,37,226)
```
#e2d215
```
#e2d215 rgb(226,210,21)
```

Complementary Color

#158ce2
```
#158ce2 rgb(21,140,226)
```
#1525e2
```
#1525e2 rgb(21,37,226)
```
#6c15e2
```
#6c15e2 rgb(108,21,226)
```

Analogous Color

#8ce215
```
#8ce215 rgb(140,226,21)
```
#1525e2
```
#1525e2 rgb(21,37,226)
```
#e26c15
```
#e26c15 rgb(226,108,21)
```

Split Complementary Color

#25e215
```
#25e215 rgb(37,226,21)
```
#1525e2
```
#1525e2 rgb(21,37,226)
```
#e21525
```
#e21525 rgb(226,21,37)
```

Triadic Color

#15e2d2
```
#15e2d2 rgb(21,226,210)
```
#1525e2
```
#1525e2 rgb(21,37,226)
```
#e21525
```
#e21525 rgb(226,21,37)
```
#e2d215
```
#e2d215 rgb(226,210,21)
```

Tetradic Color

#0e1a9c
```
#0e1a9c rgb(14,26,156)
```
#111db3
```
#111db3 rgb(17,29,179)
```
#1321cb
```
#1321cb rgb(19,33,203)
```
#1525e2
```
#1525e2 rgb(21,37,226)
```
#2635eb
```
#2635eb rgb(38,53,235)
```
#3d4bed
```
#3d4bed rgb(61,75,237)
```
#5460ef
```
#5460ef rgb(84,96,239)
```

Monochromatic Color

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

#1558e2
```
#1558e2 rgb(21,88,226)
```
#1547e2
```
#1547e2 rgb(21,71,226)
```
#1536e2
```
#1536e2 rgb(21,54,226)
```
#1525e2
```
#1525e2 rgb(21,37,226)
```
#1615e2
```
#1615e2 rgb(22,21,226)
```
#2715e2
```
#2715e2 rgb(39,21,226)
```
#3815e2
```
#3815e2 rgb(56,21,226)
```

Similar Colors

Text with hexadecimal color #1525e2

This text has a font color of #1525e2.

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

#1525e2 background color

This paragraph has a background color of #1525e2.

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

#1525e2 border color

This element has a border color of #1525e2.

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

CSS codes

.text {color:#1525e2;}

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

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

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)
```
#03051d
```
#03051d rgb(3,5,29)
```
#04082f
```
#04082f rgb(4,8,47)
```
#060b40
```
#060b40 rgb(6,11,64)
```
#080d52
```
#080d52 rgb(8,13,82)
```
#091064
```
#091064 rgb(9,16,100)
```
#0b1376
```
#0b1376 rgb(11,19,118)
```
#0d1688
```
#0d1688 rgb(13,22,136)
```
#0e199a
```
#0e199a rgb(14,25,154)
```
#101cac
```
#101cac rgb(16,28,172)
```
#121fbe
```
#121fbe rgb(18,31,190)
```
#1322d0
```
#1322d0 rgb(19,34,208)
```
#1525e2
```
#1525e2 rgb(21,37,226)
```

Shade Color Variation

#2030ea
```
#2030ea rgb(32,48,234)
```
#3241ec
```
#3241ec rgb(50,65,236)
```
#4451ee
```
#4451ee rgb(68,81,238)
```
#5662ef
```
#5662ef rgb(86,98,239)
```
#6873f1
```
#6873f1 rgb(104,115,241)
```
#7a83f3
```
#7a83f3 rgb(122,131,243)
```
#8c94f4
```
#8c94f4 rgb(140,148,244)
```
#9ea5f6
```
#9ea5f6 rgb(158,165,246)
```
#b0b5f8
```
#b0b5f8 rgb(176,181,248)
```
#c2c6f9
```
#c2c6f9 rgb(194,198,249)
```
#d4d7fb
```
#d4d7fb rgb(212,215,251)
```
#e6e8fd
```
#e6e8fd rgb(230,232,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 #0215f5 is the most saturated one.

#747583
```
#747583 rgb(116,117,131)
```
#6b6d8d
```
#6b6d8d rgb(107,109,141)
```
#616596
```
#616596 rgb(97,101,150)
```
#585da0
```
#585da0 rgb(88,93,160)
```
#4e55a9
```
#4e55a9 rgb(78,85,169)
```
#454db3
```
#454db3 rgb(69,77,179)
```
#3b45bc
```
#3b45bc rgb(59,69,188)
```
#323dc6
```
#323dc6 rgb(50,61,198)
```
#2835cf
```
#2835cf rgb(40,53,207)
```
#1f2dd9
```
#1f2dd9 rgb(31,45,217)
```
#1525e2
```
#1525e2 rgb(21,37,226)
```
#0c1dec
```
#0c1dec rgb(12,29,236)
```
#0215f5
```
#0215f5 rgb(2,21,245)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#2f3358 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519e Protanopia 1% of men
#005688 Deuteranopia 1% of men
#005c60 Tritanopia 0.001% of the population

Trichromacy

#0741b7 Protanomaly 1% of men, 0.01% of women
#0744a9 Deuteranomaly 6% of men, 0.4% of women
#07488f Tritanomaly 0.01% of the population

#1525e2 hex color

#1525e2 Color Information

#1525e2 Color Conversion

Color Schemes with #1525e2

Alternatives to #1525e2

#1525e2 Preview

Shades and Tints of #1525e2

Tones of #1525e2

Color Blindness Simulator