#02228c hex color

In a RGB color space, hex #02228c is composed of 0.8% red, 13.3% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 98.6% cyan, 75.7% magenta, 0% yellow and 45.1% black. It has a hue angle of 226.1 degrees, a saturation of 97.2% and a lightness of 27.8%. #02228c color hex could be obtained by blending #0444ff with #000019. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 1
- G 13
- B 55
RGB color chart
- C 99
- M 76
- Y 0
- K 45
CMYK color chart

● #02228c color description : Dark blue.

The hexadecimal color #02228c has RGB values of R:2, G:34, B:140 and CMYK values of C:0.99, M:0.76, Y:0, K:0.45. Its decimal value is 139916.

Hex triplet	02228c	`#02228c`
RGB Decimal	2, 34, 140	`rgb(2,34,140)`
RGB Percent	0.8, 13.3, 54.9	`rgb(0.8%,13.3%,54.9%)`
CMYK	99, 76, 0, 45
HSL	226.1°, 97.2, 27.8	`hsl(226.1,97.2%,27.8%)`
HSV (or HSB)	226.1°, 98.6, 54.9
Web Safe	003399	`#003399`

CIE-LAB	20.243, 35.158, -60.172
XYZ	5.33, 3.05, 25.117
xyY	0.159, 0.091, 3.05
CIE-LCH	20.243, 69.69, 300.298
CIE-LUV	20.243, -7.689, -66.112
Hunter-Lab	17.464, 23.912, -73.047
Binary	00000010, 00100010, 10001100

#02228c
```
#02228c rgb(2,34,140)
```
#8c6c02
```
#8c6c02 rgb(140,108,2)
```

Complementary Color

#02678c
```
#02678c rgb(2,103,140)
```
#02228c
```
#02228c rgb(2,34,140)
```
#27028c
```
#27028c rgb(39,2,140)
```

Analogous Color

#678c02
```
#678c02 rgb(103,140,2)
```
#02228c
```
#02228c rgb(2,34,140)
```
#8c2702
```
#8c2702 rgb(140,39,2)
```

Split Complementary Color

#228c02
```
#228c02 rgb(34,140,2)
```
#02228c
```
#02228c rgb(2,34,140)
```
#8c0222
```
#8c0222 rgb(140,2,34)
```

Triadic Color

#028c6c
```
#028c6c rgb(2,140,108)
```
#02228c
```
#02228c rgb(2,34,140)
```
#8c0222
```
#8c0222 rgb(140,2,34)
```
#8c6c02
```
#8c6c02 rgb(140,108,2)
```

Tetradic Color

#011041
```
#011041 rgb(1,16,65)
```
#01165a
```
#01165a rgb(1,22,90)
```
#021c73
```
#021c73 rgb(2,28,115)
```
#02228c
```
#02228c rgb(2,34,140)
```
#0228a5
```
#0228a5 rgb(2,40,165)
```
#032ebe
```
#032ebe rgb(3,46,190)
```
#0334d7
```
#0334d7 rgb(3,52,215)
```

Monochromatic Color

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

#02458c
```
#02458c rgb(2,69,140)
```
#02398c
```
#02398c rgb(2,57,140)
```
#022e8c
```
#022e8c rgb(2,46,140)
```
#02228c
```
#02228c rgb(2,34,140)
```
#02178c
```
#02178c rgb(2,23,140)
```
#020b8c
```
#020b8c rgb(2,11,140)
```
#04028c
```
#04028c rgb(4,2,140)
```

Similar Colors

Text with hexadecimal color #02228c

This text has a font color of #02228c.

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

#02228c background color

This paragraph has a background color of #02228c.

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

#02228c border color

This element has a border color of #02228c.

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

CSS codes

.text {color:#02228c;}

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

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

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

#000105
```
#000105 rgb(0,1,5)
```
#000618
```
#000618 rgb(0,6,24)
```
#010b2b
```
#010b2b rgb(1,11,43)
```
#010f3f
```
#010f3f rgb(1,15,63)
```
#011452
```
#011452 rgb(1,20,82)
```
#011965
```
#011965 rgb(1,25,101)
```
#021d79
```
#021d79 rgb(2,29,121)
```
#02228c
```
#02228c rgb(2,34,140)
```
#02279f
```
#02279f rgb(2,39,159)
```
#032bb3
```
#032bb3 rgb(3,43,179)
```
#0330c6
```
#0330c6 rgb(3,48,198)
```
#0335d9
```
#0335d9 rgb(3,53,217)
```
#0339ed
```
#0339ed rgb(3,57,237)
```

Shade Color Variation

#0841fb
```
#0841fb rgb(8,65,251)
```
#1c50fc
```
#1c50fc rgb(28,80,252)
```
#2f5efc
```
#2f5efc rgb(47,94,252)
```
#426dfc
```
#426dfc rgb(66,109,252)
```
#567cfd
```
#567cfd rgb(86,124,253)
```
#698bfd
```
#698bfd rgb(105,139,253)
```
#7c9afd
```
#7c9afd rgb(124,154,253)
```
#90a9fd
```
#90a9fd rgb(144,169,253)
```
#a3b8fe
```
#a3b8fe rgb(163,184,254)
```
#b6c7fe
```
#b6c7fe rgb(182,199,254)
```
#cad6fe
```
#cad6fe rgb(202,214,254)
```
#dde5ff
```
#dde5ff rgb(221,229,255)
```
#f0f4ff
```
#f0f4ff rgb(240,244,255)
```

Tint Color Variation

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

#44454a
```
#44454a rgb(68,69,74)
```
#3e4250
```
#3e4250 rgb(62,66,80)
```
#393f55
```
#393f55 rgb(57,63,85)
```
#333c5b
```
#333c5b rgb(51,60,91)
```
#2e3960
```
#2e3960 rgb(46,57,96)
```
#283766
```
#283766 rgb(40,55,102)
```
#23346b
```
#23346b rgb(35,52,107)
```
#1d3171
```
#1d3171 rgb(29,49,113)
```
#182e76
```
#182e76 rgb(24,46,118)
```
#122b7c
```
#122b7c rgb(18,43,124)
```
#0d2881
```
#0d2881 rgb(13,40,129)
```
#072587
```
#072587 rgb(7,37,135)
```
#02228c
```
#02228c rgb(2,34,140)
```

Tone Color Variation

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

#252525 Achromatopsia 0.005% of the population
#1e243a Atypical Achromatopsia 0.001% of the population

Dichromacy

#003970 Protanopia 1% of men
#003d61 Deuteranopia 1% of men
#004144 Tritanopia 0.001% of the population

Trichromacy

#00317a Protanomaly 1% of men, 0.01% of women
#003370 Deuteranomaly 6% of men, 0.4% of women
#00365e Tritanomaly 0.01% of the population

#02228c hex color

#02228c Color Information

#02228c Color Conversion

Color Schemes with #02228c

Alternatives to #02228c

#02228c Preview

Shades and Tints of #02228c

Tones of #02228c

Color Blindness Simulator