colorhexa.com

#04a342 hex color

In a RGB color space, hex #04a342 is composed of 1.6% red, 63.9% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 0% magenta, 59.5% yellow and 36.1% black. It has a hue angle of 143.4 degrees, a saturation of 95.2% and a lightness of 32.7%. #04a342 color hex could be obtained by blending #08ff84 with #004700. Closest websafe color is: #009933.

- R 2
- G 64
- B 26
RGB color chart
- C 98
- M 0
- Y 60
- K 36
CMYK color chart

● #04a342 color description : Dark cyan - lime green.

The hexadecimal color #04a342 has RGB values of R:4, G:163, B:66 and CMYK values of C:0.98, M:0, Y:0.6, K:0.36. Its decimal value is 303938.

Hex triplet	04a342	`#04a342`
RGB Decimal	4, 163, 66	`rgb(4,163,66)`
RGB Percent	1.6, 63.9, 25.9	`rgb(1.6%,63.9%,25.9%)`
CMYK	98, 0, 60, 36
HSL	143.4°, 95.2, 32.7	`hsl(143.4,95.2%,32.7%)`
HSV (or HSB)	143.4°, 97.5, 63.9
Web Safe	009933	`#009933`

CIE-LAB	58.613, -56.738, 39.796
XYZ	14.13, 26.612, 9.546
xyY	0.281, 0.529, 26.612
CIE-LCH	58.613, 69.303, 144.955
CIE-LUV	58.613, -53.303, 56.082
Hunter-Lab	51.587, -41.385, 25.139
Binary	00000100, 10100011, 01000010

#04a342
```
#04a342 rgb(4,163,66)
```
#a30465
```
#a30465 rgb(163,4,101)
```

Complementary Color

#15a304
```
#15a304 rgb(21,163,4)
```
#04a342
```
#04a342 rgb(4,163,66)
```
#04a392
```
#04a392 rgb(4,163,146)
```

Analogous Color

#a30415
```
#a30415 rgb(163,4,21)
```
#04a342
```
#04a342 rgb(4,163,66)
```
#9204a3
```
#9204a3 rgb(146,4,163)
```

Split Complementary Color

#025824
```
#025824 rgb(2,88,36)
```
#03712e
```
#03712e rgb(3,113,46)
```
#038a38
```
#038a38 rgb(3,138,56)
```
#04a342
```
#04a342 rgb(4,163,66)
```
#05bc4c
```
#05bc4c rgb(5,188,76)
```
#05d556
```
#05d556 rgb(5,213,86)
```
#06ee60
```
#06ee60 rgb(6,238,96)
```

Monochromatic Color

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

#04a31a
```
#04a31a rgb(4,163,26)
```
#04a328
```
#04a328 rgb(4,163,40)
```
#04a335
```
#04a335 rgb(4,163,53)
```
#04a342
```
#04a342 rgb(4,163,66)
```
#04a34f
```
#04a34f rgb(4,163,79)
```
#04a35d
```
#04a35d rgb(4,163,93)
```
#04a36a
```
#04a36a rgb(4,163,106)
```

Similar Colors

Text with hexadecimal color #04a342

This text has a font color of #04a342.

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

#04a342 background color

This paragraph has a background color of #04a342.

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

#04a342 border color

This element has a border color of #04a342.

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

CSS codes

.text {color:#04a342;}

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

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

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, #000a04 is the darkest color, while #f6fff9 is the lightest one.

#000a04
```
#000a04 rgb(0,10,4)
```
#011d0c
```
#011d0c rgb(1,29,12)
```
#013013
```
#013013 rgb(1,48,19)
```
#02431b
```
#02431b rgb(2,67,27)
```
#025623
```
#025623 rgb(2,86,35)
```
#036a2b
```
#036a2b rgb(3,106,43)
```
#037d32
```
#037d32 rgb(3,125,50)
```
#04903a
```
#04903a rgb(4,144,58)
```
#04a342
```
#04a342 rgb(4,163,66)
```
#04b64a
```
#04b64a rgb(4,182,74)
```
#05c952
```
#05c952 rgb(5,201,82)
```
#05dc59
```
#05dc59 rgb(5,220,89)
```
#06f061
```
#06f061 rgb(6,240,97)
```

Shade Color Variation

#10f96b
```
#10f96b rgb(16,249,107)
```
#23fa77
```
#23fa77 rgb(35,250,119)
```
#36fa83
```
#36fa83 rgb(54,250,131)
```
#49fb8e
```
#49fb8e rgb(73,251,142)
```
#5dfb9a
```
#5dfb9a rgb(93,251,154)
```
#70fba6
```
#70fba6 rgb(112,251,166)
```
#83fcb2
```
#83fcb2 rgb(131,252,178)
```
#96fcbe
```
#96fcbe rgb(150,252,190)
```
#a9fdca
```
#a9fdca rgb(169,253,202)
```
#bcfdd6
```
#bcfdd6 rgb(188,253,214)
```
#cffee2
```
#cffee2 rgb(207,254,226)
```
#e3feed
```
#e3feed rgb(227,254,237)
```
#f6fff9
```
#f6fff9 rgb(246,255,249)
```

Tint Color Variation

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

#515653
```
#515653 rgb(81,86,83)
```
#4b5c52
```
#4b5c52 rgb(75,92,82)
```
#446350
```
#446350 rgb(68,99,80)
```
#3e694f
```
#3e694f rgb(62,105,79)
```
#37704d
```
#37704d rgb(55,112,77)
```
#31764c
```
#31764c rgb(49,118,76)
```
#2b7c4a
```
#2b7c4a rgb(43,124,74)
```
#248349
```
#248349 rgb(36,131,73)
```
#1e8948
```
#1e8948 rgb(30,137,72)
```
#179046
```
#179046 rgb(23,144,70)
```
#119645
```
#119645 rgb(17,150,69)
```
#0a9d43
```
#0a9d43 rgb(10,157,67)
```
#04a342
```
#04a342 rgb(4,163,66)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#547460 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29345 Protanopia 1% of men
#b18c56 Deuteranopia 1% of men
#4d9ea9 Tritanopia 0.001% of the population

Trichromacy

#689844 Protanomaly 1% of men, 0.01% of women
#72944e Deuteranomaly 6% of men, 0.4% of women
#329f83 Tritanomaly 0.01% of the population