#0036e0 hex color

In a RGB color space, hex #0036e0 is composed of 0% red, 21.2% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 75.9% magenta, 0% yellow and 12.2% black. It has a hue angle of 225.5 degrees, a saturation of 100% and a lightness of 43.9%. #0036e0 color hex could be obtained by blending #006cff with #0000c1. Closest websafe color is: #0033cc.

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

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

The hexadecimal color #0036e0 has RGB values of R:0, G:54, B:224 and CMYK values of C:1, M:0.76, Y:0, K:0.12. Its decimal value is 14048.

Hex triplet	0036e0	`#0036e0`
RGB Decimal	0, 54, 224	`rgb(0,54,224)`
RGB Percent	0, 21.2, 87.8	`rgb(0%,21.2%,87.8%)`
CMYK	100, 76, 0, 12
HSL	225.5°, 100, 43.9	`hsl(225.5,100%,43.9%)`
HSV (or HSB)	225.5°, 100, 87.8
Web Safe	0033cc	`#0033cc`

CIE-LAB	34.022, 53.206, -87.42
XYZ	14.771, 8.019, 71.286
xyY	0.157, 0.085, 8.019
CIE-LCH	34.022, 102.338, 301.326
CIE-LUV	34.022, -12.607, -115.656
Hunter-Lab	28.318, 43.552, -129.433
Binary	00000000, 00110110, 11100000

#0036e0
```
#0036e0 rgb(0,54,224)
```
#e0aa00
```
#e0aa00 rgb(224,170,0)
```

Complementary Color

#00a6e0
```
#00a6e0 rgb(0,166,224)
```
#0036e0
```
#0036e0 rgb(0,54,224)
```
#3a00e0
```
#3a00e0 rgb(58,0,224)
```

Analogous Color

#a6e000
```
#a6e000 rgb(166,224,0)
```
#0036e0
```
#0036e0 rgb(0,54,224)
```
#e03a00
```
#e03a00 rgb(224,58,0)
```

Split Complementary Color

#36e000
```
#36e000 rgb(54,224,0)
```
#0036e0
```
#0036e0 rgb(0,54,224)
```
#e00036
```
#e00036 rgb(224,0,54)
```

Triadic Color

#00e0aa
```
#00e0aa rgb(0,224,170)
```
#0036e0
```
#0036e0 rgb(0,54,224)
```
#e00036
```
#e00036 rgb(224,0,54)
```
#e0aa00
```
#e0aa00 rgb(224,170,0)
```

Tetradic Color

#002494
```
#002494 rgb(0,36,148)
```
#002aad
```
#002aad rgb(0,42,173)
```
#0030c7
```
#0030c7 rgb(0,48,199)
```
#0036e0
```
#0036e0 rgb(0,54,224)
```
#003cfa
```
#003cfa rgb(0,60,250)
```
#144dff
```
#144dff rgb(20,77,255)
```
#2e60ff
```
#2e60ff rgb(46,96,255)
```

Monochromatic Color

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

#006ee0
```
#006ee0 rgb(0,110,224)
```
#005be0
```
#005be0 rgb(0,91,224)
```
#0049e0
```
#0049e0 rgb(0,73,224)
```
#0036e0
```
#0036e0 rgb(0,54,224)
```
#0023e0
```
#0023e0 rgb(0,35,224)
```
#0011e0
```
#0011e0 rgb(0,17,224)
```
#0200e0
```
#0200e0 rgb(2,0,224)
```

Similar Colors

Text with hexadecimal color #0036e0

This text has a font color of #0036e0.

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

#0036e0 background color

This paragraph has a background color of #0036e0.

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

#0036e0 border color

This element has a border color of #0036e0.

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

CSS codes

.text {color:#0036e0;}

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

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

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

#000208
```
#000208 rgb(0,2,8)
```
#00071c
```
#00071c rgb(0,7,28)
```
#000b2f
```
#000b2f rgb(0,11,47)
```
#001043
```
#001043 rgb(0,16,67)
```
#001557
```
#001557 rgb(0,21,87)
```
#001a6a
```
#001a6a rgb(0,26,106)
```
#001e7e
```
#001e7e rgb(0,30,126)
```
#002392
```
#002392 rgb(0,35,146)
```
#0028a5
```
#0028a5 rgb(0,40,165)
```
#002db9
```
#002db9 rgb(0,45,185)
```
#0031cc
```
#0031cc rgb(0,49,204)
```
#0036e0
```
#0036e0 rgb(0,54,224)
```
#003bf4
```
#003bf4 rgb(0,59,244)
```

Shade Color Variation

#0844ff
```
#0844ff rgb(8,68,255)
```
#1c53ff
```
#1c53ff rgb(28,83,255)
```
#2f61ff
```
#2f61ff rgb(47,97,255)
```
#4370ff
```
#4370ff rgb(67,112,255)
```
#577fff
```
#577fff rgb(87,127,255)
```
#6a8eff
```
#6a8eff rgb(106,142,255)
```
#7e9dff
```
#7e9dff rgb(126,157,255)
```
#92acff
```
#92acff rgb(146,172,255)
```
#a5bbff
```
#a5bbff rgb(165,187,255)
```
#b9caff
```
#b9caff rgb(185,202,255)
```
#ccd9ff
```
#ccd9ff rgb(204,217,255)
```
#e0e7ff
```
#e0e7ff rgb(224,231,255)
```
#f4f6ff
```
#f4f6ff rgb(244,246,255)
```

Tint Color Variation

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

#676c79
```
#676c79 rgb(103,108,121)
```
#5f6781
```
#5f6781 rgb(95,103,129)
```
#56638a
```
#56638a rgb(86,99,138)
```
#4e5e92
```
#4e5e92 rgb(78,94,146)
```
#455a9b
```
#455a9b rgb(69,90,155)
```
#3c55a4
```
#3c55a4 rgb(60,85,164)
```
#3451ac
```
#3451ac rgb(52,81,172)
```
#2b4cb5
```
#2b4cb5 rgb(43,76,181)
```
#2248be
```
#2248be rgb(34,72,190)
```
#1a43c6
```
#1a43c6 rgb(26,67,198)
```
#113fcf
```
#113fcf rgb(17,63,207)
```
#093ad7
```
#093ad7 rgb(9,58,215)
```
#0036e0
```
#0036e0 rgb(0,54,224)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#2e385a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005b91 Deuteranopia 1% of men
#006266 Tritanopia 0.001% of the population

Trichromacy

#004abc Protanomaly 1% of men, 0.01% of women
#004ead Deuteranomaly 6% of men, 0.4% of women
#005292 Tritanomaly 0.01% of the population

#0036e0 hex color

#0036e0 Color Information

#0036e0 Color Conversion

Color Schemes with #0036e0

Alternatives to #0036e0

#0036e0 Preview

Shades and Tints of #0036e0

Tones of #0036e0

Color Blindness Simulator