#0156bb hex color

In a RGB color space, hex #0156bb is composed of 0.4% red, 33.7% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 99.5% cyan, 54% magenta, 0% yellow and 26.7% black. It has a hue angle of 212.6 degrees, a saturation of 98.9% and a lightness of 36.9%. #0156bb color hex could be obtained by blending #02acff with #000077. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 0
- G 34
- B 73
RGB color chart
- C 99
- M 54
- Y 0
- K 27
CMYK color chart

● #0156bb color description : Strong blue.

The hexadecimal color #0156bb has RGB values of R:1, G:86, B:187 and CMYK values of C:0.99, M:0.54, Y:0, K:0.27. Its decimal value is 87739.

Hex triplet	0156bb	`#0156bb`
RGB Decimal	1, 86, 187	`rgb(1,86,187)`
RGB Percent	0.4, 33.7, 73.3	`rgb(0.4%,33.7%,73.3%)`
CMYK	99, 54, 0, 27
HSL	212.6°, 98.9, 36.9	`hsl(212.6,98.9%,36.9%)`
HSV (or HSB)	212.6°, 99.5, 73.3
Web Safe	0066cc	`#0066cc`

CIE-LAB	38.285, 18.972, -58.979
XYZ	12.308, 10.249, 48.34
xyY	0.174, 0.145, 10.249
CIE-LCH	38.285, 61.955, 287.832
CIE-LUV	38.285, -19.694, -85.509
Hunter-Lab	32.014, 12.602, -67.118
Binary	00000001, 01010110, 10111011

#0156bb
```
#0156bb rgb(1,86,187)
```
#bb6601
```
#bb6601 rgb(187,102,1)
```

Complementary Color

#01b3bb
```
#01b3bb rgb(1,179,187)
```
#0156bb
```
#0156bb rgb(1,86,187)
```
#0901bb
```
#0901bb rgb(9,1,187)
```

Analogous Color

#b3bb01
```
#b3bb01 rgb(179,187,1)
```
#0156bb
```
#0156bb rgb(1,86,187)
```
#bb0901
```
#bb0901 rgb(187,9,1)
```

Split Complementary Color

#56bb01
```
#56bb01 rgb(86,187,1)
```
#0156bb
```
#0156bb rgb(1,86,187)
```
#bb0156
```
#bb0156 rgb(187,1,86)
```

Triadic Color

#01bb66
```
#01bb66 rgb(1,187,102)
```
#0156bb
```
#0156bb rgb(1,86,187)
```
#bb0156
```
#bb0156 rgb(187,1,86)
```
#bb6601
```
#bb6601 rgb(187,102,1)
```

Tetradic Color

#01336f
```
#01336f rgb(1,51,111)
```
#013f88
```
#013f88 rgb(1,63,136)
```
#014aa2
```
#014aa2 rgb(1,74,162)
```
#0156bb
```
#0156bb rgb(1,86,187)
```
#0162d4
```
#0162d4 rgb(1,98,212)
```
#016dee
```
#016dee rgb(1,109,238)
```
#0b7afe
```
#0b7afe rgb(11,122,254)
```

Monochromatic Color

Below, you can see some colors close to #0156bb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#0185bb
```
#0185bb rgb(1,133,187)
```
#0175bb
```
#0175bb rgb(1,117,187)
```
#0166bb
```
#0166bb rgb(1,102,187)
```
#0156bb
```
#0156bb rgb(1,86,187)
```
#0147bb
```
#0147bb rgb(1,71,187)
```
#0137bb
```
#0137bb rgb(1,55,187)
```
#0128bb
```
#0128bb rgb(1,40,187)
```

Similar Colors

Text with hexadecimal color #0156bb

This text has a font color of #0156bb.

<span style="color:#0156bb;">Text here</span>

#0156bb background color

This paragraph has a background color of #0156bb.

<p style="background-color:#0156bb;">Content here</p>

#0156bb border color

This element has a border color of #0156bb.

<div style="border:1px solid #0156bb;">Content here</div>

CSS codes

.text {color:#0156bb;}

.background {background-color:#0156bb;}

.border {border:1px solid #0156bb;}

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, #00050b is the darkest color, while #f7fbff is the lightest one.

#00050b
```
#00050b rgb(0,5,11)
```
#000e1f
```
#000e1f rgb(0,14,31)
```
#001732
```
#001732 rgb(0,23,50)
```
#002046
```
#002046 rgb(0,32,70)
```
#002959
```
#002959 rgb(0,41,89)
```
#01326d
```
#01326d rgb(1,50,109)
```
#013b80
```
#013b80 rgb(1,59,128)
```
#014494
```
#014494 rgb(1,68,148)
```
#014da7
```
#014da7 rgb(1,77,167)
```
#0156bb
```
#0156bb rgb(1,86,187)
```
#015fcf
```
#015fcf rgb(1,95,207)
```
#0168e2
```
#0168e2 rgb(1,104,226)
```
#0171f6
```
#0171f6 rgb(1,113,246)
```

Shade Color Variation

#0d7bfe
```
#0d7bfe rgb(13,123,254)
```
#2086fe
```
#2086fe rgb(32,134,254)
```
#3490fe
```
#3490fe rgb(52,144,254)
```
#479bfe
```
#479bfe rgb(71,155,254)
```
#5ba5fe
```
#5ba5fe rgb(91,165,254)
```
#6eb0fe
```
#6eb0fe rgb(110,176,254)
```
#82bbfe
```
#82bbfe rgb(130,187,254)
```
#95c5fe
```
#95c5fe rgb(149,197,254)
```
#a9d0ff
```
#a9d0ff rgb(169,208,255)
```
#bcdbff
```
#bcdbff rgb(188,219,255)
```
#d0e5ff
```
#d0e5ff rgb(208,229,255)
```
#e3f0ff
```
#e3f0ff rgb(227,240,255)
```
#f7fbff
```
#f7fbff rgb(247,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585d64 is the less saturated color, while #0156bb is the most saturated one.

#585d64
```
#585d64 rgb(88,93,100)
```
#515d6b
```
#515d6b rgb(81,93,107)
```
#495c73
```
#495c73 rgb(73,92,115)
```
#425c7a
```
#425c7a rgb(66,92,122)
```
#3b5b81
```
#3b5b81 rgb(59,91,129)
```
#345a88
```
#345a88 rgb(52,90,136)
```
#2c5a90
```
#2c5a90 rgb(44,90,144)
```
#255997
```
#255997 rgb(37,89,151)
```
#1e589e
```
#1e589e rgb(30,88,158)
```
#1758a5
```
#1758a5 rgb(23,88,165)
```
#0f57ad
```
#0f57ad rgb(15,87,173)
```
#0857b4
```
#0857b4 rgb(8,87,180)
```
#0156bb
```
#0156bb rgb(1,86,187)
```

Tone Color Variation

Below, you can see how #0156bb 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.

Monochromacy

#484848 Achromatopsia 0.005% of the population
#3a4b5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fbb Protanopia 1% of men
#0064a4 Deuteranopia 1% of men
#006c72 Tritanopia 0.001% of the population

Trichromacy

#005cbb Protanomaly 1% of men, 0.01% of women
#005fac Deuteranomaly 6% of men, 0.4% of women
#00648c Tritanomaly 0.01% of the population

#0156bb hex color

#0156bb Color Information

#0156bb Color Conversion

Color Schemes with #0156bb

Alternatives to #0156bb

#0156bb Preview

Shades and Tints of #0156bb

Tones of #0156bb

Color Blindness Simulator