#0222bc hex color

In a RGB color space, hex #0222bc is composed of 0.8% red, 13.3% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 81.9% magenta, 0% yellow and 26.3% black. It has a hue angle of 229.7 degrees, a saturation of 97.9% and a lightness of 37.3%. #0222bc color hex could be obtained by blending #0444ff with #000079. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 1
- G 13
- B 74
RGB color chart
- C 99
- M 82
- Y 0
- K 26
CMYK color chart

● #0222bc color description : Strong blue.

The hexadecimal color #0222bc has RGB values of R:2, G:34, B:188 and CMYK values of C:0.99, M:0.82, Y:0, K:0.26. Its decimal value is 139964.

Hex triplet	0222bc	`#0222bc`
RGB Decimal	2, 34, 188	`rgb(2,34,188)`
RGB Percent	0.8, 13.3, 73.7	`rgb(0.8%,13.3%,73.7%)`
CMYK	99, 82, 0, 26
HSL	229.7°, 97.9, 37.3	`hsl(229.7,97.9%,37.3%)`
HSV (or HSB)	229.7°, 98.9, 73.7
Web Safe	0033cc	`#0033cc`

CIE-LAB	26.119, 51.888, -79.583
XYZ	9.672, 4.787, 47.988
xyY	0.155, 0.077, 4.787
CIE-LCH	26.119, 95.004, 303.104
CIE-LUV	26.119, -8.905, -94.134
Hunter-Lab	21.879, 40.622, -114.727
Binary	00000010, 00100010, 10111100

#0222bc
```
#0222bc rgb(2,34,188)
```
#bc9c02
```
#bc9c02 rgb(188,156,2)
```

Complementary Color

#027fbc
```
#027fbc rgb(2,127,188)
```
#0222bc
```
#0222bc rgb(2,34,188)
```
#3f02bc
```
#3f02bc rgb(63,2,188)
```

Analogous Color

#7fbc02
```
#7fbc02 rgb(127,188,2)
```
#0222bc
```
#0222bc rgb(2,34,188)
```
#bc3f02
```
#bc3f02 rgb(188,63,2)
```

Split Complementary Color

#22bc02
```
#22bc02 rgb(34,188,2)
```
#0222bc
```
#0222bc rgb(2,34,188)
```
#bc0222
```
#bc0222 rgb(188,2,34)
```

Triadic Color

#02bc9c
```
#02bc9c rgb(2,188,156)
```
#0222bc
```
#0222bc rgb(2,34,188)
```
#bc0222
```
#bc0222 rgb(188,2,34)
```
#bc9c02
```
#bc9c02 rgb(188,156,2)
```

Tetradic Color

#011470
```
#011470 rgb(1,20,112)
```
#01198a
```
#01198a rgb(1,25,138)
```
#021da3
```
#021da3 rgb(2,29,163)
```
#0222bc
```
#0222bc rgb(2,34,188)
```
#0227d5
```
#0227d5 rgb(2,39,213)
```
#032bee
```
#032bee rgb(3,43,238)
```
#0e37fc
```
#0e37fc rgb(14,55,252)
```

Monochromatic Color

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

#0251bc
```
#0251bc rgb(2,81,188)
```
#0241bc
```
#0241bc rgb(2,65,188)
```
#0231bc
```
#0231bc rgb(2,49,188)
```
#0222bc
```
#0222bc rgb(2,34,188)
```
#0213bc
```
#0213bc rgb(2,19,188)
```
#0203bc
```
#0203bc rgb(2,3,188)
```
#1102bc
```
#1102bc rgb(17,2,188)
```

Similar Colors

Text with hexadecimal color #0222bc

This text has a font color of #0222bc.

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

#0222bc background color

This paragraph has a background color of #0222bc.

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

#0222bc border color

This element has a border color of #0222bc.

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

CSS codes

.text {color:#0222bc;}

.background {background-color:#0222bc;}

.border {border:1px solid #0222bc;}

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

#00020d
```
#00020d rgb(0,2,13)
```
#000621
```
#000621 rgb(0,6,33)
```
#010934
```
#010934 rgb(1,9,52)
```
#010d48
```
#010d48 rgb(1,13,72)
```
#01105b
```
#01105b rgb(1,16,91)
```
#01146e
```
#01146e rgb(1,20,110)
```
#011782
```
#011782 rgb(1,23,130)
```
#021b95
```
#021b95 rgb(2,27,149)
```
#021ea9
```
#021ea9 rgb(2,30,169)
```
#0222bc
```
#0222bc rgb(2,34,188)
```
#0226cf
```
#0226cf rgb(2,38,207)
```
#0229e3
```
#0229e3 rgb(2,41,227)
```
#032df6
```
#032df6 rgb(3,45,246)
```

Shade Color Variation

#1039fc
```
#1039fc rgb(16,57,252)
```
#2349fd
```
#2349fd rgb(35,73,253)
```
#3759fd
```
#3759fd rgb(55,89,253)
```
#4a69fd
```
#4a69fd rgb(74,105,253)
```
#5e79fd
```
#5e79fd rgb(94,121,253)
```
#7189fd
```
#7189fd rgb(113,137,253)
```
#8499fe
```
#8499fe rgb(132,153,254)
```
#98a9fe
```
#98a9fe rgb(152,169,254)
```
#abbafe
```
#abbafe rgb(171,186,254)
```
#bfcafe
```
#bfcafe rgb(191,202,254)
```
#d2daff
```
#d2daff rgb(210,218,255)
```
#e6eaff
```
#e6eaff rgb(230,234,255)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a5c64 is the less saturated color, while #0222bc is the most saturated one.

#5a5c64
```
#5a5c64 rgb(90,92,100)
```
#52576c
```
#52576c rgb(82,87,108)
```
#4b5273
```
#4b5273 rgb(75,82,115)
```
#444d7a
```
#444d7a rgb(68,77,122)
```
#3c4882
```
#3c4882 rgb(60,72,130)
```
#354489
```
#354489 rgb(53,68,137)
```
#2e3f90
```
#2e3f90 rgb(46,63,144)
```
#273a97
```
#273a97 rgb(39,58,151)
```
#1f359f
```
#1f359f rgb(31,53,159)
```
#1830a6
```
#1830a6 rgb(24,48,166)
```
#112cad
```
#112cad rgb(17,44,173)
```
#0927b5
```
#0927b5 rgb(9,39,181)
```
#0222bc
```
#0222bc rgb(2,34,188)
```

Tone Color Variation

Below, you can see how #0222bc 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
#222847 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004587 Protanopia 1% of men
#004a74 Deuteranopia 1% of men
#004f52 Tritanopia 0.001% of the population

Trichromacy

#00389a Protanomaly 1% of men, 0.01% of women
#003b8e Deuteranomaly 6% of men, 0.4% of women
#003e78 Tritanomaly 0.01% of the population

#0222bc hex color

#0222bc Color Information

#0222bc Color Conversion

Color Schemes with #0222bc

Alternatives to #0222bc

#0222bc Preview

Shades and Tints of #0222bc

Tones of #0222bc

Color Blindness Simulator