#022a8a hex color

In a RGB color space, hex #022a8a is composed of 0.8% red, 16.5% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 98.6% cyan, 69.6% magenta, 0% yellow and 45.9% black. It has a hue angle of 222.4 degrees, a saturation of 97.1% and a lightness of 27.5%. #022a8a color hex could be obtained by blending #0454ff with #000015. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 1
- G 16
- B 54
RGB color chart
- C 99
- M 70
- Y 0
- K 46
CMYK color chart

● #022a8a color description : Dark blue.

The hexadecimal color #022a8a has RGB values of R:2, G:42, B:138 and CMYK values of C:0.99, M:0.7, Y:0, K:0.46. Its decimal value is 141962.

Hex triplet	022a8a	`#022a8a`
RGB Decimal	2, 42, 138	`rgb(2,42,138)`
RGB Percent	0.8, 16.5, 54.1	`rgb(0.8%,16.5%,54.1%)`
CMYK	99, 70, 0, 46
HSL	222.4°, 97.1, 27.5	`hsl(222.4,97.1%,27.5%)`
HSV (or HSB)	222.4°, 98.6, 54.1
Web Safe	003399	`#003399`

CIE-LAB	21.956, 29.077, -56.093
XYZ	5.439, 3.503, 24.433
xyY	0.163, 0.105, 3.503
CIE-LCH	21.956, 63.181, 297.401
CIE-LUV	21.956, -9.166, -65.129
Hunter-Lab	18.717, 19.119, -64.293
Binary	00000010, 00101010, 10001010

#022a8a
```
#022a8a rgb(2,42,138)
```
#8a6202
```
#8a6202 rgb(138,98,2)
```

Complementary Color

#026e8a
```
#026e8a rgb(2,110,138)
```
#022a8a
```
#022a8a rgb(2,42,138)
```
#1e028a
```
#1e028a rgb(30,2,138)
```

Analogous Color

#6e8a02
```
#6e8a02 rgb(110,138,2)
```
#022a8a
```
#022a8a rgb(2,42,138)
```
#8a1e02
```
#8a1e02 rgb(138,30,2)
```

Split Complementary Color

#2a8a02
```
#2a8a02 rgb(42,138,2)
```
#022a8a
```
#022a8a rgb(2,42,138)
```
#8a022a
```
#8a022a rgb(138,2,42)
```

Triadic Color

#028a62
```
#028a62 rgb(2,138,98)
```
#022a8a
```
#022a8a rgb(2,42,138)
```
#8a022a
```
#8a022a rgb(138,2,42)
```
#8a6202
```
#8a6202 rgb(138,98,2)
```

Tetradic Color

#01133f
```
#01133f rgb(1,19,63)
```
#011b58
```
#011b58 rgb(1,27,88)
```
#022271
```
#022271 rgb(2,34,113)
```
#022a8a
```
#022a8a rgb(2,42,138)
```
#0232a3
```
#0232a3 rgb(2,50,163)
```
#0339bc
```
#0339bc rgb(3,57,188)
```
#0341d5
```
#0341d5 rgb(3,65,213)
```

Monochromatic Color

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

#024c8a
```
#024c8a rgb(2,76,138)
```
#02418a
```
#02418a rgb(2,65,138)
```
#02358a
```
#02358a rgb(2,53,138)
```
#022a8a
```
#022a8a rgb(2,42,138)
```
#021f8a
```
#021f8a rgb(2,31,138)
```
#02138a
```
#02138a rgb(2,19,138)
```
#02088a
```
#02088a rgb(2,8,138)
```

Similar Colors

Text with hexadecimal color #022a8a

This text has a font color of #022a8a.

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

#022a8a background color

This paragraph has a background color of #022a8a.

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

#022a8a border color

This element has a border color of #022a8a.

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

CSS codes

.text {color:#022a8a;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#000716
```
#000716 rgb(0,7,22)
```
#010d29
```
#010d29 rgb(1,13,41)
```
#01123d
```
#01123d rgb(1,18,61)
```
#011850
```
#011850 rgb(1,24,80)
```
#011e63
```
#011e63 rgb(1,30,99)
```
#022477
```
#022477 rgb(2,36,119)
```
#022a8a
```
#022a8a rgb(2,42,138)
```
#02309d
```
#02309d rgb(2,48,157)
```
#0336b1
```
#0336b1 rgb(3,54,177)
```
#033cc4
```
#033cc4 rgb(3,60,196)
```
#0342d7
```
#0342d7 rgb(3,66,215)
```
#0347eb
```
#0347eb rgb(3,71,235)
```

Shade Color Variation

#064efb
```
#064efb rgb(6,78,251)
```
#1a5cfc
```
#1a5cfc rgb(26,92,252)
```
#2d6afc
```
#2d6afc rgb(45,106,252)
```
#4078fc
```
#4078fc rgb(64,120,252)
```
#5485fd
```
#5485fd rgb(84,133,253)
```
#6793fd
```
#6793fd rgb(103,147,253)
```
#7aa1fd
```
#7aa1fd rgb(122,161,253)
```
#8eaffd
```
#8eaffd rgb(142,175,253)
```
#a1bcfe
```
#a1bcfe rgb(161,188,254)
```
#b4cafe
```
#b4cafe rgb(180,202,254)
```
#c8d8fe
```
#c8d8fe rgb(200,216,254)
```
#dbe5fe
```
#dbe5fe rgb(219,229,254)
```
#eef3ff
```
#eef3ff rgb(238,243,255)
```

Tint Color Variation

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

#434549
```
#434549 rgb(67,69,73)
```
#3d424f
```
#3d424f rgb(61,66,79)
```
#384054
```
#384054 rgb(56,64,84)
```
#323e5a
```
#323e5a rgb(50,62,90)
```
#2d3c5f
```
#2d3c5f rgb(45,60,95)
```
#283a64
```
#283a64 rgb(40,58,100)
```
#22376a
```
#22376a rgb(34,55,106)
```
#1d356f
```
#1d356f rgb(29,53,111)
```
#183374
```
#183374 rgb(24,51,116)
```
#12317a
```
#12317a rgb(18,49,122)
```
#0d2e7f
```
#0d2e7f rgb(13,46,127)
```
#072c85
```
#072c85 rgb(7,44,133)
```
#022a8a
```
#022a8a rgb(2,42,138)
```

Tone Color Variation

Below, you can see how #022a8a 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
#21293c Atypical Achromatopsia 0.001% of the population

Dichromacy

#003d77 Protanopia 1% of men
#004067 Deuteranopia 1% of men
#004548 Tritanopia 0.001% of the population

Trichromacy

#00367e Protanomaly 1% of men, 0.01% of women
#003874 Deuteranomaly 6% of men, 0.4% of women
#003b60 Tritanomaly 0.01% of the population

#022a8a hex color

#022a8a Color Information

#022a8a Color Conversion

Color Schemes with #022a8a

Alternatives to #022a8a

#022a8a Preview

Shades and Tints of #022a8a

Tones of #022a8a

Color Blindness Simulator