#156cf2 Color Information
In a RGB color space, hex #156cf2 is composed of 8.2% red, 42.4% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 91.3% cyan, 55.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 216.4 degrees, a saturation of 89.5% and a lightness of 51.6%. #156cf2 color hex could be obtained by blending #2ad8ff with #0000e5. Closest websafe color is: #0066ff.
-
- R 8
- G 42
- B 95
-
- C 91
- M 55
- Y 0
- K 5
● #156cf2 color description : Vivid blue.
#156cf2 Color Conversion
The hexadecimal color #156cf2 has RGB values of R:21, G:108, B:242 and CMYK values of C:0.91, M:0.55, Y:0, K:0.05. Its decimal value is 1404146.
Hex triplet | 156cf2 | #156cf2 |
---|---|---|
RGB Decimal | 21, 108, 242 | rgb(21,108,242) |
RGB Percent | 8.2, 42.4, 94.9 | rgb(8.2%,42.4%,94.9%) |
CMYK | 91, 55, 0, 5 | |
HSL | 216.4°, 89.5, 51.6 | hsl(216.4,89.5%,51.6%) |
HSV (or HSB) | 216.4°, 91.3, 94.9 | |
Web Safe | 0066ff | #0066ff |
CIE-LAB | 48.628, 27.004, -73.586 |
---|---|
XYZ | 21.695, 17.293, 86.194 |
xyY | 0.173, 0.138, 17.293 |
CIE-LCH | 48.628, 78.384, 290.151 |
CIE-LUV | 48.628, -23.414, -113.751 |
Hunter-Lab | 41.585, 20.35, -93.78 |
Binary | 00010101, 01101100, 11110010 |
Color Schemes with #156cf2
Alternatives to #156cf2
Below, you can see some colors close to #156cf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#156cf2 Preview
This text has a font color of #156cf2.
<span style="color:#156cf2;">Text here</span>
This paragraph has a background color of #156cf2.
<p style="background-color:#156cf2;">Content here</p>
This element has a border color of #156cf2.
<div style="border:1px solid #156cf2;">Content here</div>
.text {color:#156cf2;}
.background {background-color:#156cf2;}
.border {border:1px solid #156cf2;}
Shades and Tints of #156cf2
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, #000308 is the darkest color, while #f4f8fe is the lightest one.
-
#000308
#000308
rgb(0,3,8)
-
#010b1a
#010b1a
rgb(1,11,26)
-
#02132d
#02132d
rgb(2,19,45)
-
#041b3f
#041b3f
rgb(4,27,63)
-
#052352
#052352
rgb(5,35,82)
-
#062b64
#062b64
rgb(6,43,100)
-
#073377
#073377
rgb(7,51,119)
-
#083b8a
#083b8a
rgb(8,59,138)
-
#09439c
#09439c
rgb(9,67,156)
-
#0a4baf
#0a4baf
rgb(10,75,175)
-
#0b53c1
#0b53c1
rgb(11,83,193)
-
#0c5bd4
#0c5bd4
rgb(12,91,212)
-
#0d63e7
#0d63e7
rgb(13,99,231)
-
#156cf2
#156cf2
rgb(21,108,242)
-
#2878f3
#2878f3
rgb(40,120,243)
-
#3a83f4
#3a83f4
rgb(58,131,244)
-
#4d8ff5
#4d8ff5
rgb(77,143,245)
-
#5f9bf6
#5f9bf6
rgb(95,155,246)
-
#72a6f7
#72a6f7
rgb(114,166,247)
-
#84b2f8
#84b2f8
rgb(132,178,248)
-
#97bef9
#97bef9
rgb(151,190,249)
-
#aac9fa
#aac9fa
rgb(170,201,250)
-
#bcd5fb
#bcd5fb
rgb(188,213,251)
-
#cfe1fc
#cfe1fc
rgb(207,225,252)
-
#e1ecfd
#e1ecfd
rgb(225,236,253)
-
#f4f8fe
#f4f8fe
rgb(244,248,254)
Tones of #156cf2
A tone is produced by adding gray to any pure hue. In this case, #7e828a is the less saturated color, while #0c6afc is the most saturated one.
-
#7e828a
#7e828a
rgb(126,130,138)
-
#748093
#748093
rgb(116,128,147)
-
#6b7e9d
#6b7e9d
rgb(107,126,157)
-
#617ca6
#617ca6
rgb(97,124,166)
-
#587ab0
#587ab0
rgb(88,122,176)
-
#4e78b9
#4e78b9
rgb(78,120,185)
-
#4576c3
#4576c3
rgb(69,118,195)
-
#3b74cc
#3b74cc
rgb(59,116,204)
-
#3272d6
#3272d6
rgb(50,114,214)
-
#2870df
#2870df
rgb(40,112,223)
-
#1e6ee9
#1e6ee9
rgb(30,110,233)
-
#156cf2
#156cf2
rgb(21,108,242)
-
#0c6afc
#0c6afc
rgb(12,106,252)
Color Blindness Simulator
Below, you can see how #156cf2 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.