#0156c5 hex color

In a RGB color space, hex #0156c5 is composed of 0.4% red, 33.7% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 99.5% cyan, 56.3% magenta, 0% yellow and 22.7% black. It has a hue angle of 214 degrees, a saturation of 99% and a lightness of 38.8%. #0156c5 color hex could be obtained by blending #02acff with #00008b. Closest websafe color is: #0066cc.

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

● #0156c5 color description : Strong blue.

The hexadecimal color #0156c5 has RGB values of R:1, G:86, B:197 and CMYK values of C:0.99, M:0.56, Y:0, K:0.23. Its decimal value is 87749.

Hex triplet	0156c5	`#0156c5`
RGB Decimal	1, 86, 197	`rgb(1,86,197)`
RGB Percent	0.4, 33.7, 77.3	`rgb(0.4%,33.7%,77.3%)`
CMYK	99, 56, 0, 23
HSL	214°, 99, 38.8	`hsl(214,99%,38.8%)`
HSV (or HSB)	214°, 99.5, 77.3
Web Safe	0066cc	`#0066cc`

CIE-LAB	39.057, 23.021, -63.557
XYZ	13.416, 10.692, 54.177
xyY	0.171, 0.137, 10.692
CIE-LCH	39.057, 67.598, 289.911
CIE-LUV	39.057, -19.436, -92.521
Hunter-Lab	32.699, 16.015, -75.346
Binary	00000001, 01010110, 11000101

#0156c5
```
#0156c5 rgb(1,86,197)
```
#c57001
```
#c57001 rgb(197,112,1)
```

Complementary Color

#01b8c5
```
#01b8c5 rgb(1,184,197)
```
#0156c5
```
#0156c5 rgb(1,86,197)
```
#0e01c5
```
#0e01c5 rgb(14,1,197)
```

Analogous Color

#b8c501
```
#b8c501 rgb(184,197,1)
```
#0156c5
```
#0156c5 rgb(1,86,197)
```
#c50e01
```
#c50e01 rgb(197,14,1)
```

Split Complementary Color

#56c501
```
#56c501 rgb(86,197,1)
```
#0156c5
```
#0156c5 rgb(1,86,197)
```
#c50156
```
#c50156 rgb(197,1,86)
```

Triadic Color

#01c570
```
#01c570 rgb(1,197,112)
```
#0156c5
```
#0156c5 rgb(1,86,197)
```
#c50156
```
#c50156 rgb(197,1,86)
```
#c57001
```
#c57001 rgb(197,112,1)
```

Tetradic Color

#013579
```
#013579 rgb(1,53,121)
```
#014092
```
#014092 rgb(1,64,146)
```
#014bac
```
#014bac rgb(1,75,172)
```
#0156c5
```
#0156c5 rgb(1,86,197)
```
#0161de
```
#0161de rgb(1,97,222)
```
#016cf8
```
#016cf8 rgb(1,108,248)
```
#157afe
```
#157afe rgb(21,122,254)
```

Monochromatic Color

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

#0187c5
```
#0187c5 rgb(1,135,197)
```
#0177c5
```
#0177c5 rgb(1,119,197)
```
#0166c5
```
#0166c5 rgb(1,102,197)
```
#0156c5
```
#0156c5 rgb(1,86,197)
```
#0146c5
```
#0146c5 rgb(1,70,197)
```
#0135c5
```
#0135c5 rgb(1,53,197)
```
#0125c5
```
#0125c5 rgb(1,37,197)
```

Similar Colors

Text with hexadecimal color #0156c5

This text has a font color of #0156c5.

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

#0156c5 background color

This paragraph has a background color of #0156c5.

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

#0156c5 border color

This element has a border color of #0156c5.

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

CSS codes

.text {color:#0156c5;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#000915
```
#000915 rgb(0,9,21)
```
#001229
```
#001229 rgb(0,18,41)
```
#001a3c
```
#001a3c rgb(0,26,60)
```
#002350
```
#002350 rgb(0,35,80)
```
#012b63
```
#012b63 rgb(1,43,99)
```
#013477
```
#013477 rgb(1,52,119)
```
#013c8a
```
#013c8a rgb(1,60,138)
```
#01459e
```
#01459e rgb(1,69,158)
```
#014db1
```
#014db1 rgb(1,77,177)
```
#0156c5
```
#0156c5 rgb(1,86,197)
```
#015fd9
```
#015fd9 rgb(1,95,217)
```
#0167ec
```
#0167ec rgb(1,103,236)
```

Shade Color Variation

#0370fe
```
#0370fe rgb(3,112,254)
```
#177bfe
```
#177bfe rgb(23,123,254)
```
#2a86fe
```
#2a86fe rgb(42,134,254)
```
#3e91fe
```
#3e91fe rgb(62,145,254)
```
#519cfe
```
#519cfe rgb(81,156,254)
```
#65a7fe
```
#65a7fe rgb(101,167,254)
```
#78b2fe
```
#78b2fe rgb(120,178,254)
```
#8cbdfe
```
#8cbdfe rgb(140,189,254)
```
#9fc9ff
```
#9fc9ff rgb(159,201,255)
```
#b3d4ff
```
#b3d4ff rgb(179,212,255)
```
#c6dfff
```
#c6dfff rgb(198,223,255)
```
#daeaff
```
#daeaff rgb(218,234,255)
```
#edf5ff
```
#edf5ff rgb(237,245,255)
```

Tint Color Variation

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

#5c626a
```
#5c626a rgb(92,98,106)
```
#556171
```
#556171 rgb(85,97,113)
```
#4d6079
```
#4d6079 rgb(77,96,121)
```
#465f80
```
#465f80 rgb(70,95,128)
```
#3e5e88
```
#3e5e88 rgb(62,94,136)
```
#365d90
```
#365d90 rgb(54,93,144)
```
#2f5c97
```
#2f5c97 rgb(47,92,151)
```
#275b9f
```
#275b9f rgb(39,91,159)
```
#1f5aa7
```
#1f5aa7 rgb(31,90,167)
```
#1859ae
```
#1859ae rgb(24,89,174)
```
#1058b6
```
#1058b6 rgb(16,88,182)
```
#0957bd
```
#0957bd rgb(9,87,189)
```
#0156c5
```
#0156c5 rgb(1,86,197)
```

Tone Color Variation

Below, you can see how #0156c5 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
#3b4c62 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#005dc1 Protanomaly 1% of men, 0.01% of women
#0060b1 Deuteranomaly 6% of men, 0.4% of women
#006591 Tritanomaly 0.01% of the population

#0156c5 hex color

#0156c5 Color Information

#0156c5 Color Conversion

Color Schemes with #0156c5

Alternatives to #0156c5

#0156c5 Preview

Shades and Tints of #0156c5

Tones of #0156c5

Color Blindness Simulator