#158ff4 Color Information
In a RGB color space, hex #158ff4 is composed of 8.2% red, 56.1% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 91.4% cyan, 41.4% magenta, 0% yellow and 4.3% black. It has a hue angle of 207.2 degrees, a saturation of 91% and a lightness of 52%. #158ff4 color hex could be obtained by blending #2affff with #001fe9. Closest websafe color is: #0099ff.
-
- R 8
- G 56
- B 96
-
- C 91
- M 41
- Y 0
- K 4
● #158ff4 color description : Vivid blue.
#158ff4 Color Conversion
The hexadecimal color #158ff4 has RGB values of R:21, G:143, B:244 and CMYK values of C:0.91, M:0.41, Y:0, K:0.04. Its decimal value is 1413108.
Hex triplet | 158ff4 | #158ff4 |
---|---|---|
RGB Decimal | 21, 143, 244 | rgb(21,143,244) |
RGB Percent | 8.2, 56.1, 95.7 | rgb(8.2%,56.1%,95.7%) |
CMYK | 91, 41, 0, 4 | |
HSL | 207.2°, 91, 52 | hsl(207.2,91%,52%) |
HSV (or HSB) | 207.2°, 91.4, 95.7 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 58.352, 5.981, -58.996 |
---|---|
XYZ | 26.457, 26.334, 89.271 |
xyY | 0.186, 0.185, 26.334 |
CIE-LCH | 58.352, 59.298, 275.789 |
CIE-LUV | 58.352, -33.608, -94.438 |
Hunter-Lab | 51.316, 2.225, -67.221 |
Binary | 00010101, 10001111, 11110100 |
Color Schemes with #158ff4
Alternatives to #158ff4
Below, you can see some colors close to #158ff4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#158ff4 Preview
This text has a font color of #158ff4.
<span style="color:#158ff4;">Text here</span>
This paragraph has a background color of #158ff4.
<p style="background-color:#158ff4;">Content here</p>
This element has a border color of #158ff4.
<div style="border:1px solid #158ff4;">Content here</div>
.text {color:#158ff4;}
.background {background-color:#158ff4;}
.border {border:1px solid #158ff4;}
Shades and Tints of #158ff4
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, #00050a is the darkest color, while #f6fbff is the lightest one.
-
#00050a
#00050a
rgb(0,5,10)
-
#01101c
#01101c
rgb(1,16,28)
-
#021b2f
#021b2f
rgb(2,27,47)
-
#032542
#032542
rgb(3,37,66)
-
#043054
#043054
rgb(4,48,84)
-
#053b67
#053b67
rgb(5,59,103)
-
#06457a
#06457a
rgb(6,69,122)
-
#07508d
#07508d
rgb(7,80,141)
-
#075b9f
#075b9f
rgb(7,91,159)
-
#0865b2
#0865b2
rgb(8,101,178)
-
#0970c5
#0970c5
rgb(9,112,197)
-
#0a7bd8
#0a7bd8
rgb(10,123,216)
-
#0b85ea
#0b85ea
rgb(11,133,234)
-
#158ff4
#158ff4
rgb(21,143,244)
-
#2898f5
#2898f5
rgb(40,152,245)
-
#3aa1f6
#3aa1f6
rgb(58,161,246)
-
#4daaf7
#4daaf7
rgb(77,170,247)
-
#60b3f8
#60b3f8
rgb(96,179,248)
-
#73bcf8
#73bcf8
rgb(115,188,248)
-
#85c5f9
#85c5f9
rgb(133,197,249)
-
#98cefa
#98cefa
rgb(152,206,250)
-
#abd7fb
#abd7fb
rgb(171,215,251)
-
#bee0fc
#bee0fc
rgb(190,224,252)
-
#d0e9fd
#d0e9fd
rgb(208,233,253)
-
#e3f2fe
#e3f2fe
rgb(227,242,254)
-
#f6fbff
#f6fbff
rgb(246,251,255)
Tones of #158ff4
A tone is produced by adding gray to any pure hue. In this case, #7d858c is the less saturated color, while #0c90fd is the most saturated one.
-
#7d858c
#7d858c
rgb(125,133,140)
-
#738696
#738696
rgb(115,134,150)
-
#6a879f
#6a879f
rgb(106,135,159)
-
#6088a9
#6088a9
rgb(96,136,169)
-
#5789b2
#5789b2
rgb(87,137,178)
-
#4e8abb
#4e8abb
rgb(78,138,187)
-
#448bc5
#448bc5
rgb(68,139,197)
-
#3b8bce
#3b8bce
rgb(59,139,206)
-
#318cd8
#318cd8
rgb(49,140,216)
-
#288de1
#288de1
rgb(40,141,225)
-
#1e8eeb
#1e8eeb
rgb(30,142,235)
-
#158ff4
#158ff4
rgb(21,143,244)
-
#0c90fd
#0c90fd
rgb(12,144,253)
Color Blindness Simulator
Below, you can see how #158ff4 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.