#156ba2 Color Information
In a RGB color space, hex #156ba2 is composed of 8.2% red, 42% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 87% cyan, 34% magenta, 0% yellow and 36.5% black. It has a hue angle of 203.4 degrees, a saturation of 77% and a lightness of 35.9%. #156ba2 color hex could be obtained by blending #2ad6ff with #000045. Closest websafe color is: #006699.
-
- R 8
- G 42
- B 64
-
- C 87
- M 34
- Y 0
- K 36
● #156ba2 color description : Dark blue.
#156ba2 Color Conversion
The hexadecimal color #156ba2 has RGB values of R:21, G:107, B:162 and CMYK values of C:0.87, M:0.34, Y:0, K:0.36. Its decimal value is 1403810.
Hex triplet | 156ba2 | #156ba2 |
---|---|---|
RGB Decimal | 21, 107, 162 | rgb(21,107,162) |
RGB Percent | 8.2, 42, 63.5 | rgb(8.2%,42%,63.5%) |
CMYK | 87, 34, 0, 36 | |
HSL | 203.4°, 77, 35.9 | hsl(203.4,77%,35.9%) |
HSV (or HSB) | 203.4°, 87, 63.5 | |
Web Safe | 006699 | #006699 |
CIE-LAB | 43.186, -3.673, -36.389 |
---|---|
XYZ | 12.087, 13.282, 36.107 |
xyY | 0.197, 0.216, 13.282 |
CIE-LCH | 43.186, 36.574, 264.236 |
CIE-LUV | 43.186, -26.153, -52.971 |
Hunter-Lab | 36.445, -4.579, -33.229 |
Binary | 00010101, 01101011, 10100010 |
Color Schemes with #156ba2
Alternatives to #156ba2
Below, you can see some colors close to #156ba2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#156ba2 Preview
This text has a font color of #156ba2.
<span style="color:#156ba2;">Text here</span>
This paragraph has a background color of #156ba2.
<p style="background-color:#156ba2;">Content here</p>
This element has a border color of #156ba2.
<div style="border:1px solid #156ba2;">Content here</div>
.text {color:#156ba2;}
.background {background-color:#156ba2;}
.border {border:1px solid #156ba2;}
Shades and Tints of #156ba2
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, #010406 is the darkest color, while #f3fafd is the lightest one.
-
#010406
#010406
rgb(1,4,6)
-
#030f17
#030f17
rgb(3,15,23)
-
#051b28
#051b28
rgb(5,27,40)
-
#07263a
#07263a
rgb(7,38,58)
-
#0a324b
#0a324b
rgb(10,50,75)
-
#0c3d5d
#0c3d5d
rgb(12,61,93)
-
#0e496e
#0e496e
rgb(14,73,110)
-
#10547f
#10547f
rgb(16,84,127)
-
#136091
#136091
rgb(19,96,145)
-
#156ba2
#156ba2
rgb(21,107,162)
-
#1776b3
#1776b3
rgb(23,118,179)
-
#1a82c5
#1a82c5
rgb(26,130,197)
-
#1c8dd6
#1c8dd6
rgb(28,141,214)
-
#2398e2
#2398e2
rgb(35,152,226)
-
#34a0e5
#34a0e5
rgb(52,160,229)
-
#46a8e7
#46a8e7
rgb(70,168,231)
-
#57b0e9
#57b0e9
rgb(87,176,233)
-
#68b8eb
#68b8eb
rgb(104,184,235)
-
#7ac1ee
#7ac1ee
rgb(122,193,238)
-
#8bc9f0
#8bc9f0
rgb(139,201,240)
-
#9dd1f2
#9dd1f2
rgb(157,209,242)
-
#aed9f4
#aed9f4
rgb(174,217,244)
-
#bfe1f7
#bfe1f7
rgb(191,225,247)
-
#d1e9f9
#d1e9f9
rgb(209,233,249)
-
#e2f1fb
#e2f1fb
rgb(226,241,251)
-
#f3fafd
#f3fafd
rgb(243,250,253)
Tones of #156ba2
A tone is produced by adding gray to any pure hue. In this case, #5b5c5c is the less saturated color, while #076eb0 is the most saturated one.
-
#5b5c5c
#5b5c5c
rgb(91,92,92)
-
#545d63
#545d63
rgb(84,93,99)
-
#4d5f6a
#4d5f6a
rgb(77,95,106)
-
#466071
#466071
rgb(70,96,113)
-
#3f6278
#3f6278
rgb(63,98,120)
-
#38637f
#38637f
rgb(56,99,127)
-
#316586
#316586
rgb(49,101,134)
-
#2a668d
#2a668d
rgb(42,102,141)
-
#236894
#236894
rgb(35,104,148)
-
#1c699b
#1c699b
rgb(28,105,155)
-
#156ba2
#156ba2
rgb(21,107,162)
-
#0e6da9
#0e6da9
rgb(14,109,169)
-
#076eb0
#076eb0
rgb(7,110,176)
Color Blindness Simulator
Below, you can see how #156ba2 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.