#0156c3 hex color

In a RGB color space, hex #0156c3 is composed of 0.4% red, 33.7% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 99.5% cyan, 55.9% magenta, 0% yellow and 23.5% black. It has a hue angle of 213.7 degrees, a saturation of 99% and a lightness of 38.4%. #0156c3 color hex could be obtained by blending #02acff with #000087. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 0
- G 34
- B 76
RGB color chart
- C 99
- M 56
- Y 0
- K 24
CMYK color chart

● #0156c3 color description : Strong blue.

The hexadecimal color #0156c3 has RGB values of R:1, G:86, B:195 and CMYK values of C:0.99, M:0.56, Y:0, K:0.24. Its decimal value is 87747.

Hex triplet	0156c3	`#0156c3`
RGB Decimal	1, 86, 195	`rgb(1,86,195)`
RGB Percent	0.4, 33.7, 76.5	`rgb(0.4%,33.7%,76.5%)`
CMYK	99, 56, 0, 24
HSL	213.7°, 99, 38.4	`hsl(213.7,99%,38.4%)`
HSV (or HSB)	213.7°, 99.5, 76.5
Web Safe	0066cc	`#0066cc`

CIE-LAB	38.9, 22.216, -62.649
XYZ	13.188, 10.601, 52.978
xyY	0.172, 0.138, 10.601
CIE-LCH	38.9, 66.472, 289.525
CIE-LUV	38.9, -19.484, -91.133
Hunter-Lab	32.559, 15.325, -73.681
Binary	00000001, 01010110, 11000011

#0156c3
```
#0156c3 rgb(1,86,195)
```
#c36e01
```
#c36e01 rgb(195,110,1)
```

Complementary Color

#01b7c3
```
#01b7c3 rgb(1,183,195)
```
#0156c3
```
#0156c3 rgb(1,86,195)
```
#0d01c3
```
#0d01c3 rgb(13,1,195)
```

Analogous Color

#b7c301
```
#b7c301 rgb(183,195,1)
```
#0156c3
```
#0156c3 rgb(1,86,195)
```
#c30d01
```
#c30d01 rgb(195,13,1)
```

Split Complementary Color

#56c301
```
#56c301 rgb(86,195,1)
```
#0156c3
```
#0156c3 rgb(1,86,195)
```
#c30156
```
#c30156 rgb(195,1,86)
```

Triadic Color

#01c36e
```
#01c36e rgb(1,195,110)
```
#0156c3
```
#0156c3 rgb(1,86,195)
```
#c30156
```
#c30156 rgb(195,1,86)
```
#c36e01
```
#c36e01 rgb(195,110,1)
```

Tetradic Color

#013477
```
#013477 rgb(1,52,119)
```
#014090
```
#014090 rgb(1,64,144)
```
#014baa
```
#014baa rgb(1,75,170)
```
#0156c3
```
#0156c3 rgb(1,86,195)
```
#0161dc
```
#0161dc rgb(1,97,220)
```
#016cf6
```
#016cf6 rgb(1,108,246)
```
#137afe
```
#137afe rgb(19,122,254)
```

Monochromatic Color

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

#0187c3
```
#0187c3 rgb(1,135,195)
```
#0176c3
```
#0176c3 rgb(1,118,195)
```
#0166c3
```
#0166c3 rgb(1,102,195)
```
#0156c3
```
#0156c3 rgb(1,86,195)
```
#0146c3
```
#0146c3 rgb(1,70,195)
```
#0136c3
```
#0136c3 rgb(1,54,195)
```
#0126c3
```
#0126c3 rgb(1,38,195)
```

Similar Colors

Text with hexadecimal color #0156c3

This text has a font color of #0156c3.

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

#0156c3 background color

This paragraph has a background color of #0156c3.

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

#0156c3 border color

This element has a border color of #0156c3.

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

CSS codes

.text {color:#0156c3;}

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

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

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, #000913 is the darkest color, while #ffffff is the lightest one.

#000913
```
#000913 rgb(0,9,19)
```
#001127
```
#001127 rgb(0,17,39)
```
#001a3a
```
#001a3a rgb(0,26,58)
```
#00224e
```
#00224e rgb(0,34,78)
```
#002b61
```
#002b61 rgb(0,43,97)
```
#013475
```
#013475 rgb(1,52,117)
```
#013c88
```
#013c88 rgb(1,60,136)
```
#01459c
```
#01459c rgb(1,69,156)
```
#014daf
```
#014daf rgb(1,77,175)
```
#0156c3
```
#0156c3 rgb(1,86,195)
```
#015fd7
```
#015fd7 rgb(1,95,215)
```
#0167ea
```
#0167ea rgb(1,103,234)
```
#0170fe
```
#0170fe rgb(1,112,254)
```

Shade Color Variation

#157bfe
```
#157bfe rgb(21,123,254)
```
#2886fe
```
#2886fe rgb(40,134,254)
```
#3c91fe
```
#3c91fe rgb(60,145,254)
```
#4f9cfe
```
#4f9cfe rgb(79,156,254)
```
#63a7fe
```
#63a7fe rgb(99,167,254)
```
#76b2fe
```
#76b2fe rgb(118,178,254)
```
#8abdfe
```
#8abdfe rgb(138,189,254)
```
#9dc8fe
```
#9dc8fe rgb(157,200,254)
```
#b1d3ff
```
#b1d3ff rgb(177,211,255)
```
#c4deff
```
#c4deff rgb(196,222,255)
```
#d8e9ff
```
#d8e9ff rgb(216,233,255)
```
#ebf4ff
```
#ebf4ff rgb(235,244,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5b6169
```
#5b6169 rgb(91,97,105)
```
#546070
```
#546070 rgb(84,96,112)
```
#4c5f78
```
#4c5f78 rgb(76,95,120)
```
#455e7f
```
#455e7f rgb(69,94,127)
```
#3d5d87
```
#3d5d87 rgb(61,93,135)
```
#365d8e
```
#365d8e rgb(54,93,142)
```
#2e5c96
```
#2e5c96 rgb(46,92,150)
```
#275b9d
```
#275b9d rgb(39,91,157)
```
#1f5aa5
```
#1f5aa5 rgb(31,90,165)
```
#1859ac
```
#1859ac rgb(24,89,172)
```
#1058b4
```
#1058b4 rgb(16,88,180)
```
#0957bb
```
#0957bb rgb(9,87,187)
```
#0156c3
```
#0156c3 rgb(1,86,195)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#3b4c61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061be Protanopia 1% of men
#0066a6 Deuteranopia 1% of men
#006e73 Tritanopia 0.001% of the population

Trichromacy

#005dbf Protanomaly 1% of men, 0.01% of women
#0060b0 Deuteranomaly 6% of men, 0.4% of women
#006590 Tritanomaly 0.01% of the population

#0156c3 hex color

#0156c3 Color Information

#0156c3 Color Conversion

Color Schemes with #0156c3

Alternatives to #0156c3

#0156c3 Preview

Shades and Tints of #0156c3

Tones of #0156c3

Color Blindness Simulator