#0422aa hex color

In a RGB color space, hex #0422aa is composed of 1.6% red, 13.3% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 80% magenta, 0% yellow and 33.3% black. It has a hue angle of 229.2 degrees, a saturation of 95.4% and a lightness of 34.1%. #0422aa color hex could be obtained by blending #0844ff with #000055. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 2
- G 13
- B 67
RGB color chart
- C 98
- M 80
- Y 0
- K 33
CMYK color chart

● #0422aa color description : Dark blue.

The hexadecimal color #0422aa has RGB values of R:4, G:34, B:170 and CMYK values of C:0.98, M:0.8, Y:0, K:0.33. Its decimal value is 271018.

Hex triplet	0422aa	`#0422aa`
RGB Decimal	4, 34, 170	`rgb(4,34,170)`
RGB Percent	1.6, 13.3, 66.7	`rgb(1.6%,13.3%,66.7%)`
CMYK	98, 80, 0, 33
HSL	229.2°, 95.4, 34.1	`hsl(229.2,95.4%,34.1%)`
HSV (or HSB)	229.2°, 97.6, 66.7
Web Safe	003399	`#003399`

CIE-LAB	23.906, 45.977, -72.498
XYZ	7.876, 4.072, 38.399
xyY	0.156, 0.081, 4.072
CIE-LCH	23.906, 85.848, 302.382
CIE-LUV	23.906, -8.314, -83.708
Hunter-Lab	20.178, 34.365, -98.704
Binary	00000100, 00100010, 10101010

#0422aa
```
#0422aa rgb(4,34,170)
```
#aa8c04
```
#aa8c04 rgb(170,140,4)
```

Complementary Color

#0475aa
```
#0475aa rgb(4,117,170)
```
#0422aa
```
#0422aa rgb(4,34,170)
```
#3904aa
```
#3904aa rgb(57,4,170)
```

Analogous Color

#75aa04
```
#75aa04 rgb(117,170,4)
```
#0422aa
```
#0422aa rgb(4,34,170)
```
#aa3904
```
#aa3904 rgb(170,57,4)
```

Split Complementary Color

#22aa04
```
#22aa04 rgb(34,170,4)
```
#0422aa
```
#0422aa rgb(4,34,170)
```
#aa0422
```
#aa0422 rgb(170,4,34)
```

Triadic Color

#04aa8c
```
#04aa8c rgb(4,170,140)
```
#0422aa
```
#0422aa rgb(4,34,170)
```
#aa0422
```
#aa0422 rgb(170,4,34)
```
#aa8c04
```
#aa8c04 rgb(170,140,4)
```

Tetradic Color

#02135f
```
#02135f rgb(2,19,95)
```
#031878
```
#031878 rgb(3,24,120)
```
#031d91
```
#031d91 rgb(3,29,145)
```
#0422aa
```
#0422aa rgb(4,34,170)
```
#0527c3
```
#0527c3 rgb(5,39,195)
```
#052cdc
```
#052cdc rgb(5,44,220)
```
#0631f5
```
#0631f5 rgb(6,49,245)
```

Monochromatic Color

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

#044caa
```
#044caa rgb(4,76,170)
```
#043eaa
```
#043eaa rgb(4,62,170)
```
#0430aa
```
#0430aa rgb(4,48,170)
```
#0422aa
```
#0422aa rgb(4,34,170)
```
#0414aa
```
#0414aa rgb(4,20,170)
```
#0406aa
```
#0406aa rgb(4,6,170)
```
#0f04aa
```
#0f04aa rgb(15,4,170)
```

Similar Colors

Text with hexadecimal color #0422aa

This text has a font color of #0422aa.

<span style="color:#0422aa;">Text here</span>

#0422aa background color

This paragraph has a background color of #0422aa.

<p style="background-color:#0422aa;">Content here</p>

#0422aa border color

This element has a border color of #0422aa.

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

CSS codes

.text {color:#0422aa;}

.background {background-color:#0422aa;}

.border {border:1px solid #0422aa;}

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

#000311
```
#000311 rgb(0,3,17)
```
#010724
```
#010724 rgb(1,7,36)
```
#010b37
```
#010b37 rgb(1,11,55)
```
#020f4a
```
#020f4a rgb(2,15,74)
```
#02135d
```
#02135d rgb(2,19,93)
```
#031771
```
#031771 rgb(3,23,113)
```
#031a84
```
#031a84 rgb(3,26,132)
```
#041e97
```
#041e97 rgb(4,30,151)
```
#0422aa
```
#0422aa rgb(4,34,170)
```
#0426bd
```
#0426bd rgb(4,38,189)
```
#052ad0
```
#052ad0 rgb(5,42,208)
```
#052de3
```
#052de3 rgb(5,45,227)
```
#0631f7
```
#0631f7 rgb(6,49,247)
```

Shade Color Variation

#1740fa
```
#1740fa rgb(23,64,250)
```
#2a4ffa
```
#2a4ffa rgb(42,79,250)
```
#3d5ffa
```
#3d5ffa rgb(61,95,250)
```
#506ffb
```
#506ffb rgb(80,111,251)
```
#637ffb
```
#637ffb rgb(99,127,251)
```
#768efc
```
#768efc rgb(118,142,252)
```
#8a9efc
```
#8a9efc rgb(138,158,252)
```
#9daefd
```
#9daefd rgb(157,174,253)
```
#b0befd
```
#b0befd rgb(176,190,253)
```
#c3cefe
```
#c3cefe rgb(195,206,254)
```
#d6ddfe
```
#d6ddfe rgb(214,221,254)
```
#e9edfe
```
#e9edfe rgb(233,237,254)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #54555a is the less saturated color, while #0422aa is the most saturated one.

#54555a
```
#54555a rgb(84,85,90)
```
#4e5160
```
#4e5160 rgb(78,81,96)
```
#474d67
```
#474d67 rgb(71,77,103)
```
#40486e
```
#40486e rgb(64,72,110)
```
#3a4474
```
#3a4474 rgb(58,68,116)
```
#33407b
```
#33407b rgb(51,64,123)
```
#2c3c82
```
#2c3c82 rgb(44,60,130)
```
#253789
```
#253789 rgb(37,55,137)
```
#1f338f
```
#1f338f rgb(31,51,143)
```
#182f96
```
#182f96 rgb(24,47,150)
```
#112b9d
```
#112b9d rgb(17,43,157)
```
#0b26a3
```
#0b26a3 rgb(11,38,163)
```
#0422aa
```
#0422aa rgb(4,34,170)
```

Tone Color Variation

Below, you can see how #0422aa 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

#292929 Achromatopsia 0.005% of the population
#222843 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00417e Protanopia 1% of men
#00456d Deuteranopia 1% of men
#00494d Tritanopia 0.001% of the population

Trichromacy

#01358e Protanomaly 1% of men, 0.01% of women
#013883 Deuteranomaly 6% of men, 0.4% of women
#013b6e Tritanomaly 0.01% of the population

#0422aa hex color

#0422aa Color Information

#0422aa Color Conversion

Color Schemes with #0422aa

Alternatives to #0422aa

#0422aa Preview

Shades and Tints of #0422aa

Tones of #0422aa

Color Blindness Simulator