#022cae hex color

In a RGB color space, hex #022cae is composed of 0.8% red, 17.3% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 74.7% magenta, 0% yellow and 31.8% black. It has a hue angle of 225.3 degrees, a saturation of 97.7% and a lightness of 34.5%. #022cae color hex could be obtained by blending #0458ff with #00005d. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 1
- G 17
- B 68
RGB color chart
- C 99
- M 75
- Y 0
- K 32
CMYK color chart

● #022cae color description : Dark blue.

The hexadecimal color #022cae has RGB values of R:2, G:44, B:174 and CMYK values of C:0.99, M:0.75, Y:0, K:0.32. Its decimal value is 142510.

Hex triplet	022cae	`#022cae`
RGB Decimal	2, 44, 174	`rgb(2,44,174)`
RGB Percent	0.8, 17.3, 68.2	`rgb(0.8%,17.3%,68.2%)`
CMYK	99, 75, 0, 32
HSL	225.3°, 97.7, 34.5	`hsl(225.3,97.7%,34.5%)`
HSV (or HSB)	225.3°, 98.9, 68.2
Web Safe	003399	`#003399`

CIE-LAB	26.36, 41.571, -70.836
XYZ	8.564, 4.87, 40.531
xyY	0.159, 0.09, 4.87
CIE-LCH	26.36, 82.133, 300.407
CIE-LUV	26.36, -10.025, -86.58
Hunter-Lab	22.067, 30.658, -93.451
Binary	00000010, 00101100, 10101110

#022cae
```
#022cae rgb(2,44,174)
```
#ae8402
```
#ae8402 rgb(174,132,2)
```

Complementary Color

#0282ae
```
#0282ae rgb(2,130,174)
```
#022cae
```
#022cae rgb(2,44,174)
```
#2e02ae
```
#2e02ae rgb(46,2,174)
```

Analogous Color

#82ae02
```
#82ae02 rgb(130,174,2)
```
#022cae
```
#022cae rgb(2,44,174)
```
#ae2e02
```
#ae2e02 rgb(174,46,2)
```

Split Complementary Color

#2cae02
```
#2cae02 rgb(44,174,2)
```
#022cae
```
#022cae rgb(2,44,174)
```
#ae022c
```
#ae022c rgb(174,2,44)
```

Triadic Color

#02ae84
```
#02ae84 rgb(2,174,132)
```
#022cae
```
#022cae rgb(2,44,174)
```
#ae022c
```
#ae022c rgb(174,2,44)
```
#ae8402
```
#ae8402 rgb(174,132,2)
```

Tetradic Color

#011962
```
#011962 rgb(1,25,98)
```
#011f7c
```
#011f7c rgb(1,31,124)
```
#022695
```
#022695 rgb(2,38,149)
```
#022cae
```
#022cae rgb(2,44,174)
```
#0232c7
```
#0232c7 rgb(2,50,199)
```
#0339e0
```
#0339e0 rgb(3,57,224)
```
#033ffa
```
#033ffa rgb(3,63,250)
```

Monochromatic Color

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

#0257ae
```
#0257ae rgb(2,87,174)
```
#0249ae
```
#0249ae rgb(2,73,174)
```
#023aae
```
#023aae rgb(2,58,174)
```
#022cae
```
#022cae rgb(2,44,174)
```
#021eae
```
#021eae rgb(2,30,174)
```
#020fae
```
#020fae rgb(2,15,174)
```
#0302ae
```
#0302ae rgb(3,2,174)
```

Similar Colors

Text with hexadecimal color #022cae

This text has a font color of #022cae.

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

#022cae background color

This paragraph has a background color of #022cae.

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

#022cae border color

This element has a border color of #022cae.

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

CSS codes

.text {color:#022cae;}

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

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

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

#000513
```
#000513 rgb(0,5,19)
```
#000a26
```
#000a26 rgb(0,10,38)
```
#010f3a
```
#010f3a rgb(1,15,58)
```
#01134d
```
#01134d rgb(1,19,77)
```
#011860
```
#011860 rgb(1,24,96)
```
#011d74
```
#011d74 rgb(1,29,116)
```
#022287
```
#022287 rgb(2,34,135)
```
#02279b
```
#02279b rgb(2,39,155)
```
#022cae
```
#022cae rgb(2,44,174)
```
#0231c1
```
#0231c1 rgb(2,49,193)
```
#0236d5
```
#0236d5 rgb(2,54,213)
```
#033be8
```
#033be8 rgb(3,59,232)
```
#0340fc
```
#0340fc rgb(3,64,252)
```

Shade Color Variation

#164efc
```
#164efc rgb(22,78,252)
```
#295dfd
```
#295dfd rgb(41,93,253)
```
#3d6bfd
```
#3d6bfd rgb(61,107,253)
```
#507afd
```
#507afd rgb(80,122,253)
```
#6389fd
```
#6389fd rgb(99,137,253)
```
#7798fd
```
#7798fd rgb(119,152,253)
```
#8aa6fe
```
#8aa6fe rgb(138,166,254)
```
#9eb5fe
```
#9eb5fe rgb(158,181,254)
```
#b1c4fe
```
#b1c4fe rgb(177,196,254)
```
#c4d2fe
```
#c4d2fe rgb(196,210,254)
```
#d8e1ff
```
#d8e1ff rgb(216,225,255)
```
#ebf0ff
```
#ebf0ff rgb(235,240,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#53565d
```
#53565d rgb(83,86,93)
```
#4c5264
```
#4c5264 rgb(76,82,100)
```
#464f6a
```
#464f6a rgb(70,79,106)
```
#3f4b71
```
#3f4b71 rgb(63,75,113)
```
#384878
```
#384878 rgb(56,72,120)
```
#31447f
```
#31447f rgb(49,68,127)
```
#2b4185
```
#2b4185 rgb(43,65,133)
```
#243d8c
```
#243d8c rgb(36,61,140)
```
#1d3a93
```
#1d3a93 rgb(29,58,147)
```
#16369a
```
#16369a rgb(22,54,154)
```
#1033a0
```
#1033a0 rgb(16,51,160)
```
#092fa7
```
#092fa7 rgb(9,47,167)
```
#022cae
```
#022cae rgb(2,44,174)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#252e48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004688 Protanopia 1% of men
#004a76 Deuteranopia 1% of men
#004f53 Tritanopia 0.001% of the population

Trichromacy

#003c96 Protanomaly 1% of men, 0.01% of women
#003f8a Deuteranomaly 6% of men, 0.4% of women
#004274 Tritanomaly 0.01% of the population

#022cae hex color

#022cae Color Information

#022cae Color Conversion

Color Schemes with #022cae

Alternatives to #022cae

#022cae Preview

Shades and Tints of #022cae

Tones of #022cae

Color Blindness Simulator