#022a97 hex color

In a RGB color space, hex #022a97 is composed of 0.8% red, 16.5% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 98.7% cyan, 72.2% magenta, 0% yellow and 40.8% black. It has a hue angle of 223.9 degrees, a saturation of 97.4% and a lightness of 30%. #022a97 color hex could be obtained by blending #0454ff with #00002f. Closest websafe color is: #003399.

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

● #022a97 color description : Dark blue.

The hexadecimal color #022a97 has RGB values of R:2, G:42, B:151 and CMYK values of C:0.99, M:0.72, Y:0, K:0.41. Its decimal value is 141975.

Hex triplet	022a97	`#022a97`
RGB Decimal	2, 42, 151	`rgb(2,42,151)`
RGB Percent	0.8, 16.5, 59.2	`rgb(0.8%,16.5%,59.2%)`
CMYK	99, 72, 0, 41
HSL	223.9°, 97.4, 30	`hsl(223.9,97.4%,30%)`
HSV (or HSB)	223.9°, 98.7, 59.2
Web Safe	003399	`#003399`

CIE-LAB	23.347, 34.215, -61.853
XYZ	6.438, 3.903, 29.69
xyY	0.161, 0.097, 3.903
CIE-LCH	23.347, 70.686, 298.95
CIE-LUV	23.347, -9.311, -72.943
Hunter-Lab	19.755, 23.598, -75.28
Binary	00000010, 00101010, 10010111

#022a97
```
#022a97 rgb(2,42,151)
```
#976f02
```
#976f02 rgb(151,111,2)
```

Complementary Color

#027597
```
#027597 rgb(2,117,151)
```
#022a97
```
#022a97 rgb(2,42,151)
```
#240297
```
#240297 rgb(36,2,151)
```

Analogous Color

#759702
```
#759702 rgb(117,151,2)
```
#022a97
```
#022a97 rgb(2,42,151)
```
#972502
```
#972502 rgb(151,37,2)
```

Split Complementary Color

#2a9702
```
#2a9702 rgb(42,151,2)
```
#022a97
```
#022a97 rgb(2,42,151)
```
#97022a
```
#97022a rgb(151,2,42)
```

Triadic Color

#02976f
```
#02976f rgb(2,151,111)
```
#022a97
```
#022a97 rgb(2,42,151)
```
#97022a
```
#97022a rgb(151,2,42)
```
#976f02
```
#976f02 rgb(151,111,2)
```

Tetradic Color

#01154c
```
#01154c rgb(1,21,76)
```
#011c65
```
#011c65 rgb(1,28,101)
```
#02237e
```
#02237e rgb(2,35,126)
```
#022a97
```
#022a97 rgb(2,42,151)
```
#0231b0
```
#0231b0 rgb(2,49,176)
```
#0338c9
```
#0338c9 rgb(3,56,201)
```
#033fe3
```
#033fe3 rgb(3,63,227)
```

Monochromatic Color

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

#024f97
```
#024f97 rgb(2,79,151)
```
#024397
```
#024397 rgb(2,67,151)
```
#023697
```
#023697 rgb(2,54,151)
```
#022a97
```
#022a97 rgb(2,42,151)
```
#021e97
```
#021e97 rgb(2,30,151)
```
#021197
```
#021197 rgb(2,17,151)
```
#020597
```
#020597 rgb(2,5,151)
```

Similar Colors

Text with hexadecimal color #022a97

This text has a font color of #022a97.

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

#022a97 background color

This paragraph has a background color of #022a97.

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

#022a97 border color

This element has a border color of #022a97.

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

CSS codes

.text {color:#022a97;}

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

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

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)
```
#000a23
```
#000a23 rgb(0,10,35)
```
#010f36
```
#010f36 rgb(1,15,54)
```
#01144a
```
#01144a rgb(1,20,74)
```
#011a5d
```
#011a5d rgb(1,26,93)
```
#011f70
```
#011f70 rgb(1,31,112)
```
#022584
```
#022584 rgb(2,37,132)
```
#022a97
```
#022a97 rgb(2,42,151)
```
#022faa
```
#022faa rgb(2,47,170)
```
#0335be
```
#0335be rgb(3,53,190)
```
#033ad1
```
#033ad1 rgb(3,58,209)
```
#0340e4
```
#0340e4 rgb(3,64,228)
```
#0345f8
```
#0345f8 rgb(3,69,248)
```

Shade Color Variation

#1351fc
```
#1351fc rgb(19,81,252)
```
#2660fc
```
#2660fc rgb(38,96,252)
```
#3a6efc
```
#3a6efc rgb(58,110,252)
```
#4d7cfd
```
#4d7cfd rgb(77,124,253)
```
#608afd
```
#608afd rgb(96,138,253)
```
#7499fd
```
#7499fd rgb(116,153,253)
```
#87a7fd
```
#87a7fd rgb(135,167,253)
```
#9ab5fe
```
#9ab5fe rgb(154,181,254)
```
#aec3fe
```
#aec3fe rgb(174,195,254)
```
#c1d1fe
```
#c1d1fe rgb(193,209,254)
```
#d4e0fe
```
#d4e0fe rgb(212,224,254)
```
#e8eeff
```
#e8eeff rgb(232,238,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#494b50
```
#494b50 rgb(73,75,80)
```
#434856
```
#434856 rgb(67,72,86)
```
#3d455c
```
#3d455c rgb(61,69,92)
```
#374362
```
#374362 rgb(55,67,98)
```
#314068
```
#314068 rgb(49,64,104)
```
#2b3d6e
```
#2b3d6e rgb(43,61,110)
```
#253a74
```
#253a74 rgb(37,58,116)
```
#1f387a
```
#1f387a rgb(31,56,122)
```
#1a357f
```
#1a357f rgb(26,53,127)
```
#143285
```
#143285 rgb(20,50,133)
```
#0e2f8b
```
#0e2f8b rgb(14,47,139)
```
#082d91
```
#082d91 rgb(8,45,145)
```
#022a97
```
#022a97 rgb(2,42,151)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#222a40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00407c Protanopia 1% of men
#00436b Deuteranopia 1% of men
#00484b Tritanopia 0.001% of the population

Trichromacy

#003886 Protanomaly 1% of men, 0.01% of women
#003a7b Deuteranomaly 6% of men, 0.4% of women
#003d67 Tritanomaly 0.01% of the population

#022a97 hex color

#022a97 Color Information

#022a97 Color Conversion

Color Schemes with #022a97

Alternatives to #022a97

#022a97 Preview

Shades and Tints of #022a97

Tones of #022a97

Color Blindness Simulator