colorhexa.com

#152ae3 hex color

In a RGB color space, hex #152ae3 is composed of 8.2% red, 16.5% green and 89% blue. Whereas in a CMYK color space, it is composed of 90.7% cyan, 81.5% magenta, 0% yellow and 11% black. It has a hue angle of 233.9 degrees, a saturation of 83.1% and a lightness of 48.6%. #152ae3 color hex could be obtained by blending #2a54ff with #0000c7. Closest websafe color is: #0033cc.

- R 8
- G 16
- B 89
RGB color chart
- C 91
- M 81
- Y 0
- K 11
CMYK color chart

● #152ae3 color description : Vivid blue.

The hexadecimal color #152ae3 has RGB values of R:21, G:42, B:227 and CMYK values of C:0.91, M:0.81, Y:0, K:0.11. Its decimal value is 1387235.

Hex triplet	152ae3	`#152ae3`
RGB Decimal	21, 42, 227	`rgb(21,42,227)`
RGB Percent	8.2, 16.5, 89	`rgb(8.2%,16.5%,89%)`
CMYK	91, 81, 0, 11
HSL	233.9°, 83.1, 48.6	`hsl(233.9,83.1%,48.6%)`
HSV (or HSB)	233.9°, 90.7, 89
Web Safe	0033cc	`#0033cc`

CIE-LAB	32.613, 60.658, -91.468
XYZ	15, 7.36, 73.299
xyY	0.157, 0.077, 7.36
CIE-LCH	32.613, 109.754, 303.551
CIE-LUV	32.613, -10.211, -117.227
Hunter-Lab	27.13, 51.212, -141.198
Binary	00010101, 00101010, 11100011

#152ae3
```
#152ae3 rgb(21,42,227)
```
#e3ce15
```
#e3ce15 rgb(227,206,21)
```

Complementary Color

#1591e3
```
#1591e3 rgb(21,145,227)
```
#152ae3
```
#152ae3 rgb(21,42,227)
```
#6715e3
```
#6715e3 rgb(103,21,227)
```

Analogous Color

#91e315
```
#91e315 rgb(145,227,21)
```
#152ae3
```
#152ae3 rgb(21,42,227)
```
#e36715
```
#e36715 rgb(227,103,21)
```

Split Complementary Color

#2ae315
```
#2ae315 rgb(42,227,21)
```
#152ae3
```
#152ae3 rgb(21,42,227)
```
#e3152a
```
#e3152a rgb(227,21,42)
```

Triadic Color

#15e3ce
```
#15e3ce rgb(21,227,206)
```
#152ae3
```
#152ae3 rgb(21,42,227)
```
#e3152a
```
#e3152a rgb(227,21,42)
```
#e3ce15
```
#e3ce15 rgb(227,206,21)
```

Tetradic Color

#0f1d9d
```
#0f1d9d rgb(15,29,157)
```
#1121b4
```
#1121b4 rgb(17,33,180)
```
#1326cc
```
#1326cc rgb(19,38,204)
```
#152ae3
```
#152ae3 rgb(21,42,227)
```
#273beb
```
#273beb rgb(39,59,235)
```
#3e50ed
```
#3e50ed rgb(62,80,237)
```
#5565ef
```
#5565ef rgb(85,101,239)
```

Monochromatic Color

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

#155ee3
```
#155ee3 rgb(21,94,227)
```
#154ce3
```
#154ce3 rgb(21,76,227)
```
#153be3
```
#153be3 rgb(21,59,227)
```
#152ae3
```
#152ae3 rgb(21,42,227)
```
#1519e3
```
#1519e3 rgb(21,25,227)
```
#2215e3
```
#2215e3 rgb(34,21,227)
```
#3315e3
```
#3315e3 rgb(51,21,227)
```

Similar Colors

Text with hexadecimal color #152ae3

This text has a font color of #152ae3.

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

#152ae3 background color

This paragraph has a background color of #152ae3.

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

#152ae3 border color

This element has a border color of #152ae3.

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

CSS codes

.text {color:#152ae3;}

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

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

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)
```
#03051e
```
#03051e rgb(3,5,30)
```
#04092f
```
#04092f rgb(4,9,47)
```
#060c41
```
#060c41 rgb(6,12,65)
```
#080f53
```
#080f53 rgb(8,15,83)
```
#091365
```
#091365 rgb(9,19,101)
```
#0b1677
```
#0b1677 rgb(11,22,119)
```
#0d1989
```
#0d1989 rgb(13,25,137)
```
#0e1d9b
```
#0e1d9b rgb(14,29,155)
```
#1020ad
```
#1020ad rgb(16,32,173)
```
#1223bf
```
#1223bf rgb(18,35,191)
```
#1327d1
```
#1327d1 rgb(19,39,209)
```
#152ae3
```
#152ae3 rgb(21,42,227)
```

Shade Color Variation

#2136ea
```
#2136ea rgb(33,54,234)
```
#3346ec
```
#3346ec rgb(51,70,236)
```
#4556ee
```
#4556ee rgb(69,86,238)
```
#5767ef
```
#5767ef rgb(87,103,239)
```
#6977f1
```
#6977f1 rgb(105,119,241)
```
#7b87f3
```
#7b87f3 rgb(123,135,243)
```
#8d97f4
```
#8d97f4 rgb(141,151,244)
```
#9fa8f6
```
#9fa8f6 rgb(159,168,246)
```
#b1b8f8
```
#b1b8f8 rgb(177,184,248)
```
#c3c8f9
```
#c3c8f9 rgb(195,200,249)
```
#d5d9fb
```
#d5d9fb rgb(213,217,251)
```
#e7e9fd
```
#e7e9fd rgb(231,233,253)
```
#f9f9fe
```
#f9f9fe rgb(249,249,254)
```

Tint Color Variation

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

#747684
```
#747684 rgb(116,118,132)
```
#6b6e8d
```
#6b6e8d rgb(107,110,141)
```
#616797
```
#616797 rgb(97,103,151)
```
#585fa0
```
#585fa0 rgb(88,95,160)
```
#4e58aa
```
#4e58aa rgb(78,88,170)
```
#4550b3
```
#4550b3 rgb(69,80,179)
```
#3b48bd
```
#3b48bd rgb(59,72,189)
```
#3241c6
```
#3241c6 rgb(50,65,198)
```
#2839d0
```
#2839d0 rgb(40,57,208)
```
#1f32d9
```
#1f32d9 rgb(31,50,217)
```
#152ae3
```
#152ae3 rgb(21,42,227)
```
#0b22ed
```
#0b22ed rgb(11,34,237)
```
#021bf6
```
#021bf6 rgb(2,27,246)
```

Tone Color Variation

Below, you can see how #152ae3 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
#00588b Deuteranopia 1% of men
#005e62 Tritanopia 0.001% of the population

Trichromacy

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