#156af2 Color Information
In a RGB color space, hex #156af2 is composed of 8.2% red, 41.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 91.3% cyan, 56.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 216.9 degrees, a saturation of 89.5% and a lightness of 51.6%. #156af2 color hex could be obtained by blending #2ad4ff with #0000e5. Closest websafe color is: #0066ff.
-
- R 8
- G 42
- B 95
-
- C 91
- M 56
- Y 0
- K 5
● #156af2 color description : Vivid blue.
#156af2 Color Conversion
The hexadecimal color #156af2 has RGB values of R:21, G:106, B:242 and CMYK values of C:0.91, M:0.56, Y:0, K:0.05. Its decimal value is 1403634.
Hex triplet | 156af2 | #156af2 |
---|---|---|
RGB Decimal | 21, 106, 242 | rgb(21,106,242) |
RGB Percent | 8.2, 41.6, 94.9 | rgb(8.2%,41.6%,94.9%) |
CMYK | 91, 56, 0, 5 | |
HSL | 216.9°, 89.5, 51.6 | hsl(216.9,89.5%,51.6%) |
HSV (or HSB) | 216.9°, 91.3, 94.9 | |
Web Safe | 0066ff | #0066ff |
CIE-LAB | 48.104, 28.279, -74.439 |
---|---|
XYZ | 21.487, 16.876, 86.125 |
xyY | 0.173, 0.136, 16.876 |
CIE-LCH | 48.104, 79.63, 290.801 |
CIE-LUV | 48.104, -22.882, -114.672 |
Hunter-Lab | 41.081, 21.47, -95.542 |
Binary | 00010101, 01101010, 11110010 |
Color Schemes with #156af2
Alternatives to #156af2
Below, you can see some colors close to #156af2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#156af2 Preview
This text has a font color of #156af2.
<span style="color:#156af2;">Text here</span>
This paragraph has a background color of #156af2.
<p style="background-color:#156af2;">Content here</p>
This element has a border color of #156af2.
<div style="border:1px solid #156af2;">Content here</div>
.text {color:#156af2;}
.background {background-color:#156af2;}
.border {border:1px solid #156af2;}
Shades and Tints of #156af2
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)
-
#052252
#052252
rgb(5,34,82)
-
#062a64
#062a64
rgb(6,42,100)
-
#073277
#073277
rgb(7,50,119)
-
#083a8a
#083a8a
rgb(8,58,138)
-
#09419c
#09419c
rgb(9,65,156)
-
#0a49af
#0a49af
rgb(10,73,175)
-
#0b51c1
#0b51c1
rgb(11,81,193)
-
#0c59d4
#0c59d4
rgb(12,89,212)
-
#0d61e7
#0d61e7
rgb(13,97,231)
-
#156af2
#156af2
rgb(21,106,242)
-
#2876f3
#2876f3
rgb(40,118,243)
-
#3a82f4
#3a82f4
rgb(58,130,244)
-
#4d8df5
#4d8df5
rgb(77,141,245)
-
#5f99f6
#5f99f6
rgb(95,153,246)
-
#72a5f7
#72a5f7
rgb(114,165,247)
-
#84b1f8
#84b1f8
rgb(132,177,248)
-
#97bdf9
#97bdf9
rgb(151,189,249)
-
#aac9fa
#aac9fa
rgb(170,201,250)
-
#bcd4fb
#bcd4fb
rgb(188,212,251)
-
#cfe0fc
#cfe0fc
rgb(207,224,252)
-
#e1ecfd
#e1ecfd
rgb(225,236,253)
-
#f4f8fe
#f4f8fe
rgb(244,248,254)
Tones of #156af2
A tone is produced by adding gray to any pure hue. In this case, #7e828a is the less saturated color, while #0c68fc 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)
-
#5879b0
#5879b0
rgb(88,121,176)
-
#4e77b9
#4e77b9
rgb(78,119,185)
-
#4575c3
#4575c3
rgb(69,117,195)
-
#3b73cc
#3b73cc
rgb(59,115,204)
-
#3271d6
#3271d6
rgb(50,113,214)
-
#286edf
#286edf
rgb(40,110,223)
-
#1e6ce9
#1e6ce9
rgb(30,108,233)
-
#156af2
#156af2
rgb(21,106,242)
-
#0c68fc
#0c68fc
rgb(12,104,252)
Color Blindness Simulator
Below, you can see how #156af2 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.