#2a9348 hex color

In a RGB color space, hex #2a9348 is composed of 16.5% red, 57.6% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 0% magenta, 51% yellow and 42.4% black. It has a hue angle of 137.1 degrees, a saturation of 55.6% and a lightness of 37.1%. #2a9348 color hex could be obtained by blending #54ff90 with #002700. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 16
- G 58
- B 28
RGB color chart
- C 71
- M 0
- Y 51
- K 42
CMYK color chart

● #2a9348 color description : Dark cyan - lime green.

The hexadecimal color #2a9348 has RGB values of R:42, G:147, B:72 and CMYK values of C:0.71, M:0, Y:0.51, K:0.42. Its decimal value is 2790216.

Hex triplet	2a9348	`#2a9348`
RGB Decimal	42, 147, 72	`rgb(42,147,72)`
RGB Percent	16.5, 57.6, 28.2	`rgb(16.5%,57.6%,28.2%)`
CMYK	71, 0, 51, 42
HSL	137.1°, 55.6, 37.1	`hsl(137.1,55.6%,37.1%)`
HSV (or HSB)	137.1°, 71.4, 57.6
Web Safe	339933	`#339933`

CIE-LAB	53.842, -46.386, 31.15
XYZ	12.557, 21.826, 9.682
xyY	0.285, 0.495, 21.826
CIE-LCH	53.842, 55.875, 146.117
CIE-LUV	53.842, -43.197, 44.809
Hunter-Lab	46.719, -33.779, 20.416
Binary	00101010, 10010011, 01001000

#2a9348
```
#2a9348 rgb(42,147,72)
```
#932a75
```
#932a75 rgb(147,42,117)
```

Complementary Color

#41932a
```
#41932a rgb(65,147,42)
```
#2a9348
```
#2a9348 rgb(42,147,72)
```
#2a937d
```
#2a937d rgb(42,147,125)
```

Analogous Color

#932a41
```
#932a41 rgb(147,42,65)
```
#2a9348
```
#2a9348 rgb(42,147,72)
```
#7d2a93
```
#7d2a93 rgb(125,42,147)
```

Split Complementary Color

#93482a
```
#93482a rgb(147,72,42)
```
#2a9348
```
#2a9348 rgb(42,147,72)
```
#482a93
```
#482a93 rgb(72,42,147)
```

Triadic Color

#75932a
```
#75932a rgb(117,147,42)
```
#2a9348
```
#2a9348 rgb(42,147,72)
```
#482a93
```
#482a93 rgb(72,42,147)
```
#932a75
```
#932a75 rgb(147,42,117)
```

Tetradic Color

#19582b
```
#19582b rgb(25,88,43)
```
#1f6b35
```
#1f6b35 rgb(31,107,53)
```
#247f3e
```
#247f3e rgb(36,127,62)
```
#2a9348
```
#2a9348 rgb(42,147,72)
```
#30a752
```
#30a752 rgb(48,167,82)
```
#35bb5b
```
#35bb5b rgb(53,187,91)
```
#41c968
```
#41c968 rgb(65,201,104)
```

Monochromatic Color

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

#2a932e
```
#2a932e rgb(42,147,46)
```
#2a9337
```
#2a9337 rgb(42,147,55)
```
#2a933f
```
#2a933f rgb(42,147,63)
```
#2a9348
```
#2a9348 rgb(42,147,72)
```
#2a9351
```
#2a9351 rgb(42,147,81)
```
#2a935a
```
#2a935a rgb(42,147,90)
```
#2a9362
```
#2a9362 rgb(42,147,98)
```

Similar Colors

Text with hexadecimal color #2a9348

This text has a font color of #2a9348.

<span style="color:#2a9348;">Text here</span>

#2a9348 background color

This paragraph has a background color of #2a9348.

<p style="background-color:#2a9348;">Content here</p>

#2a9348 border color

This element has a border color of #2a9348.

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

CSS codes

.text {color:#2a9348;}

.background {background-color:#2a9348;}

.border {border:1px solid #2a9348;}

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, #030a05 is the darkest color, while #f9fdfb is the lightest one.

#030a05
```
#030a05 rgb(3,10,5)
```
#07190c
```
#07190c rgb(7,25,12)
```
#0b2814
```
#0b2814 rgb(11,40,20)
```
#10371b
```
#10371b rgb(16,55,27)
```
#144723
```
#144723 rgb(20,71,35)
```
#19562a
```
#19562a rgb(25,86,42)
```
#1d6532
```
#1d6532 rgb(29,101,50)
```
#217439
```
#217439 rgb(33,116,57)
```
#268441
```
#268441 rgb(38,132,65)
```
#2a9348
```
#2a9348 rgb(42,147,72)
```
#2ea24f
```
#2ea24f rgb(46,162,79)
```
#33b257
```
#33b257 rgb(51,178,87)
```
#37c15e
```
#37c15e rgb(55,193,94)
```

Shade Color Variation

#42c969
```
#42c969 rgb(66,201,105)
```
#52cd75
```
#52cd75 rgb(82,205,117)
```
#61d281
```
#61d281 rgb(97,210,129)
```
#70d68d
```
#70d68d rgb(112,214,141)
```
#7fdb99
```
#7fdb99 rgb(127,219,153)
```
#8fdfa6
```
#8fdfa6 rgb(143,223,166)
```
#9ee3b2
```
#9ee3b2 rgb(158,227,178)
```
#ade8be
```
#ade8be rgb(173,232,190)
```
#bcecca
```
#bcecca rgb(188,236,202)
```
#ccf0d6
```
#ccf0d6 rgb(204,240,214)
```
#dbf5e2
```
#dbf5e2 rgb(219,245,226)
```
#eaf9ee
```
#eaf9ee rgb(234,249,238)
```
#f9fdfb
```
#f9fdfb rgb(249,253,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d605e is the less saturated color, while #06b738 is the most saturated one.

#5d605e
```
#5d605e rgb(93,96,94)
```
#56675b
```
#56675b rgb(86,103,91)
```
#4e6f58
```
#4e6f58 rgb(78,111,88)
```
#477654
```
#477654 rgb(71,118,84)
```
#407d51
```
#407d51 rgb(64,125,81)
```
#39844e
```
#39844e rgb(57,132,78)
```
#318c4b
```
#318c4b rgb(49,140,75)
```
#2a9348
```
#2a9348 rgb(42,147,72)
```
#239a45
```
#239a45 rgb(35,154,69)
```
#1ba242
```
#1ba242 rgb(27,162,66)
```
#14a93f
```
#14a93f rgb(20,169,63)
```
#0db03c
```
#0db03c rgb(13,176,60)
```
#06b738
```
#06b738 rgb(6,183,56)
```

Tone Color Variation

Below, you can see how #2a9348 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

#6b6b6b Achromatopsia 0.005% of the population
#5e7364 Atypical Achromatopsia 0.001% of the population

Dichromacy

#94874b Protanopia 1% of men
#a18159 Deuteranopia 1% of men
#51909a Tritanopia 0.001% of the population

Trichromacy

#6d8b4a Protanomaly 1% of men, 0.01% of women
#768753 Deuteranomaly 6% of men, 0.4% of women
#43917c Tritanomaly 0.01% of the population

#2a9348 hex color

#2a9348 Color Information

#2a9348 Color Conversion

Color Schemes with #2a9348

Alternatives to #2a9348

#2a9348 Preview

Shades and Tints of #2a9348

Tones of #2a9348

Color Blindness Simulator