#022aa8 hex color

In a RGB color space, hex #022aa8 is composed of 0.8% red, 16.5% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 75% magenta, 0% yellow and 34.1% black. It has a hue angle of 225.5 degrees, a saturation of 97.6% and a lightness of 33.3%. #022aa8 color hex could be obtained by blending #0454ff with #000051. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 1
- G 16
- B 66
RGB color chart
- C 99
- M 75
- Y 0
- K 34
CMYK color chart

● #022aa8 color description : Dark blue.

The hexadecimal color #022aa8 has RGB values of R:2, G:42, B:168 and CMYK values of C:0.99, M:0.75, Y:0, K:0.34. Its decimal value is 141992.

Hex triplet	022aa8	`#022aa8`
RGB Decimal	2, 42, 168	`rgb(2,42,168)`
RGB Percent	0.8, 16.5, 65.9	`rgb(0.8%,16.5%,65.9%)`
CMYK	99, 75, 0, 34
HSL	225.5°, 97.6, 33.3	`hsl(225.5,97.6%,33.3%)`
HSV (or HSB)	225.5°, 98.8, 65.9
Web Safe	003399	`#003399`

CIE-LAB	25.246, 40.601, -69.07
XYZ	7.919, 4.495, 37.494
xyY	0.159, 0.09, 4.495
CIE-LCH	25.246, 80.12, 300.448
CIE-LUV	25.246, -9.58, -83.014
Hunter-Lab	21.202, 29.569, -90.007
Binary	00000010, 00101010, 10101000

#022aa8
```
#022aa8 rgb(2,42,168)
```
#a88002
```
#a88002 rgb(168,128,2)
```

Complementary Color

#027da8
```
#027da8 rgb(2,125,168)
```
#022aa8
```
#022aa8 rgb(2,42,168)
```
#2d02a8
```
#2d02a8 rgb(45,2,168)
```

Analogous Color

#7da802
```
#7da802 rgb(125,168,2)
```
#022aa8
```
#022aa8 rgb(2,42,168)
```
#a82d02
```
#a82d02 rgb(168,45,2)
```

Split Complementary Color

#2aa802
```
#2aa802 rgb(42,168,2)
```
#022aa8
```
#022aa8 rgb(2,42,168)
```
#a8022a
```
#a8022a rgb(168,2,42)
```

Triadic Color

#02a880
```
#02a880 rgb(2,168,128)
```
#022aa8
```
#022aa8 rgb(2,42,168)
```
#a8022a
```
#a8022a rgb(168,2,42)
```
#a88002
```
#a88002 rgb(168,128,2)
```

Tetradic Color

#01175c
```
#01175c rgb(1,23,92)
```
#011d76
```
#011d76 rgb(1,29,118)
```
#02248f
```
#02248f rgb(2,36,143)
```
#022aa8
```
#022aa8 rgb(2,42,168)
```
#0230c1
```
#0230c1 rgb(2,48,193)
```
#0337da
```
#0337da rgb(3,55,218)
```
#033df4
```
#033df4 rgb(3,61,244)
```

Monochromatic Color

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

#0253a8
```
#0253a8 rgb(2,83,168)
```
#0246a8
```
#0246a8 rgb(2,70,168)
```
#0238a8
```
#0238a8 rgb(2,56,168)
```
#022aa8
```
#022aa8 rgb(2,42,168)
```
#021ca8
```
#021ca8 rgb(2,28,168)
```
#020ea8
```
#020ea8 rgb(2,14,168)
```
#0402a8
```
#0402a8 rgb(4,2,168)
```

Similar Colors

Text with hexadecimal color #022aa8

This text has a font color of #022aa8.

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

#022aa8 background color

This paragraph has a background color of #022aa8.

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

#022aa8 border color

This element has a border color of #022aa8.

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

CSS codes

.text {color:#022aa8;}

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

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

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, #00030d is the darkest color, while #f9faff is the lightest one.

#00030d
```
#00030d rgb(0,3,13)
```
#000820
```
#000820 rgb(0,8,32)
```
#010d34
```
#010d34 rgb(1,13,52)
```
#011247
```
#011247 rgb(1,18,71)
```
#01175a
```
#01175a rgb(1,23,90)
```
#011b6e
```
#011b6e rgb(1,27,110)
```
#022081
```
#022081 rgb(2,32,129)
```
#022595
```
#022595 rgb(2,37,149)
```
#022aa8
```
#022aa8 rgb(2,42,168)
```
#022fbb
```
#022fbb rgb(2,47,187)
```
#0234cf
```
#0234cf rgb(2,52,207)
```
#0339e2
```
#0339e2 rgb(3,57,226)
```
#033df6
```
#033df6 rgb(3,61,246)
```

Shade Color Variation

#1049fc
```
#1049fc rgb(16,73,252)
```
#2358fc
```
#2358fc rgb(35,88,252)
```
#3766fd
```
#3766fd rgb(55,102,253)
```
#4a75fd
```
#4a75fd rgb(74,117,253)
```
#5d84fd
```
#5d84fd rgb(93,132,253)
```
#7193fd
```
#7193fd rgb(113,147,253)
```
#84a1fe
```
#84a1fe rgb(132,161,254)
```
#98b0fe
```
#98b0fe rgb(152,176,254)
```
#abbffe
```
#abbffe rgb(171,191,254)
```
#becefe
```
#becefe rgb(190,206,254)
```
#d2ddfe
```
#d2ddfe rgb(210,221,254)
```
#e5ebff
```
#e5ebff rgb(229,235,255)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

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

#50535a
```
#50535a rgb(80,83,90)
```
#4a4f60
```
#4a4f60 rgb(74,79,96)
```
#434c67
```
#434c67 rgb(67,76,103)
```
#3d486d
```
#3d486d rgb(61,72,109)
```
#364574
```
#364574 rgb(54,69,116)
```
#30427a
```
#30427a rgb(48,66,122)
```
#293e81
```
#293e81 rgb(41,62,129)
```
#233b87
```
#233b87 rgb(35,59,135)
```
#1c388e
```
#1c388e rgb(28,56,142)
```
#163494
```
#163494 rgb(22,52,148)
```
#0f319b
```
#0f319b rgb(15,49,155)
```
#092da1
```
#092da1 rgb(9,45,161)
```
#022aa8
```
#022aa8 rgb(2,42,168)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#242c45 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004484 Protanopia 1% of men
#004872 Deuteranopia 1% of men
#004d50 Tritanopia 0.001% of the population

Trichromacy

#003a91 Protanomaly 1% of men, 0.01% of women
#003d85 Deuteranomaly 6% of men, 0.4% of women
#004070 Tritanomaly 0.01% of the population

#022aa8 hex color

#022aa8 Color Information

#022aa8 Color Conversion

Color Schemes with #022aa8

Alternatives to #022aa8

#022aa8 Preview

Shades and Tints of #022aa8

Tones of #022aa8

Color Blindness Simulator