#0156f3 Color Information
In a RGB color space, hex #0156f3 is composed of 0.4% red, 33.7% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 64.6% magenta, 0% yellow and 4.7% black. It has a hue angle of 218.9 degrees, a saturation of 99.2% and a lightness of 47.8%. #0156f3 color hex could be obtained by blending #02acff with #0000e7. Closest websafe color is: #0066ff.
-
- R 0
- G 34
- B 95
-
- C 100
- M 65
- Y 0
- K 5
● #0156f3 color description : Vivid blue.
#0156f3 Color Conversion
The hexadecimal color #0156f3 has RGB values of R:1, G:86, B:243 and CMYK values of C:1, M:0.65, Y:0, K:0.05. Its decimal value is 87795.
Hex triplet | 0156f3 | #0156f3 |
---|---|---|
RGB Decimal | 1, 86, 243 | rgb(1,86,243) |
RGB Percent | 0.4, 33.7, 95.3 | rgb(0.4%,33.7%,95.3%) |
CMYK | 100, 65, 0, 5 | |
HSL | 218.9°, 99.2, 47.8 | hsl(218.9,99.2%,47.8%) |
HSV (or HSB) | 218.9°, 99.6, 95.3 | |
Web Safe | 0066ff | #0066ff |
CIE-LAB | 42.961, 40.829, -83.429 |
---|---|
XYZ | 19.515, 13.131, 86.295 |
xyY | 0.164, 0.11, 13.131 |
CIE-LCH | 42.961, 92.884, 296.076 |
CIE-LUV | 42.961, -18.785, -122.714 |
Hunter-Lab | 36.237, 32.711, -115.827 |
Binary | 00000001, 01010110, 11110011 |
Color Schemes with #0156f3
Alternatives to #0156f3
Below, you can see some colors close to #0156f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0156f3 Preview
This text has a font color of #0156f3.
<span style="color:#0156f3;">Text here</span>
This paragraph has a background color of #0156f3.
<p style="background-color:#0156f3;">Content here</p>
This element has a border color of #0156f3.
<div style="border:1px solid #0156f3;">Content here</div>
.text {color:#0156f3;}
.background {background-color:#0156f3;}
.border {border:1px solid #0156f3;}
Shades and Tints of #0156f3
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, #000309 is the darkest color, while #f4f8ff is the lightest one.
-
#000309
#000309
rgb(0,3,9)
-
#000a1c
#000a1c
rgb(0,10,28)
-
#001130
#001130
rgb(0,17,48)
-
#001843
#001843
rgb(0,24,67)
-
#001f57
#001f57
rgb(0,31,87)
-
#00266a
#00266a
rgb(0,38,106)
-
#012d7e
#012d7e
rgb(1,45,126)
-
#013391
#013391
rgb(1,51,145)
-
#013aa5
#013aa5
rgb(1,58,165)
-
#0141b8
#0141b8
rgb(1,65,184)
-
#0148cc
#0148cc
rgb(1,72,204)
-
#014fdf
#014fdf
rgb(1,79,223)
-
#0156f3
#0156f3
rgb(1,86,243)
-
#0a5ffe
#0a5ffe
rgb(10,95,254)
-
#1d6cfe
#1d6cfe
rgb(29,108,254)
-
#3179fe
#3179fe
rgb(49,121,254)
-
#4486fe
#4486fe
rgb(68,134,254)
-
#5892fe
#5892fe
rgb(88,146,254)
-
#6b9ffe
#6b9ffe
rgb(107,159,254)
-
#7facfe
#7facfe
rgb(127,172,254)
-
#92b8ff
#92b8ff
rgb(146,184,255)
-
#a6c5ff
#a6c5ff
rgb(166,197,255)
-
#b9d2ff
#b9d2ff
rgb(185,210,255)
-
#cddeff
#cddeff
rgb(205,222,255)
-
#e1ebff
#e1ebff
rgb(225,235,255)
-
#f4f8ff
#f4f8ff
rgb(244,248,255)
Tones of #0156f3
A tone is produced by adding gray to any pure hue. In this case, #727882 is the less saturated color, while #0156f3 is the most saturated one.
-
#727882
#727882
rgb(114,120,130)
-
#68758c
#68758c
rgb(104,117,140)
-
#5f7295
#5f7295
rgb(95,114,149)
-
#556f9f
#556f9f
rgb(85,111,159)
-
#4c6ca8
#4c6ca8
rgb(76,108,168)
-
#436ab1
#436ab1
rgb(67,106,177)
-
#3967bb
#3967bb
rgb(57,103,187)
-
#3064c4
#3064c4
rgb(48,100,196)
-
#2761cd
#2761cd
rgb(39,97,205)
-
#1d5ed7
#1d5ed7
rgb(29,94,215)
-
#145ce0
#145ce0
rgb(20,92,224)
-
#0a59ea
#0a59ea
rgb(10,89,234)
-
#0156f3
#0156f3
rgb(1,86,243)
Color Blindness Simulator
Below, you can see how #0156f3 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.