#158ae2 Color Information
In a RGB color space, hex #158ae2 is composed of 8.2% red, 54.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 90.7% cyan, 38.9% magenta, 0% yellow and 11.4% black. It has a hue angle of 205.8 degrees, a saturation of 83% and a lightness of 48.4%. #158ae2 color hex could be obtained by blending #2affff with #0015c5. Closest websafe color is: #0099cc.
-
- R 8
- G 54
- B 89
-
- C 91
- M 39
- Y 0
- K 11
● #158ae2 color description : Vivid blue.
#158ae2 Color Conversion
The hexadecimal color #158ae2 has RGB values of R:21, G:138, B:226 and CMYK values of C:0.91, M:0.39, Y:0, K:0.11. Its decimal value is 1411810.
Hex triplet | 158ae2 | #158ae2 |
---|---|---|
RGB Decimal | 21, 138, 226 | rgb(21,138,226) |
RGB Percent | 8.2, 54.1, 88.6 | rgb(8.2%,54.1%,88.6%) |
CMYK | 91, 39, 0, 11 | |
HSL | 205.8°, 83, 48.4 | hsl(205.8,83%,48.4%) |
HSV (or HSB) | 205.8°, 90.7, 88.6 | |
Web Safe | 0099cc | #0099cc |
CIE-LAB | 55.912, 2.16, -52.899 |
---|---|
XYZ | 23.122, 23.825, 75.327 |
xyY | 0.189, 0.195, 23.825 |
CIE-LCH | 55.912, 52.944, 272.338 |
CIE-LUV | 55.912, -32.957, -83.427 |
Hunter-Lab | 48.811, -0.864, -57.331 |
Binary | 00010101, 10001010, 11100010 |
Color Schemes with #158ae2
Alternatives to #158ae2
Below, you can see some colors close to #158ae2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#158ae2 Preview
This text has a font color of #158ae2.
<span style="color:#158ae2;">Text here</span>
This paragraph has a background color of #158ae2.
<p style="background-color:#158ae2;">Content here</p>
This element has a border color of #158ae2.
<div style="border:1px solid #158ae2;">Content here</div>
.text {color:#158ae2;}
.background {background-color:#158ae2;}
.border {border:1px solid #158ae2;}
Shades and Tints of #158ae2
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, #01060b is the darkest color, while #f8fbfe is the lightest one.
-
#01060b
#01060b
rgb(1,6,11)
-
#03111d
#03111d
rgb(3,17,29)
-
#041c2f
#041c2f
rgb(4,28,47)
-
#062740
#062740
rgb(6,39,64)
-
#083252
#083252
rgb(8,50,82)
-
#093d64
#093d64
rgb(9,61,100)
-
#0b4876
#0b4876
rgb(11,72,118)
-
#0d5388
#0d5388
rgb(13,83,136)
-
#0e5e9a
#0e5e9a
rgb(14,94,154)
-
#1069ac
#1069ac
rgb(16,105,172)
-
#1274be
#1274be
rgb(18,116,190)
-
#137fd0
#137fd0
rgb(19,127,208)
-
#158ae2
#158ae2
rgb(21,138,226)
-
#2094ea
#2094ea
rgb(32,148,234)
-
#329cec
#329cec
rgb(50,156,236)
-
#44a5ee
#44a5ee
rgb(68,165,238)
-
#56aeef
#56aeef
rgb(86,174,239)
-
#68b6f1
#68b6f1
rgb(104,182,241)
-
#7abff3
#7abff3
rgb(122,191,243)
-
#8cc8f4
#8cc8f4
rgb(140,200,244)
-
#9ed0f6
#9ed0f6
rgb(158,208,246)
-
#b0d9f8
#b0d9f8
rgb(176,217,248)
-
#c2e2f9
#c2e2f9
rgb(194,226,249)
-
#d4eafb
#d4eafb
rgb(212,234,251)
-
#e6f3fd
#e6f3fd
rgb(230,243,253)
-
#f8fbfe
#f8fbfe
rgb(248,251,254)
Tones of #158ae2
A tone is produced by adding gray to any pure hue. In this case, #747d83 is the less saturated color, while #028df5 is the most saturated one.
-
#747d83
#747d83
rgb(116,125,131)
-
#6b7e8d
#6b7e8d
rgb(107,126,141)
-
#617f96
#617f96
rgb(97,127,150)
-
#5881a0
#5881a0
rgb(88,129,160)
-
#4e82a9
#4e82a9
rgb(78,130,169)
-
#4583b3
#4583b3
rgb(69,131,179)
-
#3b85bc
#3b85bc
rgb(59,133,188)
-
#3286c6
#3286c6
rgb(50,134,198)
-
#2887cf
#2887cf
rgb(40,135,207)
-
#1f89d9
#1f89d9
rgb(31,137,217)
-
#158ae2
#158ae2
rgb(21,138,226)
-
#0c8bec
#0c8bec
rgb(12,139,236)
-
#028df5
#028df5
rgb(2,141,245)
Color Blindness Simulator
Below, you can see how #158ae2 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.