#156ba1 Color Information
In a RGB color space, hex #156ba1 is composed of 8.2% red, 42% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 87% cyan, 33.5% magenta, 0% yellow and 36.9% black. It has a hue angle of 203.1 degrees, a saturation of 76.9% and a lightness of 35.7%. #156ba1 color hex could be obtained by blending #2ad6ff with #000043. Closest websafe color is: #006699.
-
- R 8
- G 42
- B 63
-
- C 87
- M 34
- Y 0
- K 37
● #156ba1 color description : Dark blue.
#156ba1 Color Conversion
The hexadecimal color #156ba1 has RGB values of R:21, G:107, B:161 and CMYK values of C:0.87, M:0.34, Y:0, K:0.37. Its decimal value is 1403809.
Hex triplet | 156ba1 | #156ba1 |
---|---|---|
RGB Decimal | 21, 107, 161 | rgb(21,107,161) |
RGB Percent | 8.2, 42, 63.1 | rgb(8.2%,42%,63.1%) |
CMYK | 87, 34, 0, 37 | |
HSL | 203.1°, 76.9, 35.7 | hsl(203.1,76.9%,35.7%) |
HSV (or HSB) | 203.1°, 87, 63.1 | |
Web Safe | 006699 | #006699 |
CIE-LAB | 43.133, -4.062, -35.881 |
---|---|
XYZ | 11.998, 13.247, 35.641 |
xyY | 0.197, 0.218, 13.247 |
CIE-LCH | 43.133, 36.111, 263.541 |
CIE-LUV | 43.133, -26.207, -52.137 |
Hunter-Lab | 36.396, -4.849, -32.582 |
Binary | 00010101, 01101011, 10100001 |
Color Schemes with #156ba1
Alternatives to #156ba1
Below, you can see some colors close to #156ba1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#156ba1 Preview
This text has a font color of #156ba1.
<span style="color:#156ba1;">Text here</span>
This paragraph has a background color of #156ba1.
<p style="background-color:#156ba1;">Content here</p>
This element has a border color of #156ba1.
<div style="border:1px solid #156ba1;">Content here</div>
.text {color:#156ba1;}
.background {background-color:#156ba1;}
.border {border:1px solid #156ba1;}
Shades and Tints of #156ba1
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, #010305 is the darkest color, while #f2f9fd is the lightest one.
-
#010305
#010305
rgb(1,3,5)
-
#030f16
#030f16
rgb(3,15,22)
-
#051a28
#051a28
rgb(5,26,40)
-
#072639
#072639
rgb(7,38,57)
-
#0a314a
#0a314a
rgb(10,49,74)
-
#0c3d5c
#0c3d5c
rgb(12,61,92)
-
#0e486d
#0e486d
rgb(14,72,109)
-
#10547e
#10547e
rgb(16,84,126)
-
#135f90
#135f90
rgb(19,95,144)
-
#156ba1
#156ba1
rgb(21,107,161)
-
#1777b2
#1777b2
rgb(23,119,178)
-
#1a82c4
#1a82c4
rgb(26,130,196)
-
#1c8ed5
#1c8ed5
rgb(28,142,213)
-
#2298e2
#2298e2
rgb(34,152,226)
-
#34a0e4
#34a0e4
rgb(52,160,228)
-
#45a8e7
#45a8e7
rgb(69,168,231)
-
#56b0e9
#56b0e9
rgb(86,176,233)
-
#68b9eb
#68b9eb
rgb(104,185,235)
-
#79c1ee
#79c1ee
rgb(121,193,238)
-
#8ac9f0
#8ac9f0
rgb(138,201,240)
-
#9cd1f2
#9cd1f2
rgb(156,209,242)
-
#add9f4
#add9f4
rgb(173,217,244)
-
#bee1f7
#bee1f7
rgb(190,225,247)
-
#d0e9f9
#d0e9f9
rgb(208,233,249)
-
#e1f1fb
#e1f1fb
rgb(225,241,251)
-
#f2f9fd
#f2f9fd
rgb(242,249,253)
Tones of #156ba1
A tone is produced by adding gray to any pure hue. In this case, #545d62 is the less saturated color, while #0070b6 is the most saturated one.
-
#545d62
#545d62
rgb(84,93,98)
-
#4d5e69
#4d5e69
rgb(77,94,105)
-
#466070
#466070
rgb(70,96,112)
-
#3f6177
#3f6177
rgb(63,97,119)
-
#38637e
#38637e
rgb(56,99,126)
-
#316585
#316585
rgb(49,101,133)
-
#2a668c
#2a668c
rgb(42,102,140)
-
#236893
#236893
rgb(35,104,147)
-
#1c699a
#1c699a
rgb(28,105,154)
-
#156ba1
#156ba1
rgb(21,107,161)
-
#0e6da8
#0e6da8
rgb(14,109,168)
-
#076eaf
#076eaf
rgb(7,110,175)
-
#0070b6
#0070b6
rgb(0,112,182)
Color Blindness Simulator
Below, you can see how #156ba1 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.