#0020e2 hex color

In a RGB color space, hex #0020e2 is composed of 0% red, 12.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 85.8% magenta, 0% yellow and 11.4% black. It has a hue angle of 231.5 degrees, a saturation of 100% and a lightness of 44.3%. #0020e2 color hex could be obtained by blending #0040ff with #0000c5. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 0
- G 13
- B 89
RGB color chart
- C 100
- M 86
- Y 0
- K 11
CMYK color chart

● #0020e2 color description : Pure (or mostly pure) blue.

The hexadecimal color #0020e2 has RGB values of R:0, G:32, B:226 and CMYK values of C:1, M:0.86, Y:0, K:0.11. Its decimal value is 8418.

Hex triplet	0020e2	`#0020e2`
RGB Decimal	0, 32, 226	`rgb(0,32,226)`
RGB Percent	0, 12.5, 88.6	`rgb(0%,12.5%,88.6%)`
CMYK	100, 86, 0, 11
HSL	231.5°, 100, 44.3	`hsl(231.5,100%,44.3%)`
HSV (or HSB)	231.5°, 100, 88.6
Web Safe	0033cc	`#0033cc`

CIE-LAB	30.695, 64.295, -94.101
XYZ	14.241, 6.523, 72.456
xyY	0.153, 0.07, 6.523
CIE-LCH	30.695, 113.968, 304.343
CIE-LUV	30.695, -9.949, -115.778
Hunter-Lab	25.54, 54.838, -150.326
Binary	00000000, 00100000, 11100010

#0020e2
```
#0020e2 rgb(0,32,226)
```
#e2c200
```
#e2c200 rgb(226,194,0)
```

Complementary Color

#0091e2
```
#0091e2 rgb(0,145,226)
```
#0020e2
```
#0020e2 rgb(0,32,226)
```
#5100e2
```
#5100e2 rgb(81,0,226)
```

Analogous Color

#91e200
```
#91e200 rgb(145,226,0)
```
#0020e2
```
#0020e2 rgb(0,32,226)
```
#e25100
```
#e25100 rgb(226,81,0)
```

Split Complementary Color

#20e200
```
#20e200 rgb(32,226,0)
```
#0020e2
```
#0020e2 rgb(0,32,226)
```
#e20020
```
#e20020 rgb(226,0,32)
```

Triadic Color

#00e2c2
```
#00e2c2 rgb(0,226,194)
```
#0020e2
```
#0020e2 rgb(0,32,226)
```
#e20020
```
#e20020 rgb(226,0,32)
```
#e2c200
```
#e2c200 rgb(226,194,0)
```

Tetradic Color

#001596
```
#001596 rgb(0,21,150)
```
#0019af
```
#0019af rgb(0,25,175)
```
#001cc9
```
#001cc9 rgb(0,28,201)
```
#0020e2
```
#0020e2 rgb(0,32,226)
```
#0024fc
```
#0024fc rgb(0,36,252)
```
#1637ff
```
#1637ff rgb(22,55,255)
```
#304dff
```
#304dff rgb(48,77,255)
```

Monochromatic Color

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

#0059e2
```
#0059e2 rgb(0,89,226)
```
#0046e2
```
#0046e2 rgb(0,70,226)
```
#0033e2
```
#0033e2 rgb(0,51,226)
```
#0020e2
```
#0020e2 rgb(0,32,226)
```
#000de2
```
#000de2 rgb(0,13,226)
```
#0600e2
```
#0600e2 rgb(6,0,226)
```
#1800e2
```
#1800e2 rgb(24,0,226)
```

Similar Colors

Text with hexadecimal color #0020e2

This text has a font color of #0020e2.

<span style="color:#0020e2;">Text here</span>

#0020e2 background color

This paragraph has a background color of #0020e2.

<p style="background-color:#0020e2;">Content here</p>

#0020e2 border color

This element has a border color of #0020e2.

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

CSS codes

.text {color:#0020e2;}

.background {background-color:#0020e2;}

.border {border:1px solid #0020e2;}

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, #00010a is the darkest color, while #f6f7ff is the lightest one.

#00010a
```
#00010a rgb(0,1,10)
```
#00041e
```
#00041e rgb(0,4,30)
```
#000731
```
#000731 rgb(0,7,49)
```
#000a45
```
#000a45 rgb(0,10,69)
```
#000d59
```
#000d59 rgb(0,13,89)
```
#000f6c
```
#000f6c rgb(0,15,108)
```
#001280
```
#001280 rgb(0,18,128)
```
#001594
```
#001594 rgb(0,21,148)
```
#0018a7
```
#0018a7 rgb(0,24,167)
```
#001abb
```
#001abb rgb(0,26,187)
```
#001dce
```
#001dce rgb(0,29,206)
```
#0020e2
```
#0020e2 rgb(0,32,226)
```
#0023f6
```
#0023f6 rgb(0,35,246)
```

Shade Color Variation

#0a2dff
```
#0a2dff rgb(10,45,255)
```
#1e3eff
```
#1e3eff rgb(30,62,255)
```
#314fff
```
#314fff rgb(49,79,255)
```
#455fff
```
#455fff rgb(69,95,255)
```
#5970ff
```
#5970ff rgb(89,112,255)
```
#6c81ff
```
#6c81ff rgb(108,129,255)
```
#8092ff
```
#8092ff rgb(128,146,255)
```
#94a3ff
```
#94a3ff rgb(148,163,255)
```
#a7b4ff
```
#a7b4ff rgb(167,180,255)
```
#bbc4ff
```
#bbc4ff rgb(187,196,255)
```
#ced5ff
```
#ced5ff rgb(206,213,255)
```
#e2e6ff
```
#e2e6ff rgb(226,230,255)
```
#f6f7ff
```
#f6f7ff rgb(246,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686b7a is the less saturated color, while #0020e2 is the most saturated one.

#686b7a
```
#686b7a rgb(104,107,122)
```
#606582
```
#606582 rgb(96,101,130)
```
#575e8b
```
#575e8b rgb(87,94,139)
```
#4e5894
```
#4e5894 rgb(78,88,148)
```
#46529c
```
#46529c rgb(70,82,156)
```
#3d4ca5
```
#3d4ca5 rgb(61,76,165)
```
#3445ae
```
#3445ae rgb(52,69,174)
```
#2b3fb7
```
#2b3fb7 rgb(43,63,183)
```
#2339bf
```
#2339bf rgb(35,57,191)
```
#1a33c8
```
#1a33c8 rgb(26,51,200)
```
#112cd1
```
#112cd1 rgb(17,44,209)
```
#0926d9
```
#0926d9 rgb(9,38,217)
```
#0020e2
```
#0020e2 rgb(0,32,226)
```

Tone Color Variation

Below, you can see how #0020e2 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

#2d2d2d Achromatopsia 0.005% of the population
#242a51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9a Protanopia 1% of men
#005484 Deuteranopia 1% of men
#005a5d Tritanopia 0.001% of the population

Trichromacy

#003eb4 Protanomaly 1% of men, 0.01% of women
#0041a6 Deuteranomaly 6% of men, 0.4% of women
#00448d Tritanomaly 0.01% of the population

#0020e2 hex color

#0020e2 Color Information

#0020e2 Color Conversion

Color Schemes with #0020e2

Alternatives to #0020e2

#0020e2 Preview

Shades and Tints of #0020e2

Tones of #0020e2

Color Blindness Simulator