#022a69 hex color

In a RGB color space, hex #022a69 is composed of 0.8% red, 16.5% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 98.1% cyan, 60% magenta, 0% yellow and 58.8% black. It has a hue angle of 216.7 degrees, a saturation of 96.3% and a lightness of 21%. #022a69 color hex could be obtained by blending #0454d2 with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 1
- G 16
- B 41
RGB color chart
- C 98
- M 60
- Y 0
- K 59
CMYK color chart

● #022a69 color description : Very dark blue.

The hexadecimal color #022a69 has RGB values of R:2, G:42, B:105 and CMYK values of C:0.98, M:0.6, Y:0, K:0.59. Its decimal value is 141929.

Hex triplet	022a69	`#022a69`
RGB Decimal	2, 42, 105	`rgb(2,42,105)`
RGB Percent	0.8, 16.5, 41.2	`rgb(0.8%,16.5%,41.2%)`
CMYK	98, 60, 0, 59
HSL	216.7°, 96.3, 21	`hsl(216.7,96.3%,21%)`
HSV (or HSB)	216.7°, 98.1, 41.2
Web Safe	003366	`#003366`

CIE-LAB	18.75, 14.997, -40.313
XYZ	3.402, 2.688, 13.703
xyY	0.172, 0.136, 2.688
CIE-LCH	18.75, 43.012, 290.406
CIE-LUV	18.75, -9.124, -44.641
Hunter-Lab	16.397, 8.344, -38.074
Binary	00000010, 00101010, 01101001

#022a69
```
#022a69 rgb(2,42,105)
```
#694102
```
#694102 rgb(105,65,2)
```

Complementary Color

#025e69
```
#025e69 rgb(2,94,105)
```
#022a69
```
#022a69 rgb(2,42,105)
```
#0e0269
```
#0e0269 rgb(14,2,105)
```

Analogous Color

#5e6902
```
#5e6902 rgb(94,105,2)
```
#022a69
```
#022a69 rgb(2,42,105)
```
#690e02
```
#690e02 rgb(105,14,2)
```

Split Complementary Color

#2a6902
```
#2a6902 rgb(42,105,2)
```
#022a69
```
#022a69 rgb(2,42,105)
```
#69022a
```
#69022a rgb(105,2,42)
```

Triadic Color

#026941
```
#026941 rgb(2,105,65)
```
#022a69
```
#022a69 rgb(2,42,105)
```
#69022a
```
#69022a rgb(105,2,42)
```
#694102
```
#694102 rgb(105,65,2)
```

Tetradic Color

#010c1e
```
#010c1e rgb(1,12,30)
```
#011637
```
#011637 rgb(1,22,55)
```
#022050
```
#022050 rgb(2,32,80)
```
#022a69
```
#022a69 rgb(2,42,105)
```
#023482
```
#023482 rgb(2,52,130)
```
#033e9b
```
#033e9b rgb(3,62,155)
```
#0348b4
```
#0348b4 rgb(3,72,180)
```

Monochromatic Color

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

#024469
```
#024469 rgb(2,68,105)
```
#023b69
```
#023b69 rgb(2,59,105)
```
#023369
```
#023369 rgb(2,51,105)
```
#022a69
```
#022a69 rgb(2,42,105)
```
#022169
```
#022169 rgb(2,33,105)
```
#021969
```
#021969 rgb(2,25,105)
```
#021069
```
#021069 rgb(2,16,105)
```

Similar Colors

Text with hexadecimal color #022a69

This text has a font color of #022a69.

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

#022a69 background color

This paragraph has a background color of #022a69.

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

#022a69 border color

This element has a border color of #022a69.

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

CSS codes

.text {color:#022a69;}

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

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

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

#000409
```
#000409 rgb(0,4,9)
```
#010b1c
```
#010b1c rgb(1,11,28)
```
#01132f
```
#01132f rgb(1,19,47)
```
#011b43
```
#011b43 rgb(1,27,67)
```
#022256
```
#022256 rgb(2,34,86)
```
#022a69
```
#022a69 rgb(2,42,105)
```
#02327c
```
#02327c rgb(2,50,124)
```
#03398f
```
#03398f rgb(3,57,143)
```
#0341a3
```
#0341a3 rgb(3,65,163)
```
#0349b6
```
#0349b6 rgb(3,73,182)
```
#0450c9
```
#0450c9 rgb(4,80,201)
```
#0458dc
```
#0458dc rgb(4,88,220)
```
#0560f0
```
#0560f0 rgb(5,96,240)
```

Shade Color Variation

#0e6afa
```
#0e6afa rgb(14,106,250)
```
#2175fb
```
#2175fb rgb(33,117,251)
```
#3481fb
```
#3481fb rgb(52,129,251)
```
#478dfc
```
#478dfc rgb(71,141,252)
```
#5b99fc
```
#5b99fc rgb(91,153,252)
```
#6ea5fc
```
#6ea5fc rgb(110,165,252)
```
#81b1fd
```
#81b1fd rgb(129,177,253)
```
#94bdfd
```
#94bdfd rgb(148,189,253)
```
#a8c9fd
```
#a8c9fd rgb(168,201,253)
```
#bbd5fe
```
#bbd5fe rgb(187,213,254)
```
#cee1fe
```
#cee1fe rgb(206,225,254)
```
#e1edfe
```
#e1edfe rgb(225,237,254)
```
#f5f9ff
```
#f5f9ff rgb(245,249,255)
```

Tint Color Variation

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

#333538
```
#333538 rgb(51,53,56)
```
#2f343c
```
#2f343c rgb(47,52,60)
```
#2b3340
```
#2b3340 rgb(43,51,64)
```
#273244
```
#273244 rgb(39,50,68)
```
#233148
```
#233148 rgb(35,49,72)
```
#1f304c
```
#1f304c rgb(31,48,76)
```
#1b3050
```
#1b3050 rgb(27,48,80)
```
#172f54
```
#172f54 rgb(23,47,84)
```
#122e59
```
#122e59 rgb(18,46,89)
```
#0e2d5d
```
#0e2d5d rgb(14,45,93)
```
#0a2c61
```
#0a2c61 rgb(10,44,97)
```
#062b65
```
#062b65 rgb(6,43,101)
```
#022a69
```
#022a69 rgb(2,42,105)
```

Tone Color Variation

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

#252525 Achromatopsia 0.005% of the population
#1e2633 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00366b Protanopia 1% of men
#00395d Deuteranopia 1% of men
#003e41 Tritanopia 0.001% of the population

Trichromacy

#00326a Protanomaly 1% of men, 0.01% of women
#003461 Deuteranomaly 6% of men, 0.4% of women
#00364f Tritanomaly 0.01% of the population

#022a69 hex color

#022a69 Color Information

#022a69 Color Conversion

Color Schemes with #022a69

Alternatives to #022a69

#022a69 Preview

Shades and Tints of #022a69

Tones of #022a69

Color Blindness Simulator