#02226c hex color

In a RGB color space, hex #02226c is composed of 0.8% red, 13.3% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 98.1% cyan, 68.5% magenta, 0% yellow and 57.6% black. It has a hue angle of 221.9 degrees, a saturation of 96.4% and a lightness of 21.6%. #02226c color hex could be obtained by blending #0444d8 with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 1
- G 13
- B 42
RGB color chart
- C 98
- M 69
- Y 0
- K 58
CMYK color chart

● #02226c color description : Very dark blue.

The hexadecimal color #02226c has RGB values of R:2, G:34, B:108 and CMYK values of C:0.98, M:0.69, Y:0, K:0.58. Its decimal value is 139884.

Hex triplet	02226c	`#02226c`
RGB Decimal	2, 34, 108	`rgb(2,34,108)`
RGB Percent	0.8, 13.3, 42.4	`rgb(0.8%,13.3%,42.4%)`
CMYK	98, 69, 0, 58
HSL	221.9°, 96.4, 21.6	`hsl(221.9,96.4%,21.6%)`
HSV (or HSB)	221.9°, 98.1, 42.4
Web Safe	003366	`#003366`

CIE-LAB	16.697, 22.236, -45.63
XYZ	3.303, 2.239, 14.445
xyY	0.165, 0.112, 2.239
CIE-LCH	16.697, 50.759, 295.981
CIE-LUV	16.697, -7.195, -47.127
Hunter-Lab	14.965, 13.214, -46.755
Binary	00000010, 00100010, 01101100

#02226c
```
#02226c rgb(2,34,108)
```
#6c4c02
```
#6c4c02 rgb(108,76,2)
```

Complementary Color

#02576c
```
#02576c rgb(2,87,108)
```
#02226c
```
#02226c rgb(2,34,108)
```
#17026c
```
#17026c rgb(23,2,108)
```

Analogous Color

#576c02
```
#576c02 rgb(87,108,2)
```
#02226c
```
#02226c rgb(2,34,108)
```
#6c1702
```
#6c1702 rgb(108,23,2)
```

Split Complementary Color

#226c02
```
#226c02 rgb(34,108,2)
```
#02226c
```
#02226c rgb(2,34,108)
```
#6c0222
```
#6c0222 rgb(108,2,34)
```

Triadic Color

#026c4c
```
#026c4c rgb(2,108,76)
```
#02226c
```
#02226c rgb(2,34,108)
```
#6c0222
```
#6c0222 rgb(108,2,34)
```
#6c4c02
```
#6c4c02 rgb(108,76,2)
```

Tetradic Color

#010a21
```
#010a21 rgb(1,10,33)
```
#01123a
```
#01123a rgb(1,18,58)
```
#021a53
```
#021a53 rgb(2,26,83)
```
#02226c
```
#02226c rgb(2,34,108)
```
#022a85
```
#022a85 rgb(2,42,133)
```
#03329e
```
#03329e rgb(3,50,158)
```
#033ab7
```
#033ab7 rgb(3,58,183)
```

Monochromatic Color

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

#023d6c
```
#023d6c rgb(2,61,108)
```
#02346c
```
#02346c rgb(2,52,108)
```
#022b6c
```
#022b6c rgb(2,43,108)
```
#02226c
```
#02226c rgb(2,34,108)
```
#02196c
```
#02196c rgb(2,25,108)
```
#02106c
```
#02106c rgb(2,16,108)
```
#02086c
```
#02086c rgb(2,8,108)
```

Similar Colors

Text with hexadecimal color #02226c

This text has a font color of #02226c.

<span style="color:#02226c;">Text here</span>

#02226c background color

This paragraph has a background color of #02226c.

<p style="background-color:#02226c;">Content here</p>

#02226c border color

This element has a border color of #02226c.

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

CSS codes

.text {color:#02226c;}

.background {background-color:#02226c;}

.border {border:1px solid #02226c;}

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

#00040c
```
#00040c rgb(0,4,12)
```
#010a1f
```
#010a1f rgb(1,10,31)
```
#011032
```
#011032 rgb(1,16,50)
```
#011645
```
#011645 rgb(1,22,69)
```
#021c59
```
#021c59 rgb(2,28,89)
```
#02226c
```
#02226c rgb(2,34,108)
```
#02287f
```
#02287f rgb(2,40,127)
```
#032e93
```
#032e93 rgb(3,46,147)
```
#0334a6
```
#0334a6 rgb(3,52,166)
```
#033ab9
```
#033ab9 rgb(3,58,185)
```
#0440cc
```
#0440cc rgb(4,64,204)
```
#0446e0
```
#0446e0 rgb(4,70,224)
```
#044cf3
```
#044cf3 rgb(4,76,243)
```

Shade Color Variation

#1057fb
```
#1057fb rgb(16,87,251)
```
#2465fb
```
#2465fb rgb(36,101,251)
```
#3772fb
```
#3772fb rgb(55,114,251)
```
#4a80fc
```
#4a80fc rgb(74,128,252)
```
#5d8dfc
```
#5d8dfc rgb(93,141,252)
```
#719bfc
```
#719bfc rgb(113,155,252)
```
#84a8fd
```
#84a8fd rgb(132,168,253)
```
#97b6fd
```
#97b6fd rgb(151,182,253)
```
#aac3fd
```
#aac3fd rgb(170,195,253)
```
#bed1fe
```
#bed1fe rgb(190,209,254)
```
#d1dffe
```
#d1dffe rgb(209,223,254)
```
#e4ecff
```
#e4ecff rgb(228,236,255)
```
#f7faff
```
#f7faff rgb(247,250,255)
```

Tint Color Variation

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

#353639
```
#353639 rgb(53,54,57)
```
#31343d
```
#31343d rgb(49,52,61)
```
#2c3342
```
#2c3342 rgb(44,51,66)
```
#283146
```
#283146 rgb(40,49,70)
```
#242f4a
```
#242f4a rgb(36,47,74)
```
#202e4e
```
#202e4e rgb(32,46,78)
```
#1b2c53
```
#1b2c53 rgb(27,44,83)
```
#172a57
```
#172a57 rgb(23,42,87)
```
#13295b
```
#13295b rgb(19,41,91)
```
#0f275f
```
#0f275f rgb(15,39,95)
```
#0a2564
```
#0a2564 rgb(10,37,100)
```
#062468
```
#062468 rgb(6,36,104)
```
#02226c
```
#02226c rgb(2,34,108)
```

Tone Color Variation

Below, you can see how #02226c 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

#212121 Achromatopsia 0.005% of the population
#1b2130 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003263 Protanopia 1% of men
#003556 Deuteranopia 1% of men
#00393c Tritanopia 0.001% of the population

Trichromacy

#002c66 Protanomaly 1% of men, 0.01% of women
#002e5e Deuteranomaly 6% of men, 0.4% of women
#00314d Tritanomaly 0.01% of the population

#02226c hex color

#02226c Color Information

#02226c Color Conversion

Color Schemes with #02226c

Alternatives to #02226c

#02226c Preview

Shades and Tints of #02226c

Tones of #02226c

Color Blindness Simulator