#022198 hex color

In a RGB color space, hex #022198 is composed of 0.8% red, 12.9% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 98.7% cyan, 78.3% magenta, 0% yellow and 40.4% black. It has a hue angle of 227.6 degrees, a saturation of 97.4% and a lightness of 30.2%. #022198 color hex could be obtained by blending #0442ff with #000031. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 1
- G 13
- B 60
RGB color chart
- C 99
- M 78
- Y 0
- K 40
CMYK color chart

● #022198 color description : Dark blue.

The hexadecimal color #022198 has RGB values of R:2, G:33, B:152 and CMYK values of C:0.99, M:0.78, Y:0, K:0.4. Its decimal value is 139672.

Hex triplet	022198	`#022198`
RGB Decimal	2, 33, 152	`rgb(2,33,152)`
RGB Percent	0.8, 12.9, 59.6	`rgb(0.8%,12.9%,59.6%)`
CMYK	99, 78, 0, 40
HSL	227.6°, 97.4, 30.2	`hsl(227.6,97.4%,30.2%)`
HSV (or HSB)	227.6°, 98.7, 59.6
Web Safe	003399	`#003399`

CIE-LAB	21.458, 40.198, -65.596
XYZ	6.235, 3.367, 30.025
xyY	0.157, 0.085, 3.367
CIE-LCH	21.458, 76.933, 301.501
CIE-LUV	21.458, -7.8, -73.066
Hunter-Lab	18.35, 28.542, -84.171
Binary	00000010, 00100001, 10011000

#022198
```
#022198 rgb(2,33,152)
```
#987902
```
#987902 rgb(152,121,2)
```

Complementary Color

#026c98
```
#026c98 rgb(2,108,152)
```
#022198
```
#022198 rgb(2,33,152)
```
#2e0298
```
#2e0298 rgb(46,2,152)
```

Analogous Color

#6c9802
```
#6c9802 rgb(108,152,2)
```
#022198
```
#022198 rgb(2,33,152)
```
#982e02
```
#982e02 rgb(152,46,2)
```

Split Complementary Color

#219802
```
#219802 rgb(33,152,2)
```
#022198
```
#022198 rgb(2,33,152)
```
#980221
```
#980221 rgb(152,2,33)
```

Triadic Color

#029879
```
#029879 rgb(2,152,121)
```
#022198
```
#022198 rgb(2,33,152)
```
#980221
```
#980221 rgb(152,2,33)
```
#987902
```
#987902 rgb(152,121,2)
```

Tetradic Color

#01114c
```
#01114c rgb(1,17,76)
```
#011666
```
#011666 rgb(1,22,102)
```
#021c7f
```
#021c7f rgb(2,28,127)
```
#022198
```
#022198 rgb(2,33,152)
```
#0226b1
```
#0226b1 rgb(2,38,177)
```
#032cca
```
#032cca rgb(3,44,202)
```
#0331e4
```
#0331e4 rgb(3,49,228)
```

Monochromatic Color

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

#024798
```
#024798 rgb(2,71,152)
```
#023a98
```
#023a98 rgb(2,58,152)
```
#022e98
```
#022e98 rgb(2,46,152)
```
#022198
```
#022198 rgb(2,33,152)
```
#021598
```
#021598 rgb(2,21,152)
```
#020898
```
#020898 rgb(2,8,152)
```
#080298
```
#080298 rgb(8,2,152)
```

Similar Colors

Text with hexadecimal color #022198

This text has a font color of #022198.

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

#022198 background color

This paragraph has a background color of #022198.

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

#022198 border color

This element has a border color of #022198.

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

CSS codes

.text {color:#022198;}

.background {background-color:#022198;}

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

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

#000410
```
#000410 rgb(0,4,16)
```
#000824
```
#000824 rgb(0,8,36)
```
#010c37
```
#010c37 rgb(1,12,55)
```
#01104b
```
#01104b rgb(1,16,75)
```
#01145e
```
#01145e rgb(1,20,94)
```
#011971
```
#011971 rgb(1,25,113)
```
#021d85
```
#021d85 rgb(2,29,133)
```
#022198
```
#022198 rgb(2,33,152)
```
#0225ab
```
#0225ab rgb(2,37,171)
```
#0329bf
```
#0329bf rgb(3,41,191)
```
#032ed2
```
#032ed2 rgb(3,46,210)
```
#0332e5
```
#0332e5 rgb(3,50,229)
```
#0336f9
```
#0336f9 rgb(3,54,249)
```

Shade Color Variation

#1444fc
```
#1444fc rgb(20,68,252)
```
#2753fc
```
#2753fc rgb(39,83,252)
```
#3b63fc
```
#3b63fc rgb(59,99,252)
```
#4e72fd
```
#4e72fd rgb(78,114,253)
```
#6181fd
```
#6181fd rgb(97,129,253)
```
#7591fd
```
#7591fd rgb(117,145,253)
```
#88a0fd
```
#88a0fd rgb(136,160,253)
```
#9bb0fe
```
#9bb0fe rgb(155,176,254)
```
#afbffe
```
#afbffe rgb(175,191,254)
```
#c2cefe
```
#c2cefe rgb(194,206,254)
```
#d5defe
```
#d5defe rgb(213,222,254)
```
#e9edff
```
#e9edff rgb(233,237,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#494b51
```
#494b51 rgb(73,75,81)
```
#434757
```
#434757 rgb(67,71,87)
```
#3d445d
```
#3d445d rgb(61,68,93)
```
#374063
```
#374063 rgb(55,64,99)
```
#313d69
```
#313d69 rgb(49,61,105)
```
#2b396f
```
#2b396f rgb(43,57,111)
```
#263674
```
#263674 rgb(38,54,116)
```
#20327a
```
#20327a rgb(32,50,122)
```
#1a2f80
```
#1a2f80 rgb(26,47,128)
```
#142b86
```
#142b86 rgb(20,43,134)
```
#0e288c
```
#0e288c rgb(14,40,140)
```
#082492
```
#082492 rgb(8,36,146)
```
#022198
```
#022198 rgb(2,33,152)
```

Tone Color Variation

Below, you can see how #022198 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
#1e243c Atypical Achromatopsia 0.001% of the population

Dichromacy

#003c75 Protanopia 1% of men
#003f65 Deuteranopia 1% of men
#004447 Tritanopia 0.001% of the population

Trichromacy

#003281 Protanomaly 1% of men, 0.01% of women
#003477 Deuteranomaly 6% of men, 0.4% of women
#003764 Tritanomaly 0.01% of the population

#022198 hex color

#022198 Color Information

#022198 Color Conversion

Color Schemes with #022198

Alternatives to #022198

#022198 Preview

Shades and Tints of #022198

Tones of #022198

Color Blindness Simulator