#156bff Color Information
In a RGB color space, hex #156bff is composed of 8.2% red, 42% green and 100% blue. Whereas in a CMYK color space, it is composed of 91.8% cyan, 58% magenta, 0% yellow and 0% black. It has a hue angle of 217.9 degrees, a saturation of 100% and a lightness of 54.1%. #156bff color hex could be obtained by blending #2ad6ff with #0000ff. Closest websafe color is: #0066ff.
-
- R 8
- G 42
- B 100
-
- C 92
- M 58
- Y 0
- K 0
● #156bff color description : Vivid blue.
#156bff Color Conversion
The hexadecimal color #156bff has RGB values of R:21, G:107, B:255 and CMYK values of C:0.92, M:0.58, Y:0, K:0. Its decimal value is 1403903.
Hex triplet | 156bff | #156bff |
---|---|---|
RGB Decimal | 21, 107, 255 | rgb(21,107,255) |
RGB Percent | 8.2, 42, 100 | rgb(8.2%,42%,100%) |
CMYK | 92, 58, 0, 0 | |
HSL | 217.9°, 100, 54.1 | hsl(217.9,100%,54.1%) |
HSV (or HSB) | 217.9°, 91.8, 100 | |
Web Safe | 0066ff | #0066ff |
CIE-LAB | 49.366, 32.573, -79.618 |
---|---|
XYZ | 23.613, 17.893, 96.811 |
xyY | 0.171, 0.129, 17.893 |
CIE-LCH | 49.366, 86.023, 292.25 |
CIE-LUV | 49.366, -22.893, -123.122 |
Hunter-Lab | 42.3, 25.619, -106.087 |
Binary | 00010101, 01101011, 11111111 |
Color Schemes with #156bff
Alternatives to #156bff
Below, you can see some colors close to #156bff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#156bff Preview
This text has a font color of #156bff.
<span style="color:#156bff;">Text here</span>
This paragraph has a background color of #156bff.
<p style="background-color:#156bff;">Content here</p>
This element has a border color of #156bff.
<div style="border:1px solid #156bff;">Content here</div>
.text {color:#156bff;}
.background {background-color:#156bff;}
.border {border:1px solid #156bff;}
Shades and Tints of #156bff
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, #000101 is the darkest color, while #edf3ff is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#000815
#000815
rgb(0,8,21)
-
#000f29
#000f29
rgb(0,15,41)
-
#00163c
#00163c
rgb(0,22,60)
-
#001d50
#001d50
rgb(0,29,80)
-
#002563
#002563
rgb(0,37,99)
-
#002c77
#002c77
rgb(0,44,119)
-
#00338b
#00338b
rgb(0,51,139)
-
#003a9e
#003a9e
rgb(0,58,158)
-
#0041b2
#0041b2
rgb(0,65,178)
-
#0049c6
#0049c6
rgb(0,73,198)
-
#0050d9
#0050d9
rgb(0,80,217)
-
#0057ed
#0057ed
rgb(0,87,237)
-
#015fff
#015fff
rgb(1,95,255)
-
#156bff
#156bff
rgb(21,107,255)
-
#2977ff
#2977ff
rgb(41,119,255)
-
#3c84ff
#3c84ff
rgb(60,132,255)
-
#5090ff
#5090ff
rgb(80,144,255)
-
#639dff
#639dff
rgb(99,157,255)
-
#77a9ff
#77a9ff
rgb(119,169,255)
-
#8bb5ff
#8bb5ff
rgb(139,181,255)
-
#9ec2ff
#9ec2ff
rgb(158,194,255)
-
#b2ceff
#b2ceff
rgb(178,206,255)
-
#c6dbff
#c6dbff
rgb(198,219,255)
-
#d9e7ff
#d9e7ff
rgb(217,231,255)
-
#edf3ff
#edf3ff
rgb(237,243,255)
Tones of #156bff
A tone is produced by adding gray to any pure hue. In this case, #818893 is the less saturated color, while #156bff is the most saturated one.
-
#818893
#818893
rgb(129,136,147)
-
#78859c
#78859c
rgb(120,133,156)
-
#6f83a5
#6f83a5
rgb(111,131,165)
-
#6680ae
#6680ae
rgb(102,128,174)
-
#5d7eb7
#5d7eb7
rgb(93,126,183)
-
#547cc0
#547cc0
rgb(84,124,192)
-
#4b79c9
#4b79c9
rgb(75,121,201)
-
#4277d2
#4277d2
rgb(66,119,210)
-
#3975db
#3975db
rgb(57,117,219)
-
#3072e4
#3072e4
rgb(48,114,228)
-
#2770ed
#2770ed
rgb(39,112,237)
-
#1e6df6
#1e6df6
rgb(30,109,246)
-
#156bff
#156bff
rgb(21,107,255)
Color Blindness Simulator
Below, you can see how #156bff 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.