#04a222 hex color

In a RGB color space, hex #04a222 is composed of 1.6% red, 63.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 0% magenta, 79% yellow and 36.5% black. It has a hue angle of 131.4 degrees, a saturation of 95.2% and a lightness of 32.5%. #04a222 color hex could be obtained by blending #08ff44 with #004500. Closest websafe color is: #009933.

♥
- f
- t
- g
- R 2
- G 64
- B 13
RGB color chart
- C 98
- M 0
- Y 79
- K 36
CMYK color chart

● #04a222 color description : Dark lime green.

The hexadecimal color #04a222 has RGB values of R:4, G:162, B:34 and CMYK values of C:0.98, M:0, Y:0.79, K:0.36. Its decimal value is 303650.

Hex triplet	04a222	`#04a222`
RGB Decimal	4, 162, 34	`rgb(4,162,34)`
RGB Percent	1.6, 63.5, 13.3	`rgb(1.6%,63.5%,13.3%)`
CMYK	98, 0, 79, 36
HSL	131.4°, 95.2, 32.5	`hsl(131.4,95.2%,32.5%)`
HSV (or HSB)	131.4°, 97.5, 63.5
Web Safe	009933	`#009933`

CIE-LAB	58.018, -59.735, 52.24
XYZ	13.258, 25.98, 5.829
xyY	0.294, 0.576, 25.98
CIE-LCH	58.018, 79.355, 138.829
CIE-LUV	58.018, -54.084, 66.213
Hunter-Lab	50.971, -42.769, 28.899
Binary	00000100, 10100010, 00100010

#04a222
```
#04a222 rgb(4,162,34)
```
#a20484
```
#a20484 rgb(162,4,132)
```

Complementary Color

#35a204
```
#35a204 rgb(53,162,4)
```
#04a222
```
#04a222 rgb(4,162,34)
```
#04a271
```
#04a271 rgb(4,162,113)
```

Analogous Color

#a20435
```
#a20435 rgb(162,4,53)
```
#04a222
```
#04a222 rgb(4,162,34)
```
#7104a2
```
#7104a2 rgb(113,4,162)
```

Split Complementary Color

#a22204
```
#a22204 rgb(162,34,4)
```
#04a222
```
#04a222 rgb(4,162,34)
```
#2204a2
```
#2204a2 rgb(34,4,162)
```

Triadic Color

#84a204
```
#84a204 rgb(132,162,4)
```
#04a222
```
#04a222 rgb(4,162,34)
```
#2204a2
```
#2204a2 rgb(34,4,162)
```
#a20484
```
#a20484 rgb(162,4,132)
```

Tetradic Color

#025712
```
#025712 rgb(2,87,18)
```
#037018
```
#037018 rgb(3,112,24)
```
#03891d
```
#03891d rgb(3,137,29)
```
#04a222
```
#04a222 rgb(4,162,34)
```
#05bb27
```
#05bb27 rgb(5,187,39)
```
#05d42c
```
#05d42c rgb(5,212,44)
```
#06ed32
```
#06ed32 rgb(6,237,50)
```

Monochromatic Color

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

#0ea204
```
#0ea204 rgb(14,162,4)
```
#04a208
```
#04a208 rgb(4,162,8)
```
#04a215
```
#04a215 rgb(4,162,21)
```
#04a222
```
#04a222 rgb(4,162,34)
```
#04a22f
```
#04a22f rgb(4,162,47)
```
#04a23c
```
#04a23c rgb(4,162,60)
```
#04a24a
```
#04a24a rgb(4,162,74)
```

Similar Colors

Text with hexadecimal color #04a222

This text has a font color of #04a222.

<span style="color:#04a222;">Text here</span>

#04a222 background color

This paragraph has a background color of #04a222.

<p style="background-color:#04a222;">Content here</p>

#04a222 border color

This element has a border color of #04a222.

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

CSS codes

.text {color:#04a222;}

.background {background-color:#04a222;}

.border {border:1px solid #04a222;}

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

#000902
```
#000902 rgb(0,9,2)
```
#011c06
```
#011c06 rgb(1,28,6)
```
#012f0a
```
#012f0a rgb(1,47,10)
```
#02420e
```
#02420e rgb(2,66,14)
```
#025512
```
#025512 rgb(2,85,18)
```
#036916
```
#036916 rgb(3,105,22)
```
#037c1a
```
#037c1a rgb(3,124,26)
```
#048f1e
```
#048f1e rgb(4,143,30)
```
#04a222
```
#04a222 rgb(4,162,34)
```
#04b526
```
#04b526 rgb(4,181,38)
```
#05c82a
```
#05c82a rgb(5,200,42)
```
#05db2e
```
#05db2e rgb(5,219,46)
```
#06ef32
```
#06ef32 rgb(6,239,50)
```

Shade Color Variation

#0ff93b
```
#0ff93b rgb(15,249,59)
```
#22fa4b
```
#22fa4b rgb(34,250,75)
```
#35fa5b
```
#35fa5b rgb(53,250,91)
```
#48fa6a
```
#48fa6a rgb(72,250,106)
```
#5cfb7a
```
#5cfb7a rgb(92,251,122)
```
#6ffb89
```
#6ffb89 rgb(111,251,137)
```
#82fc99
```
#82fc99 rgb(130,252,153)
```
#95fca9
```
#95fca9 rgb(149,252,169)
```
#a8fdb8
```
#a8fdb8 rgb(168,253,184)
```
#bbfdc8
```
#bbfdc8 rgb(187,253,200)
```
#cefed7
```
#cefed7 rgb(206,254,215)
```
#e2fee7
```
#e2fee7 rgb(226,254,231)
```
#f5fff7
```
#f5fff7 rgb(245,255,247)
```

Tint Color Variation

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

#515552
```
#515552 rgb(81,85,82)
```
#4a5c4e
```
#4a5c4e rgb(74,92,78)
```
#44624a
```
#44624a rgb(68,98,74)
```
#3d6946
```
#3d6946 rgb(61,105,70)
```
#376f42
```
#376f42 rgb(55,111,66)
```
#31753e
```
#31753e rgb(49,117,62)
```
#2a7c3a
```
#2a7c3a rgb(42,124,58)
```
#248236
```
#248236 rgb(36,130,54)
```
#1e8832
```
#1e8832 rgb(30,136,50)
```
#178f2e
```
#178f2e rgb(23,143,46)
```
#11952a
```
#11952a rgb(17,149,42)
```
#0a9c26
```
#0a9c26 rgb(10,156,38)
```
#04a222
```
#04a222 rgb(4,162,34)
```

Tone Color Variation

Below, you can see how #04a222 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

#646464 Achromatopsia 0.005% of the population
#517057 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29127 Protanopia 1% of men
#b38a3c Deuteranopia 1% of men
#509ca7 Tritanopia 0.001% of the population

Trichromacy

#689725 Protanomaly 1% of men, 0.01% of women
#739332 Deuteranomaly 6% of men, 0.4% of women
#349e76 Tritanomaly 0.01% of the population

#04a222 hex color

#04a222 Color Information

#04a222 Color Conversion

Color Schemes with #04a222

Alternatives to #04a222

#04a222 Preview

Shades and Tints of #04a222

Tones of #04a222

Color Blindness Simulator