#0056e0 hex color

In a RGB color space, hex #0056e0 is composed of 0% red, 33.7% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 61.6% magenta, 0% yellow and 12.2% black. It has a hue angle of 217 degrees, a saturation of 100% and a lightness of 43.9%. #0056e0 color hex could be obtained by blending #00acff with #0000c1. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 0
- G 34
- B 88
RGB color chart
- C 100
- M 62
- Y 0
- K 12
CMYK color chart

● #0056e0 color description : Pure (or mostly pure) blue.

The hexadecimal color #0056e0 has RGB values of R:0, G:86, B:224 and CMYK values of C:1, M:0.62, Y:0, K:0.12. Its decimal value is 22240.

Hex triplet	0056e0	`#0056e0`
RGB Decimal	0, 86, 224	`rgb(0,86,224)`
RGB Percent	0, 33.7, 87.8	`rgb(0%,33.7%,87.8%)`
CMYK	100, 62, 0, 12
HSL	217°, 100, 43.9	`hsl(217,100%,43.9%)`
HSV (or HSB)	217°, 100, 87.8
Web Safe	0066cc	`#0066cc`

CIE-LAB	41.273, 33.622, -75.46
XYZ	16.779, 12.036, 71.956
xyY	0.167, 0.119, 12.036
CIE-LCH	41.273, 82.611, 294.016
CIE-LUV	41.273, -18.994, -110.621
Hunter-Lab	34.693, 25.62, -98.687
Binary	00000000, 01010110, 11100000

#0056e0
```
#0056e0 rgb(0,86,224)
```
#e08a00
```
#e08a00 rgb(224,138,0)
```

Complementary Color

#00c6e0
```
#00c6e0 rgb(0,198,224)
```
#0056e0
```
#0056e0 rgb(0,86,224)
```
#1a00e0
```
#1a00e0 rgb(26,0,224)
```

Analogous Color

#c6e000
```
#c6e000 rgb(198,224,0)
```
#0056e0
```
#0056e0 rgb(0,86,224)
```
#e01a00
```
#e01a00 rgb(224,26,0)
```

Split Complementary Color

#56e000
```
#56e000 rgb(86,224,0)
```
#0056e0
```
#0056e0 rgb(0,86,224)
```
#e00056
```
#e00056 rgb(224,0,86)
```

Triadic Color

#00e08a
```
#00e08a rgb(0,224,138)
```
#0056e0
```
#0056e0 rgb(0,86,224)
```
#e00056
```
#e00056 rgb(224,0,86)
```
#e08a00
```
#e08a00 rgb(224,138,0)
```

Tetradic Color

#003994
```
#003994 rgb(0,57,148)
```
#0042ad
```
#0042ad rgb(0,66,173)
```
#004cc7
```
#004cc7 rgb(0,76,199)
```
#0056e0
```
#0056e0 rgb(0,86,224)
```
#0060fa
```
#0060fa rgb(0,96,250)
```
#146eff
```
#146eff rgb(20,110,255)
```
#2e7eff
```
#2e7eff rgb(46,126,255)
```

Monochromatic Color

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

#008ee0
```
#008ee0 rgb(0,142,224)
```
#007be0
```
#007be0 rgb(0,123,224)
```
#0069e0
```
#0069e0 rgb(0,105,224)
```
#0056e0
```
#0056e0 rgb(0,86,224)
```
#0043e0
```
#0043e0 rgb(0,67,224)
```
#0031e0
```
#0031e0 rgb(0,49,224)
```
#001ee0
```
#001ee0 rgb(0,30,224)
```

Similar Colors

Text with hexadecimal color #0056e0

This text has a font color of #0056e0.

<span style="color:#0056e0;">Text here</span>

#0056e0 background color

This paragraph has a background color of #0056e0.

<p style="background-color:#0056e0;">Content here</p>

#0056e0 border color

This element has a border color of #0056e0.

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

CSS codes

.text {color:#0056e0;}

.background {background-color:#0056e0;}

.border {border:1px solid #0056e0;}

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

#000308
```
#000308 rgb(0,3,8)
```
#000b1c
```
#000b1c rgb(0,11,28)
```
#00122f
```
#00122f rgb(0,18,47)
```
#001a43
```
#001a43 rgb(0,26,67)
```
#002157
```
#002157 rgb(0,33,87)
```
#00296a
```
#00296a rgb(0,41,106)
```
#00307e
```
#00307e rgb(0,48,126)
```
#003892
```
#003892 rgb(0,56,146)
```
#003fa5
```
#003fa5 rgb(0,63,165)
```
#0047b9
```
#0047b9 rgb(0,71,185)
```
#004ecc
```
#004ecc rgb(0,78,204)
```
#0056e0
```
#0056e0 rgb(0,86,224)
```
#005ef4
```
#005ef4 rgb(0,94,244)
```

Shade Color Variation

#0867ff
```
#0867ff rgb(8,103,255)
```
#1c73ff
```
#1c73ff rgb(28,115,255)
```
#2f7fff
```
#2f7fff rgb(47,127,255)
```
#438bff
```
#438bff rgb(67,139,255)
```
#5797ff
```
#5797ff rgb(87,151,255)
```
#6aa3ff
```
#6aa3ff rgb(106,163,255)
```
#7eafff
```
#7eafff rgb(126,175,255)
```
#92bcff
```
#92bcff rgb(146,188,255)
```
#a5c8ff
```
#a5c8ff rgb(165,200,255)
```
#b9d4ff
```
#b9d4ff rgb(185,212,255)
```
#cce0ff
```
#cce0ff rgb(204,224,255)
```
#e0ecff
```
#e0ecff rgb(224,236,255)
```
#f4f8ff
```
#f4f8ff rgb(244,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676e79 is the less saturated color, while #0056e0 is the most saturated one.

#676e79
```
#676e79 rgb(103,110,121)
```
#5f6c81
```
#5f6c81 rgb(95,108,129)
```
#566a8a
```
#566a8a rgb(86,106,138)
```
#4e6892
```
#4e6892 rgb(78,104,146)
```
#45669b
```
#45669b rgb(69,102,155)
```
#3c64a4
```
#3c64a4 rgb(60,100,164)
```
#3462ac
```
#3462ac rgb(52,98,172)
```
#2b60b5
```
#2b60b5 rgb(43,96,181)
```
#225ebe
```
#225ebe rgb(34,94,190)
```
#1a5cc6
```
#1a5cc6 rgb(26,92,198)
```
#115acf
```
#115acf rgb(17,90,207)
```
#0958d7
```
#0958d7 rgb(9,88,215)
```
#0056e0
```
#0056e0 rgb(0,86,224)
```

Tone Color Variation

Below, you can see how #0056e0 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

#4c4c4c Achromatopsia 0.005% of the population
#3d4e6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c7 Protanopia 1% of men
#006cad Deuteranopia 1% of men
#007479 Tritanopia 0.001% of the population

Trichromacy

#0060d0 Protanomaly 1% of men, 0.01% of women
#0064c0 Deuteranomaly 6% of men, 0.4% of women
#00699e Tritanomaly 0.01% of the population

#0056e0 hex color

#0056e0 Color Information

#0056e0 Color Conversion

Color Schemes with #0056e0

Alternatives to #0056e0

#0056e0 Preview

Shades and Tints of #0056e0

Tones of #0056e0

Color Blindness Simulator