#022f94 hex color

In a RGB color space, hex #022f94 is composed of 0.8% red, 18.4% green and 58% blue. Whereas in a CMYK color space, it is composed of 98.6% cyan, 68.2% magenta, 0% yellow and 42% black. It has a hue angle of 221.5 degrees, a saturation of 97.3% and a lightness of 29.4%. #022f94 color hex could be obtained by blending #045eff with #000029. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 1
- G 18
- B 58
RGB color chart
- C 99
- M 68
- Y 0
- K 42
CMYK color chart

● #022f94 color description : Dark blue.

The hexadecimal color #022f94 has RGB values of R:2, G:47, B:148 and CMYK values of C:0.99, M:0.68, Y:0, K:0.42. Its decimal value is 143252.

Hex triplet	022f94	`#022f94`
RGB Decimal	2, 47, 148	`rgb(2,47,148)`
RGB Percent	0.8, 18.4, 58	`rgb(0.8%,18.4%,58%)`
CMYK	99, 68, 0, 42
HSL	221.5°, 97.3, 29.4	`hsl(221.5,97.3%,29.4%)`
HSV (or HSB)	221.5°, 98.6, 58
Web Safe	003399	`#003399`

CIE-LAB	24.269, 29.69, -58.486
XYZ	6.386, 4.184, 28.486
xyY	0.164, 0.107, 4.184
CIE-LCH	24.269, 65.59, 296.915
CIE-LUV	24.269, -10.291, -70.921
Hunter-Lab	20.454, 19.935, -68.257
Binary	00000010, 00101111, 10010100

#022f94
```
#022f94 rgb(2,47,148)
```
#946702
```
#946702 rgb(148,103,2)
```

Complementary Color

#027894
```
#027894 rgb(2,120,148)
```
#022f94
```
#022f94 rgb(2,47,148)
```
#1e0294
```
#1e0294 rgb(30,2,148)
```

Analogous Color

#789402
```
#789402 rgb(120,148,2)
```
#022f94
```
#022f94 rgb(2,47,148)
```
#941e02
```
#941e02 rgb(148,30,2)
```

Split Complementary Color

#2f9402
```
#2f9402 rgb(47,148,2)
```
#022f94
```
#022f94 rgb(2,47,148)
```
#94022f
```
#94022f rgb(148,2,47)
```

Triadic Color

#029467
```
#029467 rgb(2,148,103)
```
#022f94
```
#022f94 rgb(2,47,148)
```
#94022f
```
#94022f rgb(148,2,47)
```
#946702
```
#946702 rgb(148,103,2)
```

Tetradic Color

#011749
```
#011749 rgb(1,23,73)
```
#011f62
```
#011f62 rgb(1,31,98)
```
#02277b
```
#02277b rgb(2,39,123)
```
#022f94
```
#022f94 rgb(2,47,148)
```
#0237ad
```
#0237ad rgb(2,55,173)
```
#033fc6
```
#033fc6 rgb(3,63,198)
```
#0347df
```
#0347df rgb(3,71,223)
```

Monochromatic Color

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

#025494
```
#025494 rgb(2,84,148)
```
#024794
```
#024794 rgb(2,71,148)
```
#023b94
```
#023b94 rgb(2,59,148)
```
#022f94
```
#022f94 rgb(2,47,148)
```
#022394
```
#022394 rgb(2,35,148)
```
#021794
```
#021794 rgb(2,23,148)
```
#020b94
```
#020b94 rgb(2,11,148)
```

Similar Colors

Text with hexadecimal color #022f94

This text has a font color of #022f94.

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

#022f94 background color

This paragraph has a background color of #022f94.

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

#022f94 border color

This element has a border color of #022f94.

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

CSS codes

.text {color:#022f94;}

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

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

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

#00040d
```
#00040d rgb(0,4,13)
```
#000a20
```
#000a20 rgb(0,10,32)
```
#011033
```
#011033 rgb(1,16,51)
```
#011647
```
#011647 rgb(1,22,71)
```
#011d5a
```
#011d5a rgb(1,29,90)
```
#01236d
```
#01236d rgb(1,35,109)
```
#022981
```
#022981 rgb(2,41,129)
```
#022f94
```
#022f94 rgb(2,47,148)
```
#0235a7
```
#0235a7 rgb(2,53,167)
```
#033bbb
```
#033bbb rgb(3,59,187)
```
#0341ce
```
#0341ce rgb(3,65,206)
```
#0348e1
```
#0348e1 rgb(3,72,225)
```
#034ef5
```
#034ef5 rgb(3,78,245)
```

Shade Color Variation

#1059fc
```
#1059fc rgb(16,89,252)
```
#2366fc
```
#2366fc rgb(35,102,252)
```
#3774fc
```
#3774fc rgb(55,116,252)
```
#4a81fd
```
#4a81fd rgb(74,129,253)
```
#5d8efd
```
#5d8efd rgb(93,142,253)
```
#719cfd
```
#719cfd rgb(113,156,253)
```
#84a9fd
```
#84a9fd rgb(132,169,253)
```
#97b7fe
```
#97b7fe rgb(151,183,254)
```
#abc4fe
```
#abc4fe rgb(171,196,254)
```
#bed2fe
```
#bed2fe rgb(190,210,254)
```
#d1dffe
```
#d1dffe rgb(209,223,254)
```
#e5edff
```
#e5edff rgb(229,237,255)
```
#f8faff
```
#f8faff rgb(248,250,255)
```

Tint Color Variation

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

#474a4f
```
#474a4f rgb(71,74,79)
```
#414755
```
#414755 rgb(65,71,85)
```
#3c455a
```
#3c455a rgb(60,69,90)
```
#364360
```
#364360 rgb(54,67,96)
```
#304166
```
#304166 rgb(48,65,102)
```
#2a3e6c
```
#2a3e6c rgb(42,62,108)
```
#253c71
```
#253c71 rgb(37,60,113)
```
#1f3a77
```
#1f3a77 rgb(31,58,119)
```
#19387d
```
#19387d rgb(25,56,125)
```
#133683
```
#133683 rgb(19,54,131)
```
#0e3388
```
#0e3388 rgb(14,51,136)
```
#08318e
```
#08318e rgb(8,49,142)
```
#022f94
```
#022f94 rgb(2,47,148)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#242d42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004180 Protanopia 1% of men
#00456f Deuteranopia 1% of men
#004a4e Tritanopia 0.001% of the population

Trichromacy

#003b87 Protanomaly 1% of men, 0.01% of women
#003d7c Deuteranomaly 6% of men, 0.4% of women
#004067 Tritanomaly 0.01% of the population

#022f94 hex color

#022f94 Color Information

#022f94 Color Conversion

Color Schemes with #022f94

Alternatives to #022f94

#022f94 Preview

Shades and Tints of #022f94

Tones of #022f94

Color Blindness Simulator