#158ff2 Color Information
In a RGB color space, hex #158ff2 is composed of 8.2% red, 56.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 91.3% cyan, 40.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 206.9 degrees, a saturation of 89.5% and a lightness of 51.6%. #158ff2 color hex could be obtained by blending #2affff with #001fe5. Closest websafe color is: #0099ff.
-
- R 8
- G 56
- B 95
-
- C 91
- M 41
- Y 0
- K 5
● #158ff2 color description : Vivid blue.
#158ff2 Color Conversion
The hexadecimal color #158ff2 has RGB values of R:21, G:143, B:242 and CMYK values of C:0.91, M:0.41, Y:0, K:0.05. Its decimal value is 1413106.
Hex triplet | 158ff2 | #158ff2 |
---|---|---|
RGB Decimal | 21, 143, 242 | rgb(21,143,242) |
RGB Percent | 8.2, 56.1, 94.9 | rgb(8.2%,56.1%,94.9%) |
CMYK | 91, 41, 0, 5 | |
HSL | 206.9°, 89.5, 51.6 | hsl(206.9,89.5%,51.6%) |
HSV (or HSB) | 206.9°, 91.3, 94.9 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 58.238, 5.225, -58.073 |
---|---|
XYZ | 26.155, 26.213, 87.681 |
xyY | 0.187, 0.187, 26.213 |
CIE-LCH | 58.238, 58.308, 275.141 |
CIE-LUV | 58.238, -33.71, -92.833 |
Hunter-Lab | 51.198, 1.59, -65.699 |
Binary | 00010101, 10001111, 11110010 |
Color Schemes with #158ff2
Alternatives to #158ff2
Below, you can see some colors close to #158ff2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#158ff2 Preview
This text has a font color of #158ff2.
<span style="color:#158ff2;">Text here</span>
This paragraph has a background color of #158ff2.
<p style="background-color:#158ff2;">Content here</p>
This element has a border color of #158ff2.
<div style="border:1px solid #158ff2;">Content here</div>
.text {color:#158ff2;}
.background {background-color:#158ff2;}
.border {border:1px solid #158ff2;}
Shades and Tints of #158ff2
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, #000408 is the darkest color, while #f4fafe is the lightest one.
-
#000408
#000408
rgb(0,4,8)
-
#010f1a
#010f1a
rgb(1,15,26)
-
#021a2d
#021a2d
rgb(2,26,45)
-
#04253f
#04253f
rgb(4,37,63)
-
#052f52
#052f52
rgb(5,47,82)
-
#063a64
#063a64
rgb(6,58,100)
-
#074577
#074577
rgb(7,69,119)
-
#084f8a
#084f8a
rgb(8,79,138)
-
#095a9c
#095a9c
rgb(9,90,156)
-
#0a65af
#0a65af
rgb(10,101,175)
-
#0b70c1
#0b70c1
rgb(11,112,193)
-
#0c7ad4
#0c7ad4
rgb(12,122,212)
-
#0d85e7
#0d85e7
rgb(13,133,231)
-
#158ff2
#158ff2
rgb(21,143,242)
-
#2898f3
#2898f3
rgb(40,152,243)
-
#3aa1f4
#3aa1f4
rgb(58,161,244)
-
#4daaf5
#4daaf5
rgb(77,170,245)
-
#5fb3f6
#5fb3f6
rgb(95,179,246)
-
#72bbf7
#72bbf7
rgb(114,187,247)
-
#84c4f8
#84c4f8
rgb(132,196,248)
-
#97cdf9
#97cdf9
rgb(151,205,249)
-
#aad6fa
#aad6fa
rgb(170,214,250)
-
#bcdffb
#bcdffb
rgb(188,223,251)
-
#cfe8fc
#cfe8fc
rgb(207,232,252)
-
#e1f1fd
#e1f1fd
rgb(225,241,253)
-
#f4fafe
#f4fafe
rgb(244,250,254)
Tones of #158ff2
A tone is produced by adding gray to any pure hue. In this case, #7e848a is the less saturated color, while #0c90fc is the most saturated one.
-
#7e848a
#7e848a
rgb(126,132,138)
-
#748593
#748593
rgb(116,133,147)
-
#6b869d
#6b869d
rgb(107,134,157)
-
#6187a6
#6187a6
rgb(97,135,166)
-
#5888b0
#5888b0
rgb(88,136,176)
-
#4e89b9
#4e89b9
rgb(78,137,185)
-
#458ac3
#458ac3
rgb(69,138,195)
-
#3b8bcc
#3b8bcc
rgb(59,139,204)
-
#328cd6
#328cd6
rgb(50,140,214)
-
#288ddf
#288ddf
rgb(40,141,223)
-
#1e8ee9
#1e8ee9
rgb(30,142,233)
-
#158ff2
#158ff2
rgb(21,143,242)
-
#0c90fc
#0c90fc
rgb(12,144,252)
Color Blindness Simulator
Below, you can see how #158ff2 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.