#0222ca hex color

In a RGB color space, hex #0222ca is composed of 0.8% red, 13.3% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 83.2% magenta, 0% yellow and 20.8% black. It has a hue angle of 230.4 degrees, a saturation of 98% and a lightness of 40%. #0222ca color hex could be obtained by blending #0444ff with #000095. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 1
- G 13
- B 79
RGB color chart
- C 99
- M 83
- Y 0
- K 21
CMYK color chart

● #0222ca color description : Strong blue.

The hexadecimal color #0222ca has RGB values of R:2, G:34, B:202 and CMYK values of C:0.99, M:0.83, Y:0, K:0.21. Its decimal value is 139978.

Hex triplet	0222ca	`#0222ca`
RGB Decimal	2, 34, 202	`rgb(2,34,202)`
RGB Percent	0.8, 13.3, 79.2	`rgb(0.8%,13.3%,79.2%)`
CMYK	99, 83, 0, 21
HSL	230.4°, 98, 40	`hsl(230.4,98%,40%)`
HSV (or HSB)	230.4°, 99, 79.2
Web Safe	0033cc	`#0033cc`

CIE-LAB	27.9, 56.31, -84.862
XYZ	11.256, 5.42, 56.327
xyY	0.154, 0.074, 5.42
CIE-LCH	27.9, 101.845, 303.566
CIE-LUV	27.9, -9.32, -102.215
Hunter-Lab	23.282, 45.554, -127.148
Binary	00000010, 00100010, 11001010

#0222ca
```
#0222ca rgb(2,34,202)
```
#caaa02
```
#caaa02 rgb(202,170,2)
```

Complementary Color

#0286ca
```
#0286ca rgb(2,134,202)
```
#0222ca
```
#0222ca rgb(2,34,202)
```
#4602ca
```
#4602ca rgb(70,2,202)
```

Analogous Color

#86ca02
```
#86ca02 rgb(134,202,2)
```
#0222ca
```
#0222ca rgb(2,34,202)
```
#ca4602
```
#ca4602 rgb(202,70,2)
```

Split Complementary Color

#22ca02
```
#22ca02 rgb(34,202,2)
```
#0222ca
```
#0222ca rgb(2,34,202)
```
#ca0222
```
#ca0222 rgb(202,2,34)
```

Triadic Color

#02caaa
```
#02caaa rgb(2,202,170)
```
#0222ca
```
#0222ca rgb(2,34,202)
```
#ca0222
```
#ca0222 rgb(202,2,34)
```
#caaa02
```
#caaa02 rgb(202,170,2)
```

Tetradic Color

#01157e
```
#01157e rgb(1,21,126)
```
#011a98
```
#011a98 rgb(1,26,152)
```
#021eb1
```
#021eb1 rgb(2,30,177)
```
#0222ca
```
#0222ca rgb(2,34,202)
```
#0226e3
```
#0226e3 rgb(2,38,227)
```
#022bfd
```
#022bfd rgb(2,43,253)
```
#1c40fd
```
#1c40fd rgb(28,64,253)
```

Monochromatic Color

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

#0254ca
```
#0254ca rgb(2,84,202)
```
#0243ca
```
#0243ca rgb(2,67,202)
```
#0233ca
```
#0233ca rgb(2,51,202)
```
#0222ca
```
#0222ca rgb(2,34,202)
```
#0211ca
```
#0211ca rgb(2,17,202)
```
#0302ca
```
#0302ca rgb(3,2,202)
```
#1402ca
```
#1402ca rgb(20,2,202)
```

Similar Colors

Text with hexadecimal color #0222ca

This text has a font color of #0222ca.

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

#0222ca background color

This paragraph has a background color of #0222ca.

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

#0222ca border color

This element has a border color of #0222ca.

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

CSS codes

.text {color:#0222ca;}

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

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

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

#000108
```
#000108 rgb(0,1,8)
```
#00051b
```
#00051b rgb(0,5,27)
```
#00082f
```
#00082f rgb(0,8,47)
```
#010b42
```
#010b42 rgb(1,11,66)
```
#010e55
```
#010e55 rgb(1,14,85)
```
#011269
```
#011269 rgb(1,18,105)
```
#01157c
```
#01157c rgb(1,21,124)
```
#011890
```
#011890 rgb(1,24,144)
```
#021ba3
```
#021ba3 rgb(2,27,163)
```
#021fb7
```
#021fb7 rgb(2,31,183)
```
#0222ca
```
#0222ca rgb(2,34,202)
```
#0225dd
```
#0225dd rgb(2,37,221)
```
#0229f1
```
#0229f1 rgb(2,41,241)
```

Shade Color Variation

#0a31fd
```
#0a31fd rgb(10,49,253)
```
#1e41fd
```
#1e41fd rgb(30,65,253)
```
#3152fd
```
#3152fd rgb(49,82,253)
```
#4562fd
```
#4562fd rgb(69,98,253)
```
#5872fd
```
#5872fd rgb(88,114,253)
```
#6b83fe
```
#6b83fe rgb(107,131,254)
```
#7f93fe
```
#7f93fe rgb(127,147,254)
```
#92a3fe
```
#92a3fe rgb(146,163,254)
```
#a6b4fe
```
#a6b4fe rgb(166,180,254)
```
#b9c4fe
```
#b9c4fe rgb(185,196,254)
```
#cdd5ff
```
#cdd5ff rgb(205,213,255)
```
#e0e5ff
```
#e0e5ff rgb(224,229,255)
```
#f3f5ff
```
#f3f5ff rgb(243,245,255)
```

Tint Color Variation

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

#60626c
```
#60626c rgb(96,98,108)
```
#585d74
```
#585d74 rgb(88,93,116)
```
#50577c
```
#50577c rgb(80,87,124)
```
#495283
```
#495283 rgb(73,82,131)
```
#414d8b
```
#414d8b rgb(65,77,139)
```
#394793
```
#394793 rgb(57,71,147)
```
#31429b
```
#31429b rgb(49,66,155)
```
#293da3
```
#293da3 rgb(41,61,163)
```
#2137ab
```
#2137ab rgb(33,55,171)
```
#1a32b2
```
#1a32b2 rgb(26,50,178)
```
#122dba
```
#122dba rgb(18,45,186)
```
#0a27c2
```
#0a27c2 rgb(10,39,194)
```
#0222ca
```
#0222ca rgb(2,34,202)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#242a4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00498e Protanopia 1% of men
#004d7b Deuteranopia 1% of men
#005356 Tritanopia 0.001% of the population

Trichromacy

#003ba4 Protanomaly 1% of men, 0.01% of women
#003d97 Deuteranomaly 6% of men, 0.4% of women
#004180 Tritanomaly 0.01% of the population

#0222ca hex color

#0222ca Color Information

#0222ca Color Conversion

Color Schemes with #0222ca

Alternatives to #0222ca

#0222ca Preview

Shades and Tints of #0222ca

Tones of #0222ca

Color Blindness Simulator