#0022ba hex color

In a RGB color space, hex #0022ba is composed of 0% red, 13.3% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 81.7% magenta, 0% yellow and 27.1% black. It has a hue angle of 229 degrees, a saturation of 100% and a lightness of 36.5%. #0022ba color hex could be obtained by blending #0044ff with #000075. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 0
- G 13
- B 73
RGB color chart
- C 100
- M 82
- Y 0
- K 27
CMYK color chart

● #0022ba color description : Strong blue.

The hexadecimal color #0022ba has RGB values of R:0, G:34, B:186 and CMYK values of C:1, M:0.82, Y:0, K:0.27. Its decimal value is 8890.

Hex triplet	0022ba	`#0022ba`
RGB Decimal	0, 34, 186	`rgb(0,34,186)`
RGB Percent	0, 13.3, 72.9	`rgb(0%,13.3%,72.9%)`
CMYK	100, 82, 0, 27
HSL	229°, 100, 36.5	`hsl(229,100%,36.5%)`
HSV (or HSB)	229°, 100, 72.9
Web Safe	0033cc	`#0033cc`

CIE-LAB	25.828, 51.202, -78.882
XYZ	9.433, 4.688, 46.859
xyY	0.155, 0.077, 4.688
CIE-LCH	25.828, 94.043, 302.988
CIE-LUV	25.828, -8.928, -92.95
Hunter-Lab	21.653, 39.872, -113.154
Binary	00000000, 00100010, 10111010

#0022ba
```
#0022ba rgb(0,34,186)
```
#ba9800
```
#ba9800 rgb(186,152,0)
```

Complementary Color

#007fba
```
#007fba rgb(0,127,186)
```
#0022ba
```
#0022ba rgb(0,34,186)
```
#3b00ba
```
#3b00ba rgb(59,0,186)
```

Analogous Color

#7fba00
```
#7fba00 rgb(127,186,0)
```
#0022ba
```
#0022ba rgb(0,34,186)
```
#ba3b00
```
#ba3b00 rgb(186,59,0)
```

Split Complementary Color

#22ba00
```
#22ba00 rgb(34,186,0)
```
#0022ba
```
#0022ba rgb(0,34,186)
```
#ba0022
```
#ba0022 rgb(186,0,34)
```

Triadic Color

#00ba98
```
#00ba98 rgb(0,186,152)
```
#0022ba
```
#0022ba rgb(0,34,186)
```
#ba0022
```
#ba0022 rgb(186,0,34)
```
#ba9800
```
#ba9800 rgb(186,152,0)
```

Tetradic Color

#00146e
```
#00146e rgb(0,20,110)
```
#001987
```
#001987 rgb(0,25,135)
```
#001da1
```
#001da1 rgb(0,29,161)
```
#0022ba
```
#0022ba rgb(0,34,186)
```
#0027d4
```
#0027d4 rgb(0,39,212)
```
#002bed
```
#002bed rgb(0,43,237)
```
#0735ff
```
#0735ff rgb(7,53,255)
```

Monochromatic Color

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

#0051ba
```
#0051ba rgb(0,81,186)
```
#0041ba
```
#0041ba rgb(0,65,186)
```
#0032ba
```
#0032ba rgb(0,50,186)
```
#0022ba
```
#0022ba rgb(0,34,186)
```
#0013ba
```
#0013ba rgb(0,19,186)
```
#0003ba
```
#0003ba rgb(0,3,186)
```
#0c00ba
```
#0c00ba rgb(12,0,186)
```

Similar Colors

Text with hexadecimal color #0022ba

This text has a font color of #0022ba.

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

#0022ba background color

This paragraph has a background color of #0022ba.

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

#0022ba border color

This element has a border color of #0022ba.

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

CSS codes

.text {color:#0022ba;}

.background {background-color:#0022ba;}

.border {border:1px solid #0022ba;}

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

#000209
```
#000209 rgb(0,2,9)
```
#00051d
```
#00051d rgb(0,5,29)
```
#000931
```
#000931 rgb(0,9,49)
```
#000c44
```
#000c44 rgb(0,12,68)
```
#001058
```
#001058 rgb(0,16,88)
```
#00146c
```
#00146c rgb(0,20,108)
```
#00177f
```
#00177f rgb(0,23,127)
```
#001b93
```
#001b93 rgb(0,27,147)
```
#001ea6
```
#001ea6 rgb(0,30,166)
```
#0022ba
```
#0022ba rgb(0,34,186)
```
#0026ce
```
#0026ce rgb(0,38,206)
```
#0029e1
```
#0029e1 rgb(0,41,225)
```
#002df5
```
#002df5 rgb(0,45,245)
```

Shade Color Variation

#0936ff
```
#0936ff rgb(9,54,255)
```
#1d46ff
```
#1d46ff rgb(29,70,255)
```
#3156ff
```
#3156ff rgb(49,86,255)
```
#4466ff
```
#4466ff rgb(68,102,255)
```
#5876ff
```
#5876ff rgb(88,118,255)
```
#6c86ff
```
#6c86ff rgb(108,134,255)
```
#7f97ff
```
#7f97ff rgb(127,151,255)
```
#93a7ff
```
#93a7ff rgb(147,167,255)
```
#a6b7ff
```
#a6b7ff rgb(166,183,255)
```
#bac7ff
```
#bac7ff rgb(186,199,255)
```
#ced7ff
```
#ced7ff rgb(206,215,255)
```
#e1e7ff
```
#e1e7ff rgb(225,231,255)
```
#f5f7ff
```
#f5f7ff rgb(245,247,255)
```

Tint Color Variation

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

#565864
```
#565864 rgb(86,88,100)
```
#4f546b
```
#4f546b rgb(79,84,107)
```
#484f72
```
#484f72 rgb(72,79,114)
```
#404b7a
```
#404b7a rgb(64,75,122)
```
#394681
```
#394681 rgb(57,70,129)
```
#324288
```
#324288 rgb(50,66,136)
```
#2b3d8f
```
#2b3d8f rgb(43,61,143)
```
#243996
```
#243996 rgb(36,57,150)
```
#1d349d
```
#1d349d rgb(29,52,157)
```
#1530a5
```
#1530a5 rgb(21,48,165)
```
#0e2bac
```
#0e2bac rgb(14,43,172)
```
#0727b3
```
#0727b3 rgb(7,39,179)
```
#0022ba
```
#0022ba rgb(0,34,186)
```

Tone Color Variation

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

#292929 Achromatopsia 0.005% of the population
#212846 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004586 Protanopia 1% of men
#004973 Deuteranopia 1% of men
#004e51 Tritanopia 0.001% of the population

Trichromacy

#003899 Protanomaly 1% of men, 0.01% of women
#003b8d Deuteranomaly 6% of men, 0.4% of women
#003e77 Tritanomaly 0.01% of the population

#0022ba hex color

#0022ba Color Information

#0022ba Color Conversion

Color Schemes with #0022ba

Alternatives to #0022ba

#0022ba Preview

Shades and Tints of #0022ba

Tones of #0022ba

Color Blindness Simulator