#0022ec hex color

In a RGB color space, hex #0022ec is composed of 0% red, 13.3% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 85.6% magenta, 0% yellow and 7.5% black. It has a hue angle of 231.4 degrees, a saturation of 100% and a lightness of 46.3%. #0022ec color hex could be obtained by blending #0044ff with #0000d9. Closest websafe color is: #0033ff.

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

● #0022ec color description : Pure (or mostly pure) blue.

The hexadecimal color #0022ec has RGB values of R:0, G:34, B:236 and CMYK values of C:1, M:0.86, Y:0, K:0.07. Its decimal value is 8940.

Hex triplet	0022ec	`#0022ec`
RGB Decimal	0, 34, 236	`rgb(0,34,236)`
RGB Percent	0, 13.3, 92.5	`rgb(0%,13.3%,92.5%)`
CMYK	100, 86, 0, 7
HSL	231.4°, 100, 46.3	`hsl(231.4,100%,46.3%)`
HSV (or HSB)	231.4°, 100, 92.5
Web Safe	0033ff	`#0033ff`

CIE-LAB	32.256, 66.397, -97.207
XYZ	15.709, 7.199, 79.914
xyY	0.153, 0.07, 7.199
CIE-LCH	32.256, 117.719, 304.335
CIE-LUV	32.256, -10.459, -121.63
Hunter-Lab	26.831, 57.557, -157.81
Binary	00000000, 00100010, 11101100

#0022ec
```
#0022ec rgb(0,34,236)
```
#ecca00
```
#ecca00 rgb(236,202,0)
```

Complementary Color

#0098ec
```
#0098ec rgb(0,152,236)
```
#0022ec
```
#0022ec rgb(0,34,236)
```
#5400ec
```
#5400ec rgb(84,0,236)
```

Analogous Color

#98ec00
```
#98ec00 rgb(152,236,0)
```
#0022ec
```
#0022ec rgb(0,34,236)
```
#ec5400
```
#ec5400 rgb(236,84,0)
```

Split Complementary Color

#22ec00
```
#22ec00 rgb(34,236,0)
```
#0022ec
```
#0022ec rgb(0,34,236)
```
#ec0022
```
#ec0022 rgb(236,0,34)
```

Triadic Color

#00ecca
```
#00ecca rgb(0,236,202)
```
#0022ec
```
#0022ec rgb(0,34,236)
```
#ec0022
```
#ec0022 rgb(236,0,34)
```
#ecca00
```
#ecca00 rgb(236,202,0)
```

Tetradic Color

#0017a0
```
#0017a0 rgb(0,23,160)
```
#001bb9
```
#001bb9 rgb(0,27,185)
```
#001ed3
```
#001ed3 rgb(0,30,211)
```
#0022ec
```
#0022ec rgb(0,34,236)
```
#062aff
```
#062aff rgb(6,42,255)
```
#2040ff
```
#2040ff rgb(32,64,255)
```
#3a56ff
```
#3a56ff rgb(58,86,255)
```

Monochromatic Color

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

#005dec
```
#005dec rgb(0,93,236)
```
#0049ec
```
#0049ec rgb(0,73,236)
```
#0036ec
```
#0036ec rgb(0,54,236)
```
#0022ec
```
#0022ec rgb(0,34,236)
```
#000eec
```
#000eec rgb(0,14,236)
```
#0500ec
```
#0500ec rgb(5,0,236)
```
#1900ec
```
#1900ec rgb(25,0,236)
```

Similar Colors

Text with hexadecimal color #0022ec

This text has a font color of #0022ec.

<span style="color:#0022ec;">Text here</span>

#0022ec background color

This paragraph has a background color of #0022ec.

<p style="background-color:#0022ec;">Content here</p>

#0022ec border color

This element has a border color of #0022ec.

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

CSS codes

.text {color:#0022ec;}

.background {background-color:#0022ec;}

.border {border:1px solid #0022ec;}

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

#000001
```
#000001 rgb(0,0,1)
```
#000314
```
#000314 rgb(0,3,20)
```
#000628
```
#000628 rgb(0,6,40)
```
#00093b
```
#00093b rgb(0,9,59)
```
#000b4f
```
#000b4f rgb(0,11,79)
```
#000e63
```
#000e63 rgb(0,14,99)
```
#001176
```
#001176 rgb(0,17,118)
```
#00148a
```
#00148a rgb(0,20,138)
```
#00179e
```
#00179e rgb(0,23,158)
```
#001ab1
```
#001ab1 rgb(0,26,177)
```
#001cc5
```
#001cc5 rgb(0,28,197)
```
#001fd8
```
#001fd8 rgb(0,31,216)
```
#0022ec
```
#0022ec rgb(0,34,236)
```

Shade Color Variation

#0125ff
```
#0125ff rgb(1,37,255)
```
#1436ff
```
#1436ff rgb(20,54,255)
```
#2847ff
```
#2847ff rgb(40,71,255)
```
#3b58ff
```
#3b58ff rgb(59,88,255)
```
#4f68ff
```
#4f68ff rgb(79,104,255)
```
#6379ff
```
#6379ff rgb(99,121,255)
```
#768aff
```
#768aff rgb(118,138,255)
```
#8a9bff
```
#8a9bff rgb(138,155,255)
```
#9eacff
```
#9eacff rgb(158,172,255)
```
#b1bcff
```
#b1bcff rgb(177,188,255)
```
#c5cdff
```
#c5cdff rgb(197,205,255)
```
#d8deff
```
#d8deff rgb(216,222,255)
```
#ecefff
```
#ecefff rgb(236,239,255)
```

Tint Color Variation

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

#6d707f
```
#6d707f rgb(109,112,127)
```
#646988
```
#646988 rgb(100,105,136)
```
#5b6391
```
#5b6391 rgb(91,99,145)
```
#525c9a
```
#525c9a rgb(82,92,154)
```
#4956a3
```
#4956a3 rgb(73,86,163)
```
#404fac
```
#404fac rgb(64,79,172)
```
#3649b6
```
#3649b6 rgb(54,73,182)
```
#2d42bf
```
#2d42bf rgb(45,66,191)
```
#243cc8
```
#243cc8 rgb(36,60,200)
```
#1b35d1
```
#1b35d1 rgb(27,53,209)
```
#122fda
```
#122fda rgb(18,47,218)
```
#0928e3
```
#0928e3 rgb(9,40,227)
```
#0022ec
```
#0022ec rgb(0,34,236)
```

Tone Color Variation

Below, you can see how #0022ec 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

#2f2f2f Achromatopsia 0.005% of the population
#262c55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a0 Protanopia 1% of men
#00578a Deuteranopia 1% of men
#005d61 Tritanopia 0.001% of the population

Trichromacy

#0041bc Protanomaly 1% of men, 0.01% of women
#0044ad Deuteranomaly 6% of men, 0.4% of women
#004893 Tritanomaly 0.01% of the population

#0022ec hex color

#0022ec Color Information

#0022ec Color Conversion

Color Schemes with #0022ec

Alternatives to #0022ec

#0022ec Preview

Shades and Tints of #0022ec

Tones of #0022ec

Color Blindness Simulator