#022caa hex color

In a RGB color space, hex #022caa is composed of 0.8% red, 17.3% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 74.1% magenta, 0% yellow and 33.3% black. It has a hue angle of 225 degrees, a saturation of 97.7% and a lightness of 33.7%. #022caa color hex could be obtained by blending #0458ff with #000055. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 1
- G 17
- B 67
RGB color chart
- C 99
- M 74
- Y 0
- K 33
CMYK color chart

● #022caa color description : Dark blue.

The hexadecimal color #022caa has RGB values of R:2, G:44, B:170 and CMYK values of C:0.99, M:0.74, Y:0, K:0.33. Its decimal value is 142506.

Hex triplet	022caa	`#022caa`
RGB Decimal	2, 44, 170	`rgb(2,44,170)`
RGB Percent	0.8, 17.3, 66.7	`rgb(0.8%,17.3%,66.7%)`
CMYK	99, 74, 0, 33
HSL	225°, 97.7, 33.7	`hsl(225,97.7%,33.7%)`
HSV (or HSB)	225°, 98.8, 66.7
Web Safe	003399	`#003399`

CIE-LAB	25.909, 40.109, -69.177
XYZ	8.18, 4.716, 38.507
xyY	0.159, 0.092, 4.716
CIE-LCH	25.909, 79.964, 300.105
CIE-LUV	25.909, -9.957, -84.224
Hunter-Lab	21.716, 29.234, -89.932
Binary	00000010, 00101100, 10101010

#022caa
```
#022caa rgb(2,44,170)
```
#aa8002
```
#aa8002 rgb(170,128,2)
```

Complementary Color

#0280aa
```
#0280aa rgb(2,128,170)
```
#022caa
```
#022caa rgb(2,44,170)
```
#2c02aa
```
#2c02aa rgb(44,2,170)
```

Analogous Color

#80aa02
```
#80aa02 rgb(128,170,2)
```
#022caa
```
#022caa rgb(2,44,170)
```
#aa2c02
```
#aa2c02 rgb(170,44,2)
```

Split Complementary Color

#2caa02
```
#2caa02 rgb(44,170,2)
```
#022caa
```
#022caa rgb(2,44,170)
```
#aa022c
```
#aa022c rgb(170,2,44)
```

Triadic Color

#02aa80
```
#02aa80 rgb(2,170,128)
```
#022caa
```
#022caa rgb(2,44,170)
```
#aa022c
```
#aa022c rgb(170,2,44)
```
#aa8002
```
#aa8002 rgb(170,128,2)
```

Tetradic Color

#01185e
```
#01185e rgb(1,24,94)
```
#011f78
```
#011f78 rgb(1,31,120)
```
#022591
```
#022591 rgb(2,37,145)
```
#022caa
```
#022caa rgb(2,44,170)
```
#0233c3
```
#0233c3 rgb(2,51,195)
```
#0339dc
```
#0339dc rgb(3,57,220)
```
#0340f6
```
#0340f6 rgb(3,64,246)
```

Monochromatic Color

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

#0256aa
```
#0256aa rgb(2,86,170)
```
#0248aa
```
#0248aa rgb(2,72,170)
```
#023aaa
```
#023aaa rgb(2,58,170)
```
#022caa
```
#022caa rgb(2,44,170)
```
#021eaa
```
#021eaa rgb(2,30,170)
```
#0210aa
```
#0210aa rgb(2,16,170)
```
#0202aa
```
#0202aa rgb(2,2,170)
```

Similar Colors

Text with hexadecimal color #022caa

This text has a font color of #022caa.

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

#022caa background color

This paragraph has a background color of #022caa.

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

#022caa border color

This element has a border color of #022caa.

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

CSS codes

.text {color:#022caa;}

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

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

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, #00040f is the darkest color, while #fbfcff is the lightest one.

#00040f
```
#00040f rgb(0,4,15)
```
#000922
```
#000922 rgb(0,9,34)
```
#010e36
```
#010e36 rgb(1,14,54)
```
#011349
```
#011349 rgb(1,19,73)
```
#01185c
```
#01185c rgb(1,24,92)
```
#011d70
```
#011d70 rgb(1,29,112)
```
#022283
```
#022283 rgb(2,34,131)
```
#022797
```
#022797 rgb(2,39,151)
```
#022caa
```
#022caa rgb(2,44,170)
```
#0231bd
```
#0231bd rgb(2,49,189)
```
#0236d1
```
#0236d1 rgb(2,54,209)
```
#033be4
```
#033be4 rgb(3,59,228)
```
#0340f8
```
#0340f8 rgb(3,64,248)
```

Shade Color Variation

#124cfc
```
#124cfc rgb(18,76,252)
```
#255bfc
```
#255bfc rgb(37,91,252)
```
#396afd
```
#396afd rgb(57,106,253)
```
#4c78fd
```
#4c78fd rgb(76,120,253)
```
#5f87fd
```
#5f87fd rgb(95,135,253)
```
#7395fd
```
#7395fd rgb(115,149,253)
```
#86a4fe
```
#86a4fe rgb(134,164,254)
```
#9ab3fe
```
#9ab3fe rgb(154,179,254)
```
#adc1fe
```
#adc1fe rgb(173,193,254)
```
#c0d0fe
```
#c0d0fe rgb(192,208,254)
```
#d4defe
```
#d4defe rgb(212,222,254)
```
#e7edff
```
#e7edff rgb(231,237,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#51545b
```
#51545b rgb(81,84,91)
```
#4b5061
```
#4b5061 rgb(75,80,97)
```
#444d68
```
#444d68 rgb(68,77,104)
```
#3e4a6e
```
#3e4a6e rgb(62,74,110)
```
#374675
```
#374675 rgb(55,70,117)
```
#30437c
```
#30437c rgb(48,67,124)
```
#2a4082
```
#2a4082 rgb(42,64,130)
```
#233d89
```
#233d89 rgb(35,61,137)
```
#1c3990
```
#1c3990 rgb(28,57,144)
```
#163696
```
#163696 rgb(22,54,150)
```
#0f339d
```
#0f339d rgb(15,51,157)
```
#092fa3
```
#092fa3 rgb(9,47,163)
```
#022caa
```
#022caa rgb(2,44,170)
```

Tone Color Variation

Below, you can see how #022caa 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
#252e47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004586 Protanopia 1% of men
#004974 Deuteranopia 1% of men
#004e52 Tritanopia 0.001% of the population

Trichromacy

#003c93 Protanomaly 1% of men, 0.01% of women
#003e88 Deuteranomaly 6% of men, 0.4% of women
#004272 Tritanomaly 0.01% of the population

#022caa hex color

#022caa Color Information

#022caa Color Conversion

Color Schemes with #022caa

Alternatives to #022caa

#022caa Preview

Shades and Tints of #022caa

Tones of #022caa

Color Blindness Simulator