#02228a hex color

In a RGB color space, hex #02228a is composed of 0.8% red, 13.3% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 98.6% cyan, 75.4% magenta, 0% yellow and 45.9% black. It has a hue angle of 225.9 degrees, a saturation of 97.1% and a lightness of 27.5%. #02228a color hex could be obtained by blending #0444ff with #000015. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 1
- G 13
- B 54
RGB color chart
- C 99
- M 75
- Y 0
- K 46
CMYK color chart

● #02228a color description : Dark blue.

The hexadecimal color #02228a has RGB values of R:2, G:34, B:138 and CMYK values of C:0.99, M:0.75, Y:0, K:0.46. Its decimal value is 139914.

Hex triplet	02228a	`#02228a`
RGB Decimal	2, 34, 138	`rgb(2,34,138)`
RGB Percent	0.8, 13.3, 54.1	`rgb(0.8%,13.3%,54.1%)`
CMYK	99, 75, 0, 46
HSL	225.9°, 97.1, 27.5	`hsl(225.9,97.1%,27.5%)`
HSV (or HSB)	225.9°, 98.6, 54.1
Web Safe	003399	`#003399`

CIE-LAB	20.01, 34.397, -59.307
XYZ	5.184, 2.992, 24.348
xyY	0.159, 0.092, 2.992
CIE-LCH	20.01, 68.561, 300.113
CIE-LUV	20.01, -7.649, -64.934
Hunter-Lab	17.296, 23.228, -71.355
Binary	00000010, 00100010, 10001010

#02228a
```
#02228a rgb(2,34,138)
```
#8a6a02
```
#8a6a02 rgb(138,106,2)
```

Complementary Color

#02668a
```
#02668a rgb(2,102,138)
```
#02228a
```
#02228a rgb(2,34,138)
```
#26028a
```
#26028a rgb(38,2,138)
```

Analogous Color

#668a02
```
#668a02 rgb(102,138,2)
```
#02228a
```
#02228a rgb(2,34,138)
```
#8a2602
```
#8a2602 rgb(138,38,2)
```

Split Complementary Color

#228a02
```
#228a02 rgb(34,138,2)
```
#02228a
```
#02228a rgb(2,34,138)
```
#8a0222
```
#8a0222 rgb(138,2,34)
```

Triadic Color

#028a6a
```
#028a6a rgb(2,138,106)
```
#02228a
```
#02228a rgb(2,34,138)
```
#8a0222
```
#8a0222 rgb(138,2,34)
```
#8a6a02
```
#8a6a02 rgb(138,106,2)
```

Tetradic Color

#010f3f
```
#010f3f rgb(1,15,63)
```
#011658
```
#011658 rgb(1,22,88)
```
#021c71
```
#021c71 rgb(2,28,113)
```
#02228a
```
#02228a rgb(2,34,138)
```
#0228a3
```
#0228a3 rgb(2,40,163)
```
#032ebc
```
#032ebc rgb(3,46,188)
```
#0335d5
```
#0335d5 rgb(3,53,213)
```

Monochromatic Color

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

#02448a
```
#02448a rgb(2,68,138)
```
#02398a
```
#02398a rgb(2,57,138)
```
#022d8a
```
#022d8a rgb(2,45,138)
```
#02228a
```
#02228a rgb(2,34,138)
```
#02178a
```
#02178a rgb(2,23,138)
```
#020b8a
```
#020b8a rgb(2,11,138)
```
#04028a
```
#04028a rgb(4,2,138)
```

Similar Colors

Text with hexadecimal color #02228a

This text has a font color of #02228a.

<span style="color:#02228a;">Text here</span>

#02228a background color

This paragraph has a background color of #02228a.

<p style="background-color:#02228a;">Content here</p>

#02228a border color

This element has a border color of #02228a.

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

CSS codes

.text {color:#02228a;}

.background {background-color:#02228a;}

.border {border:1px solid #02228a;}

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

#000103
```
#000103 rgb(0,1,3)
```
#000516
```
#000516 rgb(0,5,22)
```
#010a29
```
#010a29 rgb(1,10,41)
```
#010f3d
```
#010f3d rgb(1,15,61)
```
#011450
```
#011450 rgb(1,20,80)
```
#011863
```
#011863 rgb(1,24,99)
```
#021d77
```
#021d77 rgb(2,29,119)
```
#02228a
```
#02228a rgb(2,34,138)
```
#02279d
```
#02279d rgb(2,39,157)
```
#032cb1
```
#032cb1 rgb(3,44,177)
```
#0330c4
```
#0330c4 rgb(3,48,196)
```
#0335d7
```
#0335d7 rgb(3,53,215)
```
#033aeb
```
#033aeb rgb(3,58,235)
```

Shade Color Variation

#0640fb
```
#0640fb rgb(6,64,251)
```
#1a4ffc
```
#1a4ffc rgb(26,79,252)
```
#2d5efc
```
#2d5efc rgb(45,94,252)
```
#406dfc
```
#406dfc rgb(64,109,252)
```
#547bfd
```
#547bfd rgb(84,123,253)
```
#678afd
```
#678afd rgb(103,138,253)
```
#7a99fd
```
#7a99fd rgb(122,153,253)
```
#8ea8fd
```
#8ea8fd rgb(142,168,253)
```
#a1b7fe
```
#a1b7fe rgb(161,183,254)
```
#b4c6fe
```
#b4c6fe rgb(180,198,254)
```
#c8d4fe
```
#c8d4fe rgb(200,212,254)
```
#dbe3fe
```
#dbe3fe rgb(219,227,254)
```
#eef2ff
```
#eef2ff rgb(238,242,255)
```

Tint Color Variation

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

#434449
```
#434449 rgb(67,68,73)
```
#3d414f
```
#3d414f rgb(61,65,79)
```
#383f54
```
#383f54 rgb(56,63,84)
```
#323c5a
```
#323c5a rgb(50,60,90)
```
#2d395f
```
#2d395f rgb(45,57,95)
```
#283664
```
#283664 rgb(40,54,100)
```
#22336a
```
#22336a rgb(34,51,106)
```
#1d306f
```
#1d306f rgb(29,48,111)
```
#182d74
```
#182d74 rgb(24,45,116)
```
#122b7a
```
#122b7a rgb(18,43,122)
```
#0d287f
```
#0d287f rgb(13,40,127)
```
#072585
```
#072585 rgb(7,37,133)
```
#02228a
```
#02228a rgb(2,34,138)
```

Tone Color Variation

Below, you can see how #02228a 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

#242424 Achromatopsia 0.005% of the population
#1d2438 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00396f Protanopia 1% of men
#003c60 Deuteranopia 1% of men
#004143 Tritanopia 0.001% of the population

Trichromacy

#003079 Protanomaly 1% of men, 0.01% of women
#00336f Deuteranomaly 6% of men, 0.4% of women
#00355d Tritanomaly 0.01% of the population

#02228a hex color

#02228a Color Information

#02228a Color Conversion

Color Schemes with #02228a

Alternatives to #02228a

#02228a Preview

Shades and Tints of #02228a

Tones of #02228a

Color Blindness Simulator