#1523e2 hex color

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

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

● #1523e2 color description : Vivid blue.

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

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

CIE-LAB	31.466, 63.397, -92.806
XYZ	14.635, 6.851, 72.498
xyY	0.156, 0.073, 6.851
CIE-LCH	31.466, 112.392, 304.337
CIE-LUV	31.466, -9.425, -116.261
Hunter-Lab	26.175, 53.996, -145.896
Binary	00010101, 00100011, 11100010

#1523e2
```
#1523e2 rgb(21,35,226)
```
#e2d415
```
#e2d415 rgb(226,212,21)
```

Complementary Color

#158ae2
```
#158ae2 rgb(21,138,226)
```
#1523e2
```
#1523e2 rgb(21,35,226)
```
#6e15e2
```
#6e15e2 rgb(110,21,226)
```

Analogous Color

#8ae215
```
#8ae215 rgb(138,226,21)
```
#1523e2
```
#1523e2 rgb(21,35,226)
```
#e26e15
```
#e26e15 rgb(226,110,21)
```

Split Complementary Color

#23e215
```
#23e215 rgb(35,226,21)
```
#1523e2
```
#1523e2 rgb(21,35,226)
```
#e21523
```
#e21523 rgb(226,21,35)
```

Triadic Color

#15e2d4
```
#15e2d4 rgb(21,226,212)
```
#1523e2
```
#1523e2 rgb(21,35,226)
```
#e21523
```
#e21523 rgb(226,21,35)
```
#e2d415
```
#e2d415 rgb(226,212,21)
```

Tetradic Color

#0e189c
```
#0e189c rgb(14,24,156)
```
#111cb3
```
#111cb3 rgb(17,28,179)
```
#131fcb
```
#131fcb rgb(19,31,203)
```
#1523e2
```
#1523e2 rgb(21,35,226)
```
#2633eb
```
#2633eb rgb(38,51,235)
```
#3d49ed
```
#3d49ed rgb(61,73,237)
```
#545fef
```
#545fef rgb(84,95,239)
```

Monochromatic Color

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

#1556e2
```
#1556e2 rgb(21,86,226)
```
#1545e2
```
#1545e2 rgb(21,69,226)
```
#1534e2
```
#1534e2 rgb(21,52,226)
```
#1523e2
```
#1523e2 rgb(21,35,226)
```
#1815e2
```
#1815e2 rgb(24,21,226)
```
#2915e2
```
#2915e2 rgb(41,21,226)
```
#3a15e2
```
#3a15e2 rgb(58,21,226)
```

Similar Colors

Text with hexadecimal color #1523e2

This text has a font color of #1523e2.

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

#1523e2 background color

This paragraph has a background color of #1523e2.

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

#1523e2 border color

This element has a border color of #1523e2.

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

CSS codes

.text {color:#1523e2;}

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

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

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)
```
#080d52
```
#080d52 rgb(8,13,82)
```
#091064
```
#091064 rgb(9,16,100)
```
#0b1276
```
#0b1276 rgb(11,18,118)
```
#0d1588
```
#0d1588 rgb(13,21,136)
```
#0e189a
```
#0e189a rgb(14,24,154)
```
#101bac
```
#101bac rgb(16,27,172)
```
#121dbe
```
#121dbe rgb(18,29,190)
```
#1320d0
```
#1320d0 rgb(19,32,208)
```
#1523e2
```
#1523e2 rgb(21,35,226)
```

Shade Color Variation

#202eea
```
#202eea rgb(32,46,234)
```
#323fec
```
#323fec rgb(50,63,236)
```
#4450ee
```
#4450ee rgb(68,80,238)
```
#5661ef
```
#5661ef rgb(86,97,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)
```
#b0b5f8
```
#b0b5f8 rgb(176,181,248)
```
#c2c6f9
```
#c2c6f9 rgb(194,198,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 #0213f5 is the most saturated one.

#747583
```
#747583 rgb(116,117,131)
```
#6b6d8d
```
#6b6d8d rgb(107,109,141)
```
#616596
```
#616596 rgb(97,101,150)
```
#585ca0
```
#585ca0 rgb(88,92,160)
```
#4e54a9
```
#4e54a9 rgb(78,84,169)
```
#454cb3
```
#454cb3 rgb(69,76,179)
```
#3b44bc
```
#3b44bc rgb(59,68,188)
```
#323cc6
```
#323cc6 rgb(50,60,198)
```
#2833cf
```
#2833cf rgb(40,51,207)
```
#1f2bd9
```
#1f2bd9 rgb(31,43,217)
```
#1523e2
```
#1523e2 rgb(21,35,226)
```
#0c1bec
```
#0c1bec rgb(12,27,236)
```
#0213f5
```
#0213f5 rgb(2,19,245)
```

Tone Color Variation

Below, you can see how #1523e2 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
#2f3158 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
#07478e Tritanomaly 0.01% of the population

#1523e2 hex color

#1523e2 Color Information

#1523e2 Color Conversion

Color Schemes with #1523e2

Alternatives to #1523e2

#1523e2 Preview

Shades and Tints of #1523e2

Tones of #1523e2

Color Blindness Simulator