#04222a hex color

In a RGB color space, hex #04222a is composed of 1.6% red, 13.3% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 90.5% cyan, 19% magenta, 0% yellow and 83.5% black. It has a hue angle of 192.6 degrees, a saturation of 82.6% and a lightness of 9%. #04222a color hex could be obtained by blending #084454 with #000000. Closest websafe color is: #003333.

♥
- f
- t
- g
- R 2
- G 13
- B 16
RGB color chart
- C 90
- M 19
- Y 0
- K 84
CMYK color chart

● #04222a color description : Very dark (mostly black) cyan.

The hexadecimal color #04222a has RGB values of R:4, G:34, B:42 and CMYK values of C:0.9, M:0.19, Y:0, K:0.84. Its decimal value is 270890.

Hex triplet	04222a	`#04222a`
RGB Decimal	4, 34, 42	`rgb(4,34,42)`
RGB Percent	1.6, 13.3, 16.5	`rgb(1.6%,13.3%,16.5%)`
CMYK	90, 19, 0, 84
HSL	192.6°, 82.6, 9	`hsl(192.6,82.6%,9%)`
HSV (or HSB)	192.6°, 90.5, 16.5
Web Safe	003333	`#003333`

CIE-LAB	11.531, -7.67, -8.559
XYZ	1.04, 1.337, 2.394
xyY	0.218, 0.28, 1.337
CIE-LCH	11.531, 11.493, 228.133
CIE-LUV	11.531, -7.604, -6.413
Hunter-Lab	11.563, -4.181, -4.18
Binary	00000100, 00100010, 00101010

#04222a
```
#04222a rgb(4,34,42)
```
#2a0c04
```
#2a0c04 rgb(42,12,4)
```

Complementary Color

#042a1f
```
#042a1f rgb(4,42,31)
```
#04222a
```
#04222a rgb(4,34,42)
```
#040f2a
```
#040f2a rgb(4,15,42)
```

Analogous Color

#2a1f04
```
#2a1f04 rgb(42,31,4)
```
#04222a
```
#04222a rgb(4,34,42)
```
#2a040f
```
#2a040f rgb(42,4,15)
```

Split Complementary Color

#222a04
```
#222a04 rgb(34,42,4)
```
#04222a
```
#04222a rgb(4,34,42)
```
#2a0422
```
#2a0422 rgb(42,4,34)
```

Triadic Color

#042a0c
```
#042a0c rgb(4,42,12)
```
#04222a
```
#04222a rgb(4,34,42)
```
#2a0422
```
#2a0422 rgb(42,4,34)
```
#2a0c04
```
#2a0c04 rgb(42,12,4)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#000000
```
#000000 rgb(0,0,0)
```
#020f13
```
#020f13 rgb(2,15,19)
```
#04222a
```
#04222a rgb(4,34,42)
```
#063541
```
#063541 rgb(6,53,65)
```
#084859
```
#084859 rgb(8,72,89)
```
#0b5b70
```
#0b5b70 rgb(11,91,112)
```

Monochromatic Color

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

#042a29
```
#042a29 rgb(4,42,41)
```
#04282a
```
#04282a rgb(4,40,42)
```
#04252a
```
#04252a rgb(4,37,42)
```
#04222a
```
#04222a rgb(4,34,42)
```
#041f2a
```
#041f2a rgb(4,31,42)
```
#041c2a
```
#041c2a rgb(4,28,42)
```
#04192a
```
#04192a rgb(4,25,42)
```

Similar Colors

Text with hexadecimal color #04222a

This text has a font color of #04222a.

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

#04222a background color

This paragraph has a background color of #04222a.

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

#04222a border color

This element has a border color of #04222a.

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

CSS codes

.text {color:#04222a;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#021418
```
#021418 rgb(2,20,24)
```
#04222a
```
#04222a rgb(4,34,42)
```
#06303c
```
#06303c rgb(6,48,60)
```
#073f4e
```
#073f4e rgb(7,63,78)
```
#094d60
```
#094d60 rgb(9,77,96)
```
#0b5c72
```
#0b5c72 rgb(11,92,114)
```
#0d6a84
```
#0d6a84 rgb(13,106,132)
```
#0e7995
```
#0e7995 rgb(14,121,149)
```
#1087a7
```
#1087a7 rgb(16,135,167)
```
#1296b9
```
#1296b9 rgb(18,150,185)
```
#13a4cb
```
#13a4cb rgb(19,164,203)
```
#15b3dd
```
#15b3dd rgb(21,179,221)
```

Shade Color Variation

#1cbee9
```
#1cbee9 rgb(28,190,233)
```
#2ec3eb
```
#2ec3eb rgb(46,195,235)
```
#40c8ed
```
#40c8ed rgb(64,200,237)
```
#52ceef
```
#52ceef rgb(82,206,239)
```
#64d3f0
```
#64d3f0 rgb(100,211,240)
```
#76d8f2
```
#76d8f2 rgb(118,216,242)
```
#88ddf4
```
#88ddf4 rgb(136,221,244)
```
#9ae2f5
```
#9ae2f5 rgb(154,226,245)
```
#ace7f7
```
#ace7f7 rgb(172,231,247)
```
#beecf9
```
#beecf9 rgb(190,236,249)
```
#cff1fa
```
#cff1fa rgb(207,241,250)
```
#e1f7fc
```
#e1f7fc rgb(225,247,252)
```
#f3fcfe
```
#f3fcfe rgb(243,252,254)
```

Tint Color Variation

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

#161818
```
#161818 rgb(22,24,24)
```
#14191a
```
#14191a rgb(20,25,26)
```
#121a1c
```
#121a1c rgb(18,26,28)
```
#101b1e
```
#101b1e rgb(16,27,30)
```
#0f1c1f
```
#0f1c1f rgb(15,28,31)
```
#0d1d21
```
#0d1d21 rgb(13,29,33)
```
#0b1e23
```
#0b1e23 rgb(11,30,35)
```
#091f25
```
#091f25 rgb(9,31,37)
```
#082026
```
#082026 rgb(8,32,38)
```
#062128
```
#062128 rgb(6,33,40)
```
#04222a
```
#04222a rgb(4,34,42)
```
#02232c
```
#02232c rgb(2,35,44)
```
#00242e
```
#00242e rgb(0,36,46)
```

Tone Color Variation

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

#1a1a1a Achromatopsia 0.005% of the population
#161c1d Atypical Achromatopsia 0.001% of the population

Dichromacy

#282932 Protanopia 1% of men
#262936 Deuteranopia 1% of men
#0b2e31 Tritanopia 0.001% of the population

Trichromacy

#1a272f Protanomaly 1% of men, 0.01% of women
#1a2632 Deuteranomaly 6% of men, 0.4% of women
#08292e Tritanomaly 0.01% of the population

#04222a hex color

#04222a Color Information

#04222a Color Conversion

Color Schemes with #04222a

Alternatives to #04222a

#04222a Preview

Shades and Tints of #04222a

Tones of #04222a

Color Blindness Simulator