#12a949 hex color

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

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

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

The hexadecimal color #12a949 has RGB values of R:18, G:169, B:73 and CMYK values of C:0.89, M:0, Y:0.57, K:0.34. Its decimal value is 1222985.

Hex triplet	12a949	`#12a949`
RGB Decimal	18, 169, 73	`rgb(18,169,73)`
RGB Percent	7.1, 66.3, 28.6	`rgb(7.1%,66.3%,28.6%)`
CMYK	89, 0, 57, 34
HSL	141.9°, 80.7, 36.7	`hsl(141.9,80.7%,36.7%)`
HSV (or HSB)	141.9°, 89.3, 66.3
Web Safe	009933	`#009933`

CIE-LAB	60.767, -56.909, 39.003
XYZ	15.639, 28.984, 11.073
xyY	0.281, 0.52, 28.984
CIE-LCH	60.767, 68.992, 145.575
CIE-LUV	60.767, -54.105, 56.126
Hunter-Lab	53.837, -42.362, 25.491
Binary	00010010, 10101001, 01001001

#12a949
```
#12a949 rgb(18,169,73)
```
#a91272
```
#a91272 rgb(169,18,114)
```

Complementary Color

#27a912
```
#27a912 rgb(39,169,18)
```
#12a949
```
#12a949 rgb(18,169,73)
```
#12a995
```
#12a995 rgb(18,169,149)
```

Analogous Color

#a91227
```
#a91227 rgb(169,18,39)
```
#12a949
```
#12a949 rgb(18,169,73)
```
#9512a9
```
#9512a9 rgb(149,18,169)
```

Split Complementary Color

#a94912
```
#a94912 rgb(169,73,18)
```
#12a949
```
#12a949 rgb(18,169,73)
```
#4912a9
```
#4912a9 rgb(73,18,169)
```

Triadic Color

#72a912
```
#72a912 rgb(114,169,18)
```
#12a949
```
#12a949 rgb(18,169,73)
```
#4912a9
```
#4912a9 rgb(73,18,169)
```
#a91272
```
#a91272 rgb(169,18,114)
```

Tetradic Color

#0b642b
```
#0b642b rgb(11,100,43)
```
#0d7b35
```
#0d7b35 rgb(13,123,53)
```
#10923f
```
#10923f rgb(16,146,63)
```
#12a949
```
#12a949 rgb(18,169,73)
```
#14c053
```
#14c053 rgb(20,192,83)
```
#17d75d
```
#17d75d rgb(23,215,93)
```
#20e769
```
#20e769 rgb(32,231,105)
```

Monochromatic Color

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

#12a923
```
#12a923 rgb(18,169,35)
```
#12a930
```
#12a930 rgb(18,169,48)
```
#12a93c
```
#12a93c rgb(18,169,60)
```
#12a949
```
#12a949 rgb(18,169,73)
```
#12a956
```
#12a956 rgb(18,169,86)
```
#12a962
```
#12a962 rgb(18,169,98)
```
#12a96f
```
#12a96f rgb(18,169,111)
```

Similar Colors

Text with hexadecimal color #12a949

This text has a font color of #12a949.

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

#12a949 background color

This paragraph has a background color of #12a949.

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

#12a949 border color

This element has a border color of #12a949.

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

CSS codes

.text {color:#12a949;}

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

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

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)
```
#031b0c
```
#031b0c rgb(3,27,12)
```
#052d13
```
#052d13 rgb(5,45,19)
```
#073f1b
```
#073f1b rgb(7,63,27)
```
#095023
```
#095023 rgb(9,80,35)
```
#0a622a
```
#0a622a rgb(10,98,42)
```
#0c7432
```
#0c7432 rgb(12,116,50)
```
#0e863a
```
#0e863a rgb(14,134,58)
```
#109741
```
#109741 rgb(16,151,65)
```
#12a949
```
#12a949 rgb(18,169,73)
```
#14bb51
```
#14bb51 rgb(20,187,81)
```
#16cc58
```
#16cc58 rgb(22,204,88)
```
#18de60
```
#18de60 rgb(24,222,96)
```

Shade Color Variation

#22e76a
```
#22e76a rgb(34,231,106)
```
#34e976
```
#34e976 rgb(52,233,118)
```
#45eb82
```
#45eb82 rgb(69,235,130)
```
#57ed8e
```
#57ed8e rgb(87,237,142)
```
#69ef9a
```
#69ef9a rgb(105,239,154)
```
#7bf1a6
```
#7bf1a6 rgb(123,241,166)
```
#8cf3b2
```
#8cf3b2 rgb(140,243,178)
```
#9ef5be
```
#9ef5be rgb(158,245,190)
```
#b0f7ca
```
#b0f7ca rgb(176,247,202)
```
#c2f8d6
```
#c2f8d6 rgb(194,248,214)
```
#d3fae2
```
#d3fae2 rgb(211,250,226)
```
#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, #5a615d is the less saturated color, while #04b745 is the most saturated one.

#5a615d
```
#5a615d rgb(90,97,93)
```
#53685b
```
#53685b rgb(83,104,91)
```
#4c6f59
```
#4c6f59 rgb(76,111,89)
```
#447757
```
#447757 rgb(68,119,87)
```
#3d7e55
```
#3d7e55 rgb(61,126,85)
```
#368553
```
#368553 rgb(54,133,83)
```
#2f8c51
```
#2f8c51 rgb(47,140,81)
```
#28934f
```
#28934f rgb(40,147,79)
```
#209b4d
```
#209b4d rgb(32,155,77)
```
#19a24b
```
#19a24b rgb(25,162,75)
```
#12a949
```
#12a949 rgb(18,169,73)
```
#0bb047
```
#0bb047 rgb(11,176,71)
```
#04b745
```
#04b745 rgb(4,183,69)
```

Tone Color Variation

Below, you can see how #12a949 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
#5e7c69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8984b Protanopia 1% of men
#b7915c Deuteranopia 1% of men
#52a3af Tritanopia 0.001% of the population

Trichromacy

#719e4a Protanomaly 1% of men, 0.01% of women
#7b9a55 Deuteranomaly 6% of men, 0.4% of women
#3aa58a Tritanomaly 0.01% of the population

#12a949 hex color

#12a949 Color Information

#12a949 Color Conversion

Color Schemes with #12a949

Alternatives to #12a949

#12a949 Preview

Shades and Tints of #12a949

Tones of #12a949

Color Blindness Simulator