#0222ac hex color

In a RGB color space, hex #0222ac is composed of 0.8% red, 13.3% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 80.2% magenta, 0% yellow and 32.5% black. It has a hue angle of 228.7 degrees, a saturation of 97.7% and a lightness of 34.1%. #0222ac color hex could be obtained by blending #0444ff with #000059. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 1
- G 13
- B 67
RGB color chart
- C 99
- M 80
- Y 0
- K 33
CMYK color chart

● #0222ac color description : Dark blue.

The hexadecimal color #0222ac has RGB values of R:2, G:34, B:172 and CMYK values of C:0.99, M:0.8, Y:0, K:0.33. Its decimal value is 139948.

Hex triplet	0222ac	`#0222ac`
RGB Decimal	2, 34, 172	`rgb(2,34,172)`
RGB Percent	0.8, 13.3, 67.5	`rgb(0.8%,13.3%,67.5%)`
CMYK	99, 80, 0, 33
HSL	228.7°, 97.7, 34.1	`hsl(228.7,97.7%,34.1%)`
HSV (or HSB)	228.7°, 98.8, 67.5
Web Safe	003399	`#003399`

CIE-LAB	24.112, 46.607, -73.363
XYZ	8.042, 4.135, 39.402
xyY	0.156, 0.08, 4.135
CIE-LCH	24.112, 86.915, 302.427
CIE-LUV	24.112, -8.457, -84.846
Hunter-Lab	20.334, 35.009, -100.652
Binary	00000010, 00100010, 10101100

#0222ac
```
#0222ac rgb(2,34,172)
```
#ac8c02
```
#ac8c02 rgb(172,140,2)
```

Complementary Color

#0277ac
```
#0277ac rgb(2,119,172)
```
#0222ac
```
#0222ac rgb(2,34,172)
```
#3702ac
```
#3702ac rgb(55,2,172)
```

Analogous Color

#77ac02
```
#77ac02 rgb(119,172,2)
```
#0222ac
```
#0222ac rgb(2,34,172)
```
#ac3702
```
#ac3702 rgb(172,55,2)
```

Split Complementary Color

#22ac02
```
#22ac02 rgb(34,172,2)
```
#0222ac
```
#0222ac rgb(2,34,172)
```
#ac0222
```
#ac0222 rgb(172,2,34)
```

Triadic Color

#02ac8c
```
#02ac8c rgb(2,172,140)
```
#0222ac
```
#0222ac rgb(2,34,172)
```
#ac0222
```
#ac0222 rgb(172,2,34)
```
#ac8c02
```
#ac8c02 rgb(172,140,2)
```

Tetradic Color

#011360
```
#011360 rgb(1,19,96)
```
#01187a
```
#01187a rgb(1,24,122)
```
#021d93
```
#021d93 rgb(2,29,147)
```
#0222ac
```
#0222ac rgb(2,34,172)
```
#0227c5
```
#0227c5 rgb(2,39,197)
```
#032cde
```
#032cde rgb(3,44,222)
```
#0331f8
```
#0331f8 rgb(3,49,248)
```

Monochromatic Color

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

#024dac
```
#024dac rgb(2,77,172)
```
#023eac
```
#023eac rgb(2,62,172)
```
#0230ac
```
#0230ac rgb(2,48,172)
```
#0222ac
```
#0222ac rgb(2,34,172)
```
#0214ac
```
#0214ac rgb(2,20,172)
```
#0206ac
```
#0206ac rgb(2,6,172)
```
#0d02ac
```
#0d02ac rgb(13,2,172)
```

Similar Colors

Text with hexadecimal color #0222ac

This text has a font color of #0222ac.

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

#0222ac background color

This paragraph has a background color of #0222ac.

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

#0222ac border color

This element has a border color of #0222ac.

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

CSS codes

.text {color:#0222ac;}

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

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

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

#000311
```
#000311 rgb(0,3,17)
```
#000724
```
#000724 rgb(0,7,36)
```
#010b38
```
#010b38 rgb(1,11,56)
```
#010f4b
```
#010f4b rgb(1,15,75)
```
#01135e
```
#01135e rgb(1,19,94)
```
#011772
```
#011772 rgb(1,23,114)
```
#021a85
```
#021a85 rgb(2,26,133)
```
#021e99
```
#021e99 rgb(2,30,153)
```
#0222ac
```
#0222ac rgb(2,34,172)
```
#0226bf
```
#0226bf rgb(2,38,191)
```
#022ad3
```
#022ad3 rgb(2,42,211)
```
#032de6
```
#032de6 rgb(3,45,230)
```
#0331fa
```
#0331fa rgb(3,49,250)
```

Shade Color Variation

#1440fc
```
#1440fc rgb(20,64,252)
```
#274ffc
```
#274ffc rgb(39,79,252)
```
#3b5ffd
```
#3b5ffd rgb(59,95,253)
```
#4e6ffd
```
#4e6ffd rgb(78,111,253)
```
#617ffd
```
#617ffd rgb(97,127,253)
```
#758efd
```
#758efd rgb(117,142,253)
```
#889efe
```
#889efe rgb(136,158,254)
```
#9caefe
```
#9caefe rgb(156,174,254)
```
#afbefe
```
#afbefe rgb(175,190,254)
```
#c2cefe
```
#c2cefe rgb(194,206,254)
```
#d6ddff
```
#d6ddff rgb(214,221,255)
```
#e9edff
```
#e9edff rgb(233,237,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#52545c
```
#52545c rgb(82,84,92)
```
#4c5062
```
#4c5062 rgb(76,80,98)
```
#454c69
```
#454c69 rgb(69,76,105)
```
#3e4870
```
#3e4870 rgb(62,72,112)
```
#384376
```
#384376 rgb(56,67,118)
```
#313f7d
```
#313f7d rgb(49,63,125)
```
#2a3b84
```
#2a3b84 rgb(42,59,132)
```
#23378b
```
#23378b rgb(35,55,139)
```
#1d3391
```
#1d3391 rgb(29,51,145)
```
#162f98
```
#162f98 rgb(22,47,152)
```
#0f2a9f
```
#0f2a9f rgb(15,42,159)
```
#0926a5
```
#0926a5 rgb(9,38,165)
```
#0222ac
```
#0222ac rgb(2,34,172)
```

Tone Color Variation

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

#282828 Achromatopsia 0.005% of the population
#202742 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00417f Protanopia 1% of men
#00456e Deuteranopia 1% of men
#004a4d Tritanopia 0.001% of the population

Trichromacy

#00368f Protanomaly 1% of men, 0.01% of women
#003884 Deuteranomaly 6% of men, 0.4% of women
#003b6f Tritanomaly 0.01% of the population

#0222ac hex color

#0222ac Color Information

#0222ac Color Conversion

Color Schemes with #0222ac

Alternatives to #0222ac

#0222ac Preview

Shades and Tints of #0222ac

Tones of #0222ac

Color Blindness Simulator