#022ace hex color

In a RGB color space, hex #022ace is composed of 0.8% red, 16.5% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 79.6% magenta, 0% yellow and 19.2% black. It has a hue angle of 228.2 degrees, a saturation of 98.1% and a lightness of 40.8%. #022ace color hex could be obtained by blending #0454ff with #00009d. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 1
- G 16
- B 81
RGB color chart
- C 99
- M 80
- Y 0
- K 19
CMYK color chart

● #022ace color description : Strong blue.

The hexadecimal color #022ace has RGB values of R:2, G:42, B:206 and CMYK values of C:0.99, M:0.8, Y:0, K:0.19. Its decimal value is 142030.

Hex triplet	022ace	`#022ace`
RGB Decimal	2, 42, 206	`rgb(2,42,206)`
RGB Percent	0.8, 16.5, 80.8	`rgb(0.8%,16.5%,80.8%)`
CMYK	99, 80, 0, 19
HSL	228.2°, 98.1, 40.8	`hsl(228.2,98.1%,40.8%)`
HSV (or HSB)	228.2°, 99, 80.8
Web Safe	0033cc	`#0033cc`

CIE-LAB	29.723, 53.689, -84.163
XYZ	11.991, 6.124, 58.939
xyY	0.156, 0.079, 6.124
CIE-LCH	29.723, 99.829, 302.534
CIE-LUV	29.723, -10.411, -105.087
Hunter-Lab	24.747, 43.187, -123.887
Binary	00000010, 00101010, 11001110

#022ace
```
#022ace rgb(2,42,206)
```
#cea602
```
#cea602 rgb(206,166,2)
```

Complementary Color

#0290ce
```
#0290ce rgb(2,144,206)
```
#022ace
```
#022ace rgb(2,42,206)
```
#4002ce
```
#4002ce rgb(64,2,206)
```

Analogous Color

#90ce02
```
#90ce02 rgb(144,206,2)
```
#022ace
```
#022ace rgb(2,42,206)
```
#ce4002
```
#ce4002 rgb(206,64,2)
```

Split Complementary Color

#2ace02
```
#2ace02 rgb(42,206,2)
```
#022ace
```
#022ace rgb(2,42,206)
```
#ce022a
```
#ce022a rgb(206,2,42)
```

Triadic Color

#02cea6
```
#02cea6 rgb(2,206,166)
```
#022ace
```
#022ace rgb(2,42,206)
```
#ce022a
```
#ce022a rgb(206,2,42)
```
#cea602
```
#cea602 rgb(206,166,2)
```

Tetradic Color

#011b82
```
#011b82 rgb(1,27,130)
```
#02209b
```
#02209b rgb(2,32,155)
```
#0225b5
```
#0225b5 rgb(2,37,181)
```
#022ace
```
#022ace rgb(2,42,206)
```
#022fe7
```
#022fe7 rgb(2,47,231)
```
#0637fd
```
#0637fd rgb(6,55,253)
```
#204bfd
```
#204bfd rgb(32,75,253)
```

Monochromatic Color

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

#025dce
```
#025dce rgb(2,93,206)
```
#024cce
```
#024cce rgb(2,76,206)
```
#023bce
```
#023bce rgb(2,59,206)
```
#022ace
```
#022ace rgb(2,42,206)
```
#0219ce
```
#0219ce rgb(2,25,206)
```
#0208ce
```
#0208ce rgb(2,8,206)
```
#0d02ce
```
#0d02ce rgb(13,2,206)
```

Similar Colors

Text with hexadecimal color #022ace

This text has a font color of #022ace.

<span style="color:#022ace;">Text here</span>

#022ace background color

This paragraph has a background color of #022ace.

<p style="background-color:#022ace;">Content here</p>

#022ace border color

This element has a border color of #022ace.

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

CSS codes

.text {color:#022ace;}

.background {background-color:#022ace;}

.border {border:1px solid #022ace;}

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, #00020c is the darkest color, while #f7f9ff is the lightest one.

#00020c
```
#00020c rgb(0,2,12)
```
#00061f
```
#00061f rgb(0,6,31)
```
#000a33
```
#000a33 rgb(0,10,51)
```
#010e46
```
#010e46 rgb(1,14,70)
```
#011259
```
#011259 rgb(1,18,89)
```
#01166d
```
#01166d rgb(1,22,109)
```
#011a80
```
#011a80 rgb(1,26,128)
```
#011e94
```
#011e94 rgb(1,30,148)
```
#0222a7
```
#0222a7 rgb(2,34,167)
```
#0226bb
```
#0226bb rgb(2,38,187)
```
#022ace
```
#022ace rgb(2,42,206)
```
#022ee1
```
#022ee1 rgb(2,46,225)
```
#0232f5
```
#0232f5 rgb(2,50,245)
```

Shade Color Variation

#0e3dfd
```
#0e3dfd rgb(14,61,253)
```
#224dfd
```
#224dfd rgb(34,77,253)
```
#355cfd
```
#355cfd rgb(53,92,253)
```
#486cfd
```
#486cfd rgb(72,108,253)
```
#5c7cfd
```
#5c7cfd rgb(92,124,253)
```
#6f8bfe
```
#6f8bfe rgb(111,139,254)
```
#839bfe
```
#839bfe rgb(131,155,254)
```
#96abfe
```
#96abfe rgb(150,171,254)
```
#aabafe
```
#aabafe rgb(170,186,254)
```
#bdcafe
```
#bdcafe rgb(189,202,254)
```
#d0d9ff
```
#d0d9ff rgb(208,217,255)
```
#e4e9ff
```
#e4e9ff rgb(228,233,255)
```
#f7f9ff
```
#f7f9ff rgb(247,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #62646e is the less saturated color, while #022ace is the most saturated one.

#62646e
```
#62646e rgb(98,100,110)
```
#5a5f76
```
#5a5f76 rgb(90,95,118)
```
#525b7e
```
#525b7e rgb(82,91,126)
```
#4a5686
```
#4a5686 rgb(74,86,134)
```
#42518e
```
#42518e rgb(66,81,142)
```
#3a4c96
```
#3a4c96 rgb(58,76,150)
```
#32479e
```
#32479e rgb(50,71,158)
```
#2a42a6
```
#2a42a6 rgb(42,66,166)
```
#223dae
```
#223dae rgb(34,61,174)
```
#1a39b6
```
#1a39b6 rgb(26,57,182)
```
#1234be
```
#1234be rgb(18,52,190)
```
#0a2fc6
```
#0a2fc6 rgb(10,47,198)
```
#022ace
```
#022ace rgb(2,42,206)
```

Tone Color Variation

Below, you can see how #022ace 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

#313131 Achromatopsia 0.005% of the population
#283050 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d96 Protanopia 1% of men
#005281 Deuteranopia 1% of men
#00575b Tritanopia 0.001% of the population

Trichromacy

#0040aa Protanomaly 1% of men, 0.01% of women
#00439d Deuteranomaly 6% of men, 0.4% of women
#004784 Tritanomaly 0.01% of the population

#022ace hex color

#022ace Color Information

#022ace Color Conversion

Color Schemes with #022ace

Alternatives to #022ace

#022ace Preview

Shades and Tints of #022ace

Tones of #022ace

Color Blindness Simulator