#12a946 hex color

In a RGB color space, hex #12a946 is composed of 7.1% red, 66.3% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 89.3% cyan, 0% magenta, 58.6% yellow and 33.7% black. It has a hue angle of 140.7 degrees, a saturation of 80.7% and a lightness of 36.7%. #12a946 color hex could be obtained by blending #24ff8c with #005300. Closest websafe color is: #009933.

♥
- f
- t
- g
- R 7
- G 66
- B 27
RGB color chart
- C 89
- M 0
- Y 59
- K 34
CMYK color chart

● #12a946 color description : Dark cyan - lime green.

The hexadecimal color #12a946 has RGB values of R:18, G:169, B:70 and CMYK values of C:0.89, M:0, Y:0.59, K:0.34. Its decimal value is 1222982.

Hex triplet	12a946	`#12a946`
RGB Decimal	18, 169, 70	`rgb(18,169,70)`
RGB Percent	7.1, 66.3, 27.5	`rgb(7.1%,66.3%,27.5%)`
CMYK	89, 0, 59, 34
HSL	140.7°, 80.7, 36.7	`hsl(140.7,80.7%,36.7%)`
HSV (or HSB)	140.7°, 89.3, 66.3
Web Safe	009933	`#009933`

CIE-LAB	60.733, -57.329, 40.404
XYZ	15.542, 28.945, 10.562
xyY	0.282, 0.526, 28.945
CIE-LCH	60.733, 70.136, 144.825
CIE-LUV	60.733, -54.242, 57.479
Hunter-Lab	53.801, -42.586, 26.021
Binary	00010010, 10101001, 01000110

#12a946
```
#12a946 rgb(18,169,70)
```
#a91275
```
#a91275 rgb(169,18,117)
```

Complementary Color

#2aa912
```
#2aa912 rgb(42,169,18)
```
#12a946
```
#12a946 rgb(18,169,70)
```
#12a992
```
#12a992 rgb(18,169,146)
```

Analogous Color

#a9122a
```
#a9122a rgb(169,18,42)
```
#12a946
```
#12a946 rgb(18,169,70)
```
#9212a9
```
#9212a9 rgb(146,18,169)
```

Split Complementary Color

#a94612
```
#a94612 rgb(169,70,18)
```
#12a946
```
#12a946 rgb(18,169,70)
```
#4612a9
```
#4612a9 rgb(70,18,169)
```

Triadic Color

#75a912
```
#75a912 rgb(117,169,18)
```
#12a946
```
#12a946 rgb(18,169,70)
```
#4612a9
```
#4612a9 rgb(70,18,169)
```
#a91275
```
#a91275 rgb(169,18,117)
```

Tetradic Color

#0b6429
```
#0b6429 rgb(11,100,41)
```
#0d7b33
```
#0d7b33 rgb(13,123,51)
```
#10923c
```
#10923c rgb(16,146,60)
```
#12a946
```
#12a946 rgb(18,169,70)
```
#14c050
```
#14c050 rgb(20,192,80)
```
#17d759
```
#17d759 rgb(23,215,89)
```
#20e765
```
#20e765 rgb(32,231,101)
```

Monochromatic Color

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

#12a920
```
#12a920 rgb(18,169,32)
```
#12a92d
```
#12a92d rgb(18,169,45)
```
#12a939
```
#12a939 rgb(18,169,57)
```
#12a946
```
#12a946 rgb(18,169,70)
```
#12a953
```
#12a953 rgb(18,169,83)
```
#12a95f
```
#12a95f rgb(18,169,95)
```
#12a96c
```
#12a96c rgb(18,169,108)
```

Similar Colors

Text with hexadecimal color #12a946

This text has a font color of #12a946.

<span style="color:#12a946;">Text here</span>

#12a946 background color

This paragraph has a background color of #12a946.

<p style="background-color:#12a946;">Content here</p>

#12a946 border color

This element has a border color of #12a946.

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

CSS codes

.text {color:#12a946;}

.background {background-color:#12a946;}

.border {border:1px solid #12a946;}

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

#010904
```
#010904 rgb(1,9,4)
```
#031b0b
```
#031b0b rgb(3,27,11)
```
#052d13
```
#052d13 rgb(5,45,19)
```
#073f1a
```
#073f1a rgb(7,63,26)
```
#095021
```
#095021 rgb(9,80,33)
```
#0a6229
```
#0a6229 rgb(10,98,41)
```
#0c7430
```
#0c7430 rgb(12,116,48)
```
#0e8637
```
#0e8637 rgb(14,134,55)
```
#10973f
```
#10973f rgb(16,151,63)
```
#12a946
```
#12a946 rgb(18,169,70)
```
#14bb4d
```
#14bb4d rgb(20,187,77)
```
#16cc55
```
#16cc55 rgb(22,204,85)
```
#18de5c
```
#18de5c rgb(24,222,92)
```

Shade Color Variation

#22e766
```
#22e766 rgb(34,231,102)
```
#34e972
```
#34e972 rgb(52,233,114)
```
#45eb7f
```
#45eb7f rgb(69,235,127)
```
#57ed8b
```
#57ed8b rgb(87,237,139)
```
#69ef97
```
#69ef97 rgb(105,239,151)
```
#7bf1a3
```
#7bf1a3 rgb(123,241,163)
```
#8cf3b0
```
#8cf3b0 rgb(140,243,176)
```
#9ef5bc
```
#9ef5bc rgb(158,245,188)
```
#b0f7c8
```
#b0f7c8 rgb(176,247,200)
```
#c2f8d4
```
#c2f8d4 rgb(194,248,212)
```
#d3fae1
```
#d3fae1 rgb(211,250,225)
```
#e5fced
```
#e5fced rgb(229,252,237)
```
#f7fef9
```
#f7fef9 rgb(247,254,249)
```

Tint Color Variation

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

#5a615c
```
#5a615c rgb(90,97,92)
```
#53685a
```
#53685a rgb(83,104,90)
```
#4c6f58
```
#4c6f58 rgb(76,111,88)
```
#447756
```
#447756 rgb(68,119,86)
```
#3d7e53
```
#3d7e53 rgb(61,126,83)
```
#368551
```
#368551 rgb(54,133,81)
```
#2f8c4f
```
#2f8c4f rgb(47,140,79)
```
#28934d
```
#28934d rgb(40,147,77)
```
#209b4a
```
#209b4a rgb(32,155,74)
```
#19a248
```
#19a248 rgb(25,162,72)
```
#12a946
```
#12a946 rgb(18,169,70)
```
#0bb044
```
#0bb044 rgb(11,176,68)
```
#04b742
```
#04b742 rgb(4,183,66)
```

Tone Color Variation

Below, you can see how #12a946 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

#717171 Achromatopsia 0.005% of the population
#5e7c68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89849 Protanopia 1% of men
#b7915a Deuteranopia 1% of men
#52a3af Tritanopia 0.001% of the population

Trichromacy

#719e47 Protanomaly 1% of men, 0.01% of women
#7b9a52 Deuteranomaly 6% of men, 0.4% of women
#3ba589 Tritanomaly 0.01% of the population

#12a946 hex color

#12a946 Color Information

#12a946 Color Conversion

Color Schemes with #12a946

Alternatives to #12a946

#12a946 Preview

Shades and Tints of #12a946

Tones of #12a946

Color Blindness Simulator