#0156ed hex color

In a RGB color space, hex #0156ed is composed of 0.4% red, 33.7% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 63.7% magenta, 0% yellow and 7.1% black. It has a hue angle of 218.4 degrees, a saturation of 99.2% and a lightness of 46.7%. #0156ed color hex could be obtained by blending #02acff with #0000db. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 0
- G 34
- B 93
RGB color chart
- C 100
- M 64
- Y 0
- K 7
CMYK color chart

● #0156ed color description : Vivid blue.

The hexadecimal color #0156ed has RGB values of R:1, G:86, B:237 and CMYK values of C:1, M:0.64, Y:0, K:0.07. Its decimal value is 87789.

Hex triplet	0156ed	`#0156ed`
RGB Decimal	1, 86, 237	`rgb(1,86,237)`
RGB Percent	0.4, 33.7, 92.9	`rgb(0.4%,33.7%,92.9%)`
CMYK	100, 64, 0, 7
HSL	218.4°, 99.2, 46.7	`hsl(218.4,99.2%,46.7%)`
HSV (or HSB)	218.4°, 99.6, 92.9
Web Safe	0066ff	`#0066ff`

CIE-LAB	42.422, 38.589, -80.939
XYZ	18.623, 12.775, 81.6
xyY	0.165, 0.113, 12.775
CIE-LCH	42.422, 89.667, 295.49
CIE-LUV	42.422, -18.826, -118.941
Hunter-Lab	35.742, 30.458, -110.342
Binary	00000001, 01010110, 11101101

#0156ed
```
#0156ed rgb(1,86,237)
```
#ed9801
```
#ed9801 rgb(237,152,1)
```

Complementary Color

#01cced
```
#01cced rgb(1,204,237)
```
#0156ed
```
#0156ed rgb(1,86,237)
```
#2201ed
```
#2201ed rgb(34,1,237)
```

Analogous Color

#cced01
```
#cced01 rgb(204,237,1)
```
#0156ed
```
#0156ed rgb(1,86,237)
```
#ed2201
```
#ed2201 rgb(237,34,1)
```

Split Complementary Color

#56ed01
```
#56ed01 rgb(86,237,1)
```
#0156ed
```
#0156ed rgb(1,86,237)
```
#ed0156
```
#ed0156 rgb(237,1,86)
```

Triadic Color

#01ed98
```
#01ed98 rgb(1,237,152)
```
#0156ed
```
#0156ed rgb(1,86,237)
```
#ed0156
```
#ed0156 rgb(237,1,86)
```
#ed9801
```
#ed9801 rgb(237,152,1)
```

Tetradic Color

#013aa1
```
#013aa1 rgb(1,58,161)
```
#0144ba
```
#0144ba rgb(1,68,186)
```
#014dd4
```
#014dd4 rgb(1,77,212)
```
#0156ed
```
#0156ed rgb(1,86,237)
```
#0a62fe
```
#0a62fe rgb(10,98,254)
```
#2372fe
```
#2372fe rgb(35,114,254)
```
#3c82fe
```
#3c82fe rgb(60,130,254)
```

Monochromatic Color

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

#0191ed
```
#0191ed rgb(1,145,237)
```
#017ded
```
#017ded rgb(1,125,237)
```
#016aed
```
#016aed rgb(1,106,237)
```
#0156ed
```
#0156ed rgb(1,86,237)
```
#0142ed
```
#0142ed rgb(1,66,237)
```
#012fed
```
#012fed rgb(1,47,237)
```
#011bed
```
#011bed rgb(1,27,237)
```

Similar Colors

Text with hexadecimal color #0156ed

This text has a font color of #0156ed.

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

#0156ed background color

This paragraph has a background color of #0156ed.

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

#0156ed border color

This element has a border color of #0156ed.

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

CSS codes

.text {color:#0156ed;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#000816
```
#000816 rgb(0,8,22)
```
#000f2a
```
#000f2a rgb(0,15,42)
```
#00163d
```
#00163d rgb(0,22,61)
```
#001d51
```
#001d51 rgb(0,29,81)
```
#002464
```
#002464 rgb(0,36,100)
```
#012b78
```
#012b78 rgb(1,43,120)
```
#01338b
```
#01338b rgb(1,51,139)
```
#013a9f
```
#013a9f rgb(1,58,159)
```
#0141b2
```
#0141b2 rgb(1,65,178)
```
#0148c6
```
#0148c6 rgb(1,72,198)
```
#014fd9
```
#014fd9 rgb(1,79,217)
```
#0156ed
```
#0156ed rgb(1,86,237)
```

Shade Color Variation

#045efe
```
#045efe rgb(4,94,254)
```
#176afe
```
#176afe rgb(23,106,254)
```
#2b77fe
```
#2b77fe rgb(43,119,254)
```
#3e83fe
```
#3e83fe rgb(62,131,254)
```
#5290fe
```
#5290fe rgb(82,144,254)
```
#659cfe
```
#659cfe rgb(101,156,254)
```
#79a9fe
```
#79a9fe rgb(121,169,254)
```
#8cb6ff
```
#8cb6ff rgb(140,182,255)
```
#a0c2ff
```
#a0c2ff rgb(160,194,255)
```
#b3cfff
```
#b3cfff rgb(179,207,255)
```
#c7dbff
```
#c7dbff rgb(199,219,255)
```
#dbe8ff
```
#dbe8ff rgb(219,232,255)
```
#eef4ff
```
#eef4ff rgb(238,244,255)
```

Tint Color Variation

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

#6f757f
```
#6f757f rgb(111,117,127)
```
#667288
```
#667288 rgb(102,114,136)
```
#5d7091
```
#5d7091 rgb(93,112,145)
```
#536d9b
```
#536d9b rgb(83,109,155)
```
#4a6aa4
```
#4a6aa4 rgb(74,106,164)
```
#4168ad
```
#4168ad rgb(65,104,173)
```
#3865b6
```
#3865b6 rgb(56,101,182)
```
#2f63bf
```
#2f63bf rgb(47,99,191)
```
#2660c8
```
#2660c8 rgb(38,96,200)
```
#1c5ed2
```
#1c5ed2 rgb(28,94,210)
```
#135bdb
```
#135bdb rgb(19,91,219)
```
#0a59e4
```
#0a59e4 rgb(10,89,228)
```
#0156ed
```
#0156ed rgb(1,86,237)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#3f506e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cc Protanopia 1% of men
#006fb1 Deuteranopia 1% of men
#00767c Tritanopia 0.001% of the population

Trichromacy

#0062d8 Protanomaly 1% of men, 0.01% of women
#0065c7 Deuteranomaly 6% of men, 0.4% of women
#006aa5 Tritanomaly 0.01% of the population

#0156ed hex color

#0156ed Color Information

#0156ed Color Conversion

Color Schemes with #0156ed

Alternatives to #0156ed

#0156ed Preview

Shades and Tints of #0156ed

Tones of #0156ed

Color Blindness Simulator