#0222ce hex color

In a RGB color space, hex #0222ce is composed of 0.8% red, 13.3% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 83.5% magenta, 0% yellow and 19.2% black. It has a hue angle of 230.6 degrees, a saturation of 98.1% and a lightness of 40.8%. #0222ce color hex could be obtained by blending #0444ff with #00009d. Closest websafe color is: #0033cc.

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

● #0222ce color description : Strong blue.

The hexadecimal color #0222ce has RGB values of R:2, G:34, B:206 and CMYK values of C:0.99, M:0.83, Y:0, K:0.19. Its decimal value is 139982.

Hex triplet	0222ce	`#0222ce`
RGB Decimal	2, 34, 206	`rgb(2,34,206)`
RGB Percent	0.8, 13.3, 80.8	`rgb(0.8%,13.3%,80.8%)`
CMYK	99, 83, 0, 19
HSL	230.6°, 98.1, 40.8	`hsl(230.6,98.1%,40.8%)`
HSV (or HSB)	230.6°, 99, 80.8
Web Safe	0033cc	`#0033cc`

CIE-LAB	28.412, 57.543, -86.345
XYZ	11.735, 5.612, 58.854
xyY	0.154, 0.074, 5.612
CIE-LCH	28.412, 103.762, 303.681
CIE-LUV	28.412, -9.443, -104.516
Hunter-Lab	23.69, 46.966, -130.712
Binary	00000010, 00100010, 11001110

#0222ce
```
#0222ce rgb(2,34,206)
```
#ceae02
```
#ceae02 rgb(206,174,2)
```

Complementary Color

#0288ce
```
#0288ce rgb(2,136,206)
```
#0222ce
```
#0222ce rgb(2,34,206)
```
#4802ce
```
#4802ce rgb(72,2,206)
```

Analogous Color

#88ce02
```
#88ce02 rgb(136,206,2)
```
#0222ce
```
#0222ce rgb(2,34,206)
```
#ce4802
```
#ce4802 rgb(206,72,2)
```

Split Complementary Color

#22ce02
```
#22ce02 rgb(34,206,2)
```
#0222ce
```
#0222ce rgb(2,34,206)
```
#ce0222
```
#ce0222 rgb(206,2,34)
```

Triadic Color

#02ceae
```
#02ceae rgb(2,206,174)
```
#0222ce
```
#0222ce rgb(2,34,206)
```
#ce0222
```
#ce0222 rgb(206,2,34)
```
#ceae02
```
#ceae02 rgb(206,174,2)
```

Tetradic Color

#011582
```
#011582 rgb(1,21,130)
```
#021a9b
```
#021a9b rgb(2,26,155)
```
#021eb5
```
#021eb5 rgb(2,30,181)
```
#0222ce
```
#0222ce rgb(2,34,206)
```
#0226e7
```
#0226e7 rgb(2,38,231)
```
#062dfd
```
#062dfd rgb(6,45,253)
```
#2042fd
```
#2042fd rgb(32,66,253)
```

Monochromatic Color

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

#0255ce
```
#0255ce rgb(2,85,206)
```
#0244ce
```
#0244ce rgb(2,68,206)
```
#0233ce
```
#0233ce rgb(2,51,206)
```
#0222ce
```
#0222ce rgb(2,34,206)
```
#0211ce
```
#0211ce rgb(2,17,206)
```
#0402ce
```
#0402ce rgb(4,2,206)
```
#1502ce
```
#1502ce rgb(21,2,206)
```

Similar Colors

Text with hexadecimal color #0222ce

This text has a font color of #0222ce.

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

#0222ce background color

This paragraph has a background color of #0222ce.

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

#0222ce border color

This element has a border color of #0222ce.

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

CSS codes

.text {color:#0222ce;}

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

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

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

#00020c
```
#00020c rgb(0,2,12)
```
#00051f
```
#00051f rgb(0,5,31)
```
#000833
```
#000833 rgb(0,8,51)
```
#010c46
```
#010c46 rgb(1,12,70)
```
#010f59
```
#010f59 rgb(1,15,89)
```
#01126d
```
#01126d rgb(1,18,109)
```
#011580
```
#011580 rgb(1,21,128)
```
#011894
```
#011894 rgb(1,24,148)
```
#021ca7
```
#021ca7 rgb(2,28,167)
```
#021fbb
```
#021fbb rgb(2,31,187)
```
#0222ce
```
#0222ce rgb(2,34,206)
```
#0225e1
```
#0225e1 rgb(2,37,225)
```
#0228f5
```
#0228f5 rgb(2,40,245)
```

Shade Color Variation

#0e34fd
```
#0e34fd rgb(14,52,253)
```
#2244fd
```
#2244fd rgb(34,68,253)
```
#3554fd
```
#3554fd rgb(53,84,253)
```
#4865fd
```
#4865fd rgb(72,101,253)
```
#5c75fd
```
#5c75fd rgb(92,117,253)
```
#6f86fe
```
#6f86fe rgb(111,134,254)
```
#8396fe
```
#8396fe rgb(131,150,254)
```
#96a6fe
```
#96a6fe rgb(150,166,254)
```
#aab7fe
```
#aab7fe rgb(170,183,254)
```
#bdc7fe
```
#bdc7fe rgb(189,199,254)
```
#d0d8ff
```
#d0d8ff rgb(208,216,255)
```
#e4e8ff
```
#e4e8ff rgb(228,232,255)
```
#f7f9ff
```
#f7f9ff rgb(247,249,255)
```

Tint Color Variation

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

#62646e
```
#62646e rgb(98,100,110)
```
#5a5e76
```
#5a5e76 rgb(90,94,118)
```
#52597e
```
#52597e rgb(82,89,126)
```
#4a5386
```
#4a5386 rgb(74,83,134)
```
#424e8e
```
#424e8e rgb(66,78,142)
```
#3a4896
```
#3a4896 rgb(58,72,150)
```
#32439e
```
#32439e rgb(50,67,158)
```
#2a3da6
```
#2a3da6 rgb(42,61,166)
```
#2238ae
```
#2238ae rgb(34,56,174)
```
#1a32b6
```
#1a32b6 rgb(26,50,182)
```
#122dbe
```
#122dbe rgb(18,45,190)
```
#0a27c6
```
#0a27c6 rgb(10,39,198)
```
#0222ce
```
#0222ce rgb(2,34,206)
```

Tone Color Variation

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

#004a90 Protanopia 1% of men
#004f7c Deuteranopia 1% of men
#005457 Tritanopia 0.001% of the population

Trichromacy

#003ba7 Protanomaly 1% of men, 0.01% of women
#003e9a Deuteranomaly 6% of men, 0.4% of women
#004282 Tritanomaly 0.01% of the population

#0222ce hex color

#0222ce Color Information

#0222ce Color Conversion

Color Schemes with #0222ce

Alternatives to #0222ce

#0222ce Preview

Shades and Tints of #0222ce

Tones of #0222ce

Color Blindness Simulator