#0222d1 hex color

In a RGB color space, hex #0222d1 is composed of 0.8% red, 13.3% green and 82% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 83.7% magenta, 0% yellow and 18% black. It has a hue angle of 230.7 degrees, a saturation of 98.1% and a lightness of 41.4%. #0222d1 color hex could be obtained by blending #0444ff with #0000a3. Closest websafe color is: #0033cc.

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

● #0222d1 color description : Strong blue.

The hexadecimal color #0222d1 has RGB values of R:2, G:34, B:209 and CMYK values of C:0.99, M:0.84, Y:0, K:0.18. Its decimal value is 139985.

Hex triplet	0222d1	`#0222d1`
RGB Decimal	2, 34, 209	`rgb(2,34,209)`
RGB Percent	0.8, 13.3, 82	`rgb(0.8%,13.3%,82%)`
CMYK	99, 84, 0, 18
HSL	230.7°, 98.1, 41.4	`hsl(230.7,98.1%,41.4%)`
HSV (or HSB)	230.7°, 99, 82
Web Safe	0033cc	`#0033cc`

CIE-LAB	28.797, 58.459, -87.45
XYZ	12.103, 5.759, 60.792
xyY	0.154, 0.073, 5.759
CIE-LCH	28.797, 105.19, 303.762
CIE-LUV	28.797, -9.535, -106.239
Hunter-Lab	23.999, 48.025, -133.389
Binary	00000010, 00100010, 11010001

#0222d1
```
#0222d1 rgb(2,34,209)
```
#d1b102
```
#d1b102 rgb(209,177,2)
```

Complementary Color

#028ad1
```
#028ad1 rgb(2,138,209)
```
#0222d1
```
#0222d1 rgb(2,34,209)
```
#4a02d1
```
#4a02d1 rgb(74,2,209)
```

Analogous Color

#8ad102
```
#8ad102 rgb(138,209,2)
```
#0222d1
```
#0222d1 rgb(2,34,209)
```
#d14a02
```
#d14a02 rgb(209,74,2)
```

Split Complementary Color

#22d102
```
#22d102 rgb(34,209,2)
```
#0222d1
```
#0222d1 rgb(2,34,209)
```
#d10222
```
#d10222 rgb(209,2,34)
```

Triadic Color

#02d1b1
```
#02d1b1 rgb(2,209,177)
```
#0222d1
```
#0222d1 rgb(2,34,209)
```
#d10222
```
#d10222 rgb(209,2,34)
```
#d1b102
```
#d1b102 rgb(209,177,2)
```

Tetradic Color

#011685
```
#011685 rgb(1,22,133)
```
#021a9e
```
#021a9e rgb(2,26,158)
```
#021eb8
```
#021eb8 rgb(2,30,184)
```
#0222d1
```
#0222d1 rgb(2,34,209)
```
#0226ea
```
#0226ea rgb(2,38,234)
```
#092ffd
```
#092ffd rgb(9,47,253)
```
#2344fd
```
#2344fd rgb(35,68,253)
```

Monochromatic Color

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

#0256d1
```
#0256d1 rgb(2,86,209)
```
#0244d1
```
#0244d1 rgb(2,68,209)
```
#0233d1
```
#0233d1 rgb(2,51,209)
```
#0222d1
```
#0222d1 rgb(2,34,209)
```
#0211d1
```
#0211d1 rgb(2,17,209)
```
#0502d1
```
#0502d1 rgb(5,2,209)
```
#1602d1
```
#1602d1 rgb(22,2,209)
```

Similar Colors

Text with hexadecimal color #0222d1

This text has a font color of #0222d1.

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

#0222d1 background color

This paragraph has a background color of #0222d1.

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

#0222d1 border color

This element has a border color of #0222d1.

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

CSS codes

.text {color:#0222d1;}

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

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

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

#00020f
```
#00020f rgb(0,2,15)
```
#000622
```
#000622 rgb(0,6,34)
```
#010936
```
#010936 rgb(1,9,54)
```
#010c49
```
#010c49 rgb(1,12,73)
```
#010f5c
```
#010f5c rgb(1,15,92)
```
#011270
```
#011270 rgb(1,18,112)
```
#011583
```
#011583 rgb(1,21,131)
```
#011997
```
#011997 rgb(1,25,151)
```
#021caa
```
#021caa rgb(2,28,170)
```
#021fbe
```
#021fbe rgb(2,31,190)
```
#0222d1
```
#0222d1 rgb(2,34,209)
```
#0225e4
```
#0225e4 rgb(2,37,228)
```
#0228f8
```
#0228f8 rgb(2,40,248)
```

Shade Color Variation

#1136fd
```
#1136fd rgb(17,54,253)
```
#2546fd
```
#2546fd rgb(37,70,253)
```
#3856fd
```
#3856fd rgb(56,86,253)
```
#4b67fd
```
#4b67fd rgb(75,103,253)
```
#5f77fd
```
#5f77fd rgb(95,119,253)
```
#7288fe
```
#7288fe rgb(114,136,254)
```
#8698fe
```
#8698fe rgb(134,152,254)
```
#99a9fe
```
#99a9fe rgb(153,169,254)
```
#adb9fe
```
#adb9fe rgb(173,185,254)
```
#c0cafe
```
#c0cafe rgb(192,202,254)
```
#d3daff
```
#d3daff rgb(211,218,255)
```
#e7ebff
```
#e7ebff rgb(231,235,255)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#636570
```
#636570 rgb(99,101,112)
```
#5b6078
```
#5b6078 rgb(91,96,120)
```
#535a80
```
#535a80 rgb(83,90,128)
```
#4b5488
```
#4b5488 rgb(75,84,136)
```
#434f90
```
#434f90 rgb(67,79,144)
```
#3b4998
```
#3b4998 rgb(59,73,152)
```
#3344a0
```
#3344a0 rgb(51,68,160)
```
#2b3ea8
```
#2b3ea8 rgb(43,62,168)
```
#2238b1
```
#2238b1 rgb(34,56,177)
```
#1a33b9
```
#1a33b9 rgb(26,51,185)
```
#122dc1
```
#122dc1 rgb(18,45,193)
```
#0a28c9
```
#0a28c9 rgb(10,40,201)
```
#0222d1
```
#0222d1 rgb(2,34,209)
```

Tone Color Variation

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

Dichromacy

#004b92 Protanopia 1% of men
#004f7e Deuteranopia 1% of men
#005558 Tritanopia 0.001% of the population

Trichromacy

#003ca9 Protanomaly 1% of men, 0.01% of women
#003f9c Deuteranomaly 6% of men, 0.4% of women
#004284 Tritanomaly 0.01% of the population

#0222d1 hex color

#0222d1 Color Information

#0222d1 Color Conversion

Color Schemes with #0222d1

Alternatives to #0222d1

#0222d1 Preview

Shades and Tints of #0222d1

Tones of #0222d1

Color Blindness Simulator