#156cff Color Information
In a RGB color space, hex #156cff is composed of 8.2% red, 42.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 91.8% cyan, 57.6% magenta, 0% yellow and 0% black. It has a hue angle of 217.7 degrees, a saturation of 100% and a lightness of 54.1%. #156cff color hex could be obtained by blending #2ad8ff with #0000ff. Closest websafe color is: #0066ff.
-
- R 8
- G 42
- B 100
-
- C 92
- M 58
- Y 0
- K 0
● #156cff color description : Vivid blue.
#156cff Color Conversion
The hexadecimal color #156cff has RGB values of R:21, G:108, B:255 and CMYK values of C:0.92, M:0.58, Y:0, K:0. Its decimal value is 1404159.
Hex triplet | 156cff | #156cff |
---|---|---|
RGB Decimal | 21, 108, 255 | rgb(21,108,255) |
RGB Percent | 8.2, 42.4, 100 | rgb(8.2%,42.4%,100%) |
CMYK | 92, 58, 0, 0 | |
HSL | 217.7°, 100, 54.1 | hsl(217.7,100%,54.1%) |
HSV (or HSB) | 217.7°, 91.8, 100 | |
Web Safe | 0066ff | #0066ff |
CIE-LAB | 49.62, 31.941, -79.202 |
---|---|
XYZ | 23.718, 18.103, 96.846 |
xyY | 0.171, 0.131, 18.103 |
CIE-LCH | 49.62, 85.4, 291.963 |
CIE-LUV | 49.62, -23.149, -122.7 |
Hunter-Lab | 42.547, 25.048, -105.174 |
Binary | 00010101, 01101100, 11111111 |
Color Schemes with #156cff
Alternatives to #156cff
Below, you can see some colors close to #156cff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#156cff Preview
This text has a font color of #156cff.
<span style="color:#156cff;">Text here</span>
This paragraph has a background color of #156cff.
<p style="background-color:#156cff;">Content here</p>
This element has a border color of #156cff.
<div style="border:1px solid #156cff;">Content here</div>
.text {color:#156cff;}
.background {background-color:#156cff;}
.border {border:1px solid #156cff;}
Shades and Tints of #156cff
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 #edf4ff 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)
-
#001e50
#001e50
rgb(0,30,80)
-
#002563
#002563
rgb(0,37,99)
-
#002c77
#002c77
rgb(0,44,119)
-
#00348b
#00348b
rgb(0,52,139)
-
#003b9e
#003b9e
rgb(0,59,158)
-
#0042b2
#0042b2
rgb(0,66,178)
-
#0049c6
#0049c6
rgb(0,73,198)
-
#0051d9
#0051d9
rgb(0,81,217)
-
#0058ed
#0058ed
rgb(0,88,237)
-
#0160ff
#0160ff
rgb(1,96,255)
-
#156cff
#156cff
rgb(21,108,255)
-
#2978ff
#2978ff
rgb(41,120,255)
-
#3c85ff
#3c85ff
rgb(60,133,255)
-
#5091ff
#5091ff
rgb(80,145,255)
-
#639dff
#639dff
rgb(99,157,255)
-
#77aaff
#77aaff
rgb(119,170,255)
-
#8bb6ff
#8bb6ff
rgb(139,182,255)
-
#9ec2ff
#9ec2ff
rgb(158,194,255)
-
#b2cfff
#b2cfff
rgb(178,207,255)
-
#c6dbff
#c6dbff
rgb(198,219,255)
-
#d9e7ff
#d9e7ff
rgb(217,231,255)
-
#edf4ff
#edf4ff
rgb(237,244,255)
Tones of #156cff
A tone is produced by adding gray to any pure hue. In this case, #818893 is the less saturated color, while #156cff is the most saturated one.
-
#818893
#818893
rgb(129,136,147)
-
#78859c
#78859c
rgb(120,133,156)
-
#6f83a5
#6f83a5
rgb(111,131,165)
-
#6681ae
#6681ae
rgb(102,129,174)
-
#5d7eb7
#5d7eb7
rgb(93,126,183)
-
#547cc0
#547cc0
rgb(84,124,192)
-
#4b7ac9
#4b7ac9
rgb(75,122,201)
-
#4278d2
#4278d2
rgb(66,120,210)
-
#3975db
#3975db
rgb(57,117,219)
-
#3073e4
#3073e4
rgb(48,115,228)
-
#2771ed
#2771ed
rgb(39,113,237)
-
#1e6ef6
#1e6ef6
rgb(30,110,246)
-
#156cff
#156cff
rgb(21,108,255)
Color Blindness Simulator
Below, you can see how #156cff 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.