colorhexa.com

#153ae3 hex color

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

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

● #153ae3 color description : Vivid blue.

The hexadecimal color #153ae3 has RGB values of R:21, G:58, B:227 and CMYK values of C:0.91, M:0.74, Y:0, K:0.11. Its decimal value is 1391331.

Hex triplet	153ae3	`#153ae3`
RGB Decimal	21, 58, 227	`rgb(21,58,227)`
RGB Percent	8.2, 22.7, 89	`rgb(8.2%,22.7%,89%)`
CMYK	91, 74, 0, 11
HSL	229.2°, 83.1, 48.6	`hsl(229.2,83.1%,48.6%)`
HSV (or HSB)	229.2°, 90.7, 89
Web Safe	0033cc	`#0033cc`

CIE-LAB	35.46, 52.441, -86.742
XYZ	15.685, 8.73, 73.527
xyY	0.16, 0.089, 8.73
CIE-LCH	35.46, 101.362, 301.156
CIE-LUV	35.46, -12.443, -117.259
Hunter-Lab	29.547, 43.046, -126.858
Binary	00010101, 00111010, 11100011

#153ae3
```
#153ae3 rgb(21,58,227)
```
#e3be15
```
#e3be15 rgb(227,190,21)
```

Complementary Color

#15a1e3
```
#15a1e3 rgb(21,161,227)
```
#153ae3
```
#153ae3 rgb(21,58,227)
```
#5715e3
```
#5715e3 rgb(87,21,227)
```

Analogous Color

#a1e315
```
#a1e315 rgb(161,227,21)
```
#153ae3
```
#153ae3 rgb(21,58,227)
```
#e35715
```
#e35715 rgb(227,87,21)
```

Split Complementary Color

#3ae315
```
#3ae315 rgb(58,227,21)
```
#153ae3
```
#153ae3 rgb(21,58,227)
```
#e3153a
```
#e3153a rgb(227,21,58)
```

Triadic Color

#15e3be
```
#15e3be rgb(21,227,190)
```
#153ae3
```
#153ae3 rgb(21,58,227)
```
#e3153a
```
#e3153a rgb(227,21,58)
```
#e3be15
```
#e3be15 rgb(227,190,21)
```

Tetradic Color

#0f289d
```
#0f289d rgb(15,40,157)
```
#112eb4
```
#112eb4 rgb(17,46,180)
```
#1334cc
```
#1334cc rgb(19,52,204)
```
#153ae3
```
#153ae3 rgb(21,58,227)
```
#274aeb
```
#274aeb rgb(39,74,235)
```
#3e5ded
```
#3e5ded rgb(62,93,237)
```
#5571ef
```
#5571ef rgb(85,113,239)
```

Monochromatic Color

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

#156ee3
```
#156ee3 rgb(21,110,227)
```
#155ce3
```
#155ce3 rgb(21,92,227)
```
#154be3
```
#154be3 rgb(21,75,227)
```
#153ae3
```
#153ae3 rgb(21,58,227)
```
#1529e3
```
#1529e3 rgb(21,41,227)
```
#1518e3
```
#1518e3 rgb(21,24,227)
```
#2315e3
```
#2315e3 rgb(35,21,227)
```

Similar Colors

Text with hexadecimal color #153ae3

This text has a font color of #153ae3.

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

#153ae3 background color

This paragraph has a background color of #153ae3.

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

#153ae3 border color

This element has a border color of #153ae3.

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

CSS codes

.text {color:#153ae3;}

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

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

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

#01030c
```
#01030c rgb(1,3,12)
```
#03081e
```
#03081e rgb(3,8,30)
```
#040c2f
```
#040c2f rgb(4,12,47)
```
#061141
```
#061141 rgb(6,17,65)
```
#081553
```
#081553 rgb(8,21,83)
```
#091a65
```
#091a65 rgb(9,26,101)
```
#0b1e77
```
#0b1e77 rgb(11,30,119)
```
#0d2389
```
#0d2389 rgb(13,35,137)
```
#0e289b
```
#0e289b rgb(14,40,155)
```
#102cad
```
#102cad rgb(16,44,173)
```
#1231bf
```
#1231bf rgb(18,49,191)
```
#1335d1
```
#1335d1 rgb(19,53,209)
```
#153ae3
```
#153ae3 rgb(21,58,227)
```

Shade Color Variation

#2145ea
```
#2145ea rgb(33,69,234)
```
#3354ec
```
#3354ec rgb(51,84,236)
```
#4563ee
```
#4563ee rgb(69,99,238)
```
#5772ef
```
#5772ef rgb(87,114,239)
```
#6981f1
```
#6981f1 rgb(105,129,241)
```
#7b90f3
```
#7b90f3 rgb(123,144,243)
```
#8d9ff4
```
#8d9ff4 rgb(141,159,244)
```
#9faef6
```
#9faef6 rgb(159,174,246)
```
#b1bef8
```
#b1bef8 rgb(177,190,248)
```
#c3cdf9
```
#c3cdf9 rgb(195,205,249)
```
#d5dcfb
```
#d5dcfb rgb(213,220,251)
```
#e7ebfd
```
#e7ebfd rgb(231,235,253)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

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

#747784
```
#747784 rgb(116,119,132)
```
#6b718d
```
#6b718d rgb(107,113,141)
```
#616b97
```
#616b97 rgb(97,107,151)
```
#5865a0
```
#5865a0 rgb(88,101,160)
```
#4e5faa
```
#4e5faa rgb(78,95,170)
```
#4559b3
```
#4559b3 rgb(69,89,179)
```
#3b52bd
```
#3b52bd rgb(59,82,189)
```
#324cc6
```
#324cc6 rgb(50,76,198)
```
#2846d0
```
#2846d0 rgb(40,70,208)
```
#1f40d9
```
#1f40d9 rgb(31,64,217)
```
#153ae3
```
#153ae3 rgb(21,58,227)
```
#0b34ed
```
#0b34ed rgb(11,52,237)
```
#022ef6
```
#022ef6 rgb(2,46,246)
```

Tone Color Variation

Below, you can see how #153ae3 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

#424242 Achromatopsia 0.005% of the population
#394062 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ae Protanopia 1% of men
#005e96 Deuteranopia 1% of men
#00656a Tritanopia 0.001% of the population

Trichromacy

#074ec1 Protanomaly 1% of men, 0.01% of women
#0751b2 Deuteranomaly 6% of men, 0.4% of women
#075596 Tritanomaly 0.01% of the population