#022694 hex color

In a RGB color space, hex #022694 is composed of 0.8% red, 14.9% green and 58% blue. Whereas in a CMYK color space, it is composed of 98.6% cyan, 74.3% magenta, 0% yellow and 42% black. It has a hue angle of 225.2 degrees, a saturation of 97.3% and a lightness of 29.4%. #022694 color hex could be obtained by blending #044cff with #000029. Closest websafe color is: #003399.

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

● #022694 color description : Dark blue.

The hexadecimal color #022694 has RGB values of R:2, G:38, B:148 and CMYK values of C:0.99, M:0.74, Y:0, K:0.42. Its decimal value is 140948.

Hex triplet	022694	`#022694`
RGB Decimal	2, 38, 148	`rgb(2,38,148)`
RGB Percent	0.8, 14.9, 58	`rgb(0.8%,14.9%,58%)`
CMYK	99, 74, 0, 42
HSL	225.2°, 97.3, 29.4	`hsl(225.2,97.3%,29.4%)`
HSV (or HSB)	225.2°, 98.6, 58
Web Safe	003399	`#003399`

CIE-LAB	22.077, 35.65, -62.104
XYZ	6.062, 3.537, 28.378
xyY	0.16, 0.093, 3.537
CIE-LCH	22.077, 71.609, 299.857
CIE-LUV	22.077, -8.533, -71.081
Hunter-Lab	18.806, 24.63, -76.304
Binary	00000010, 00100110, 10010100

#022694
```
#022694 rgb(2,38,148)
```
#947002
```
#947002 rgb(148,112,2)
```

Complementary Color

#026f94
```
#026f94 rgb(2,111,148)
```
#022694
```
#022694 rgb(2,38,148)
```
#270294
```
#270294 rgb(39,2,148)
```

Analogous Color

#6f9402
```
#6f9402 rgb(111,148,2)
```
#022694
```
#022694 rgb(2,38,148)
```
#942702
```
#942702 rgb(148,39,2)
```

Split Complementary Color

#269402
```
#269402 rgb(38,148,2)
```
#022694
```
#022694 rgb(2,38,148)
```
#940226
```
#940226 rgb(148,2,38)
```

Triadic Color

#029470
```
#029470 rgb(2,148,112)
```
#022694
```
#022694 rgb(2,38,148)
```
#940226
```
#940226 rgb(148,2,38)
```
#947002
```
#947002 rgb(148,112,2)
```

Tetradic Color

#011349
```
#011349 rgb(1,19,73)
```
#011962
```
#011962 rgb(1,25,98)
```
#02207b
```
#02207b rgb(2,32,123)
```
#022694
```
#022694 rgb(2,38,148)
```
#022cad
```
#022cad rgb(2,44,173)
```
#0333c6
```
#0333c6 rgb(3,51,198)
```
#0339df
```
#0339df rgb(3,57,223)
```

Monochromatic Color

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

#024b94
```
#024b94 rgb(2,75,148)
```
#023e94
```
#023e94 rgb(2,62,148)
```
#023294
```
#023294 rgb(2,50,148)
```
#022694
```
#022694 rgb(2,38,148)
```
#021a94
```
#021a94 rgb(2,26,148)
```
#020e94
```
#020e94 rgb(2,14,148)
```
#020294
```
#020294 rgb(2,2,148)
```

Similar Colors

Text with hexadecimal color #022694

This text has a font color of #022694.

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

#022694 background color

This paragraph has a background color of #022694.

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

#022694 border color

This element has a border color of #022694.

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

CSS codes

.text {color:#022694;}

.background {background-color:#022694;}

.border {border:1px solid #022694;}

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 #f8faff is the lightest one.

#00030d
```
#00030d rgb(0,3,13)
```
#000820
```
#000820 rgb(0,8,32)
```
#010d33
```
#010d33 rgb(1,13,51)
```
#011247
```
#011247 rgb(1,18,71)
```
#01175a
```
#01175a rgb(1,23,90)
```
#011c6d
```
#011c6d rgb(1,28,109)
```
#022181
```
#022181 rgb(2,33,129)
```
#022694
```
#022694 rgb(2,38,148)
```
#022ba7
```
#022ba7 rgb(2,43,167)
```
#0330bb
```
#0330bb rgb(3,48,187)
```
#0335ce
```
#0335ce rgb(3,53,206)
```
#033ae1
```
#033ae1 rgb(3,58,225)
```
#033ff5
```
#033ff5 rgb(3,63,245)
```

Shade Color Variation

#104afc
```
#104afc rgb(16,74,252)
```
#2359fc
```
#2359fc rgb(35,89,252)
```
#3767fc
```
#3767fc rgb(55,103,252)
```
#4a76fd
```
#4a76fd rgb(74,118,253)
```
#5d85fd
```
#5d85fd rgb(93,133,253)
```
#7193fd
```
#7193fd rgb(113,147,253)
```
#84a2fd
```
#84a2fd rgb(132,162,253)
```
#97b1fe
```
#97b1fe rgb(151,177,254)
```
#abbffe
```
#abbffe rgb(171,191,254)
```
#becefe
```
#becefe rgb(190,206,254)
```
#d1ddfe
```
#d1ddfe rgb(209,221,254)
```
#e5ebff
```
#e5ebff rgb(229,235,255)
```
#f8faff
```
#f8faff rgb(248,250,255)
```

Tint Color Variation

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

#47494f
```
#47494f rgb(71,73,79)
```
#414655
```
#414655 rgb(65,70,85)
```
#3c435a
```
#3c435a rgb(60,67,90)
```
#364060
```
#364060 rgb(54,64,96)
```
#303d66
```
#303d66 rgb(48,61,102)
```
#2a3a6c
```
#2a3a6c rgb(42,58,108)
```
#253871
```
#253871 rgb(37,56,113)
```
#1f3577
```
#1f3577 rgb(31,53,119)
```
#19327d
```
#19327d rgb(25,50,125)
```
#132f83
```
#132f83 rgb(19,47,131)
```
#0e2c88
```
#0e2c88 rgb(14,44,136)
```
#08298e
```
#08298e rgb(8,41,142)
```
#022694
```
#022694 rgb(2,38,148)
```

Tone Color Variation

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

#282828 Achromatopsia 0.005% of the population
#20283e Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#003581 Protanomaly 1% of men, 0.01% of women
#003777 Deuteranomaly 6% of men, 0.4% of women
#003a64 Tritanomaly 0.01% of the population

#022694 hex color

#022694 Color Information

#022694 Color Conversion

Color Schemes with #022694

Alternatives to #022694

#022694 Preview

Shades and Tints of #022694

Tones of #022694

Color Blindness Simulator