#02224f hex color

In a RGB color space, hex #02224f is composed of 0.8% red, 13.3% green and 31% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 57% magenta, 0% yellow and 69% black. It has a hue angle of 215.1 degrees, a saturation of 95.1% and a lightness of 15.9%. #02224f color hex could be obtained by blending #04449e with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 1
- G 13
- B 31
RGB color chart
- C 97
- M 57
- Y 0
- K 69
CMYK color chart

● #02224f color description : Very dark blue.

The hexadecimal color #02224f has RGB values of R:2, G:34, B:79 and CMYK values of C:0.97, M:0.57, Y:0, K:0.69. Its decimal value is 139855.

Hex triplet	02224f	`#02224f`
RGB Decimal	2, 34, 79	`rgb(2,34,79)`
RGB Percent	0.8, 13.3, 31	`rgb(0.8%,13.3%,31%)`
CMYK	97, 57, 0, 69
HSL	215.1°, 95.1, 15.9	`hsl(215.1,95.1%,15.9%)`
HSV (or HSB)	215.1°, 97.5, 31
Web Safe	003366	`#003366`

CIE-LAB	13.951, 9.124, -30.791
XYZ	2.008, 1.721, 7.623
xyY	0.177, 0.152, 1.721
CIE-LCH	13.951, 32.114, 286.506
CIE-LUV	13.951, -7.147, -29.519
Hunter-Lab	13.12, 4.36, -25.266
Binary	00000010, 00100010, 01001111

#02224f
```
#02224f rgb(2,34,79)
```
#4f2f02
```
#4f2f02 rgb(79,47,2)
```

Complementary Color

#02494f
```
#02494f rgb(2,73,79)
```
#02224f
```
#02224f rgb(2,34,79)
```
#08024f
```
#08024f rgb(8,2,79)
```

Analogous Color

#494f02
```
#494f02 rgb(73,79,2)
```
#02224f
```
#02224f rgb(2,34,79)
```
#4f0802
```
#4f0802 rgb(79,8,2)
```

Split Complementary Color

#224f02
```
#224f02 rgb(34,79,2)
```
#02224f
```
#02224f rgb(2,34,79)
```
#4f0222
```
#4f0222 rgb(79,2,34)
```

Triadic Color

#024f2f
```
#024f2f rgb(2,79,47)
```
#02224f
```
#02224f rgb(2,34,79)
```
#4f0222
```
#4f0222 rgb(79,2,34)
```
#4f2f02
```
#4f2f02 rgb(79,47,2)
```

Tetradic Color

#000204
```
#000204 rgb(0,2,4)
```
#010d1d
```
#010d1d rgb(1,13,29)
```
#011736
```
#011736 rgb(1,23,54)
```
#02224f
```
#02224f rgb(2,34,79)
```
#032d68
```
#032d68 rgb(3,45,104)
```
#033781
```
#033781 rgb(3,55,129)
```
#04429a
```
#04429a rgb(4,66,154)
```

Monochromatic Color

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

#02354f
```
#02354f rgb(2,53,79)
```
#022f4f
```
#022f4f rgb(2,47,79)
```
#02284f
```
#02284f rgb(2,40,79)
```
#02224f
```
#02224f rgb(2,34,79)
```
#021c4f
```
#021c4f rgb(2,28,79)
```
#02154f
```
#02154f rgb(2,21,79)
```
#020f4f
```
#020f4f rgb(2,15,79)
```

Similar Colors

Text with hexadecimal color #02224f

This text has a font color of #02224f.

<span style="color:#02224f;">Text here</span>

#02224f background color

This paragraph has a background color of #02224f.

<p style="background-color:#02224f;">Content here</p>

#02224f border color

This element has a border color of #02224f.

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

CSS codes

.text {color:#02224f;}

.background {background-color:#02224f;}

.border {border:1px solid #02224f;}

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

#000102
```
#000102 rgb(0,1,2)
```
#010916
```
#010916 rgb(1,9,22)
```
#011229
```
#011229 rgb(1,18,41)
```
#021a3c
```
#021a3c rgb(2,26,60)
```
#02224f
```
#02224f rgb(2,34,79)
```
#022a62
```
#022a62 rgb(2,42,98)
```
#033275
```
#033275 rgb(3,50,117)
```
#033b88
```
#033b88 rgb(3,59,136)
```
#04439c
```
#04439c rgb(4,67,156)
```
#044baf
```
#044baf rgb(4,75,175)
```
#0553c2
```
#0553c2 rgb(5,83,194)
```
#055cd5
```
#055cd5 rgb(5,92,213)
```
#0664e8
```
#0664e8 rgb(6,100,232)
```

Shade Color Variation

#096df9
```
#096df9 rgb(9,109,249)
```
#1c78f9
```
#1c78f9 rgb(28,120,249)
```
#2f83fa
```
#2f83fa rgb(47,131,250)
```
#428ffa
```
#428ffa rgb(66,143,250)
```
#559afb
```
#559afb rgb(85,154,251)
```
#68a5fb
```
#68a5fb rgb(104,165,251)
```
#7cb1fc
```
#7cb1fc rgb(124,177,252)
```
#8fbcfc
```
#8fbcfc rgb(143,188,252)
```
#a2c8fd
```
#a2c8fd rgb(162,200,253)
```
#b5d3fd
```
#b5d3fd rgb(181,211,253)
```
#c8defe
```
#c8defe rgb(200,222,254)
```
#dbeafe
```
#dbeafe rgb(219,234,254)
```
#eef5ff
```
#eef5ff rgb(238,245,255)
```

Tint Color Variation

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

#27282a
```
#27282a rgb(39,40,42)
```
#24282d
```
#24282d rgb(36,40,45)
```
#212730
```
#212730 rgb(33,39,48)
```
#1e2733
```
#1e2733 rgb(30,39,51)
```
#1b2636
```
#1b2636 rgb(27,38,54)
```
#182639
```
#182639 rgb(24,38,57)
```
#15253c
```
#15253c rgb(21,37,60)
```
#12253f
```
#12253f rgb(18,37,63)
```
#0e2443
```
#0e2443 rgb(14,36,67)
```
#0b2446
```
#0b2446 rgb(11,36,70)
```
#082349
```
#082349 rgb(8,35,73)
```
#05234c
```
#05234c rgb(5,35,76)
```
#02224f
```
#02224f rgb(2,34,79)
```

Tone Color Variation

Below, you can see how #02224f 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

#1e1e1e Achromatopsia 0.005% of the population
#181f28 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0c2d58 Protanopia 1% of men
#002f4e Deuteranopia 1% of men
#003336 Tritanopia 0.001% of the population

Trichromacy

#082954 Protanomaly 1% of men, 0.01% of women
#002a4e Deuteranomaly 6% of men, 0.4% of women
#002d3f Tritanomaly 0.01% of the population

#02224f hex color

#02224f Color Information

#02224f Color Conversion

Color Schemes with #02224f

Alternatives to #02224f

#02224f Preview

Shades and Tints of #02224f

Tones of #02224f

Color Blindness Simulator