#152ae4 hex color

In a RGB color space, hex #152ae4 is composed of 8.2% red, 16.5% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 90.8% cyan, 81.6% magenta, 0% yellow and 10.6% black. It has a hue angle of 233.9 degrees, a saturation of 83.1% and a lightness of 48.8%. #152ae4 color hex could be obtained by blending #2a54ff with #0000c9. Closest websafe color is: #0033cc.

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

● #152ae4 color description : Vivid blue.

The hexadecimal color #152ae4 has RGB values of R:21, G:42, B:228 and CMYK values of C:0.91, M:0.82, Y:0, K:0.11. Its decimal value is 1387236.

Hex triplet	152ae4	`#152ae4`
RGB Decimal	21, 42, 228	`rgb(21,42,228)`
RGB Percent	8.2, 16.5, 89.4	`rgb(8.2%,16.5%,89.4%)`
CMYK	91, 82, 0, 11
HSL	233.9°, 83.1, 48.8	`hsl(233.9,83.1%,48.8%)`
HSV (or HSB)	233.9°, 90.8, 89.4
Web Safe	0033cc	`#0033cc`

CIE-LAB	32.735, 60.963, -91.838
XYZ	15.138, 7.416, 74.028
xyY	0.157, 0.077, 7.416
CIE-LCH	32.735, 110.23, 303.577
CIE-LUV	32.735, -10.242, -117.795
Hunter-Lab	27.232, 51.572, -142.115
Binary	00010101, 00101010, 11100100

#152ae4
```
#152ae4 rgb(21,42,228)
```
#e4cf15
```
#e4cf15 rgb(228,207,21)
```

Complementary Color

#1592e4
```
#1592e4 rgb(21,146,228)
```
#152ae4
```
#152ae4 rgb(21,42,228)
```
#6815e4
```
#6815e4 rgb(104,21,228)
```

Analogous Color

#92e415
```
#92e415 rgb(146,228,21)
```
#152ae4
```
#152ae4 rgb(21,42,228)
```
#e46815
```
#e46815 rgb(228,104,21)
```

Split Complementary Color

#2ae415
```
#2ae415 rgb(42,228,21)
```
#152ae4
```
#152ae4 rgb(21,42,228)
```
#e4152a
```
#e4152a rgb(228,21,42)
```

Triadic Color

#15e4cf
```
#15e4cf rgb(21,228,207)
```
#152ae4
```
#152ae4 rgb(21,42,228)
```
#e4152a
```
#e4152a rgb(228,21,42)
```
#e4cf15
```
#e4cf15 rgb(228,207,21)
```

Tetradic Color

#0f1d9e
```
#0f1d9e rgb(15,29,158)
```
#1121b5
```
#1121b5 rgb(17,33,181)
```
#1326cd
```
#1326cd rgb(19,38,205)
```
#152ae4
```
#152ae4 rgb(21,42,228)
```
#273beb
```
#273beb rgb(39,59,235)
```
#3f50ed
```
#3f50ed rgb(63,80,237)
```
#5666ef
```
#5666ef rgb(86,102,239)
```

Monochromatic Color

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

#155ee4
```
#155ee4 rgb(21,94,228)
```
#154de4
```
#154de4 rgb(21,77,228)
```
#153be4
```
#153be4 rgb(21,59,228)
```
#152ae4
```
#152ae4 rgb(21,42,228)
```
#1519e4
```
#1519e4 rgb(21,25,228)
```
#2315e4
```
#2315e4 rgb(35,21,228)
```
#3415e4
```
#3415e4 rgb(52,21,228)
```

Similar Colors

Text with hexadecimal color #152ae4

This text has a font color of #152ae4.

<span style="color:#152ae4;">Text here</span>

#152ae4 background color

This paragraph has a background color of #152ae4.

<p style="background-color:#152ae4;">Content here</p>

#152ae4 border color

This element has a border color of #152ae4.

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

CSS codes

.text {color:#152ae4;}

.background {background-color:#152ae4;}

.border {border:1px solid #152ae4;}

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 #fafafe is the lightest one.

#01020c
```
#01020c rgb(1,2,12)
```
#03061e
```
#03061e rgb(3,6,30)
```
#040930
```
#040930 rgb(4,9,48)
```
#060c42
```
#060c42 rgb(6,12,66)
```
#081054
```
#081054 rgb(8,16,84)
```
#091366
```
#091366 rgb(9,19,102)
```
#0b1678
```
#0b1678 rgb(11,22,120)
```
#0d198a
```
#0d198a rgb(13,25,138)
```
#0e1d9c
```
#0e1d9c rgb(14,29,156)
```
#1020ae
```
#1020ae rgb(16,32,174)
```
#1223c0
```
#1223c0 rgb(18,35,192)
```
#1327d2
```
#1327d2 rgb(19,39,210)
```
#152ae4
```
#152ae4 rgb(21,42,228)
```

Shade Color Variation

#2236eb
```
#2236eb rgb(34,54,235)
```
#3447ec
```
#3447ec rgb(52,71,236)
```
#4657ee
```
#4657ee rgb(70,87,238)
```
#5867f0
```
#5867f0 rgb(88,103,240)
```
#6a78f1
```
#6a78f1 rgb(106,120,241)
```
#7c88f3
```
#7c88f3 rgb(124,136,243)
```
#8e98f5
```
#8e98f5 rgb(142,152,245)
```
#a0a8f6
```
#a0a8f6 rgb(160,168,246)
```
#b2b9f8
```
#b2b9f8 rgb(178,185,248)
```
#c4c9fa
```
#c4c9fa rgb(196,201,250)
```
#d6d9fb
```
#d6d9fb rgb(214,217,251)
```
#e8eafd
```
#e8eafd rgb(232,234,253)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

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

#757684
```
#757684 rgb(117,118,132)
```
#6b6f8e
```
#6b6f8e rgb(107,111,142)
```
#626797
```
#626797 rgb(98,103,151)
```
#585fa1
```
#585fa1 rgb(88,95,161)
```
#4e58ab
```
#4e58ab rgb(78,88,171)
```
#4550b4
```
#4550b4 rgb(69,80,180)
```
#3b49be
```
#3b49be rgb(59,73,190)
```
#3241c7
```
#3241c7 rgb(50,65,199)
```
#2839d1
```
#2839d1 rgb(40,57,209)
```
#1f32da
```
#1f32da rgb(31,50,218)
```
#152ae4
```
#152ae4 rgb(21,42,228)
```
#0b22ee
```
#0b22ee rgb(11,34,238)
```
#021bf7
```
#021bf7 rgb(2,27,247)
```

Tone Color Variation

Below, you can see how #152ae4 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

#393939 Achromatopsia 0.005% of the population
#32365b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a2 Protanopia 1% of men
#00588c Deuteranopia 1% of men
#005e62 Tritanopia 0.001% of the population

Trichromacy

#0744ba Protanomaly 1% of men, 0.01% of women
#0747ac Deuteranomaly 6% of men, 0.4% of women
#074b91 Tritanomaly 0.01% of the population

#152ae4 hex color

#152ae4 Color Information

#152ae4 Color Conversion

Color Schemes with #152ae4

Alternatives to #152ae4

#152ae4 Preview

Shades and Tints of #152ae4

Tones of #152ae4

Color Blindness Simulator