#12a950 hex color

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

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

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

The hexadecimal color #12a950 has RGB values of R:18, G:169, B:80 and CMYK values of C:0.89, M:0, Y:0.53, K:0.34. Its decimal value is 1222992.

Hex triplet	12a950	`#12a950`
RGB Decimal	18, 169, 80	`rgb(18,169,80)`
RGB Percent	7.1, 66.3, 31.4	`rgb(7.1%,66.3%,31.4%)`
CMYK	89, 0, 53, 34
HSL	144.6°, 80.7, 36.7	`hsl(144.6,80.7%,36.7%)`
HSV (or HSB)	144.6°, 89.3, 66.3
Web Safe	009966	`#009966`

CIE-LAB	60.854, -55.857, 35.654
XYZ	15.884, 29.082, 12.365
xyY	0.277, 0.507, 29.082
CIE-LCH	60.854, 66.266, 147.449
CIE-LUV	60.854, -53.765, 52.755
Hunter-Lab	53.928, -41.797, 24.155
Binary	00010010, 10101001, 01010000

#12a950
```
#12a950 rgb(18,169,80)
```
#a9126b
```
#a9126b rgb(169,18,107)
```

Complementary Color

#20a912
```
#20a912 rgb(32,169,18)
```
#12a950
```
#12a950 rgb(18,169,80)
```
#12a99c
```
#12a99c rgb(18,169,156)
```

Analogous Color

#a91220
```
#a91220 rgb(169,18,32)
```
#12a950
```
#12a950 rgb(18,169,80)
```
#9c12a9
```
#9c12a9 rgb(156,18,169)
```

Split Complementary Color

#a95012
```
#a95012 rgb(169,80,18)
```
#12a950
```
#12a950 rgb(18,169,80)
```
#5012a9
```
#5012a9 rgb(80,18,169)
```

Triadic Color

#6ba912
```
#6ba912 rgb(107,169,18)
```
#12a950
```
#12a950 rgb(18,169,80)
```
#5012a9
```
#5012a9 rgb(80,18,169)
```
#a9126b
```
#a9126b rgb(169,18,107)
```

Tetradic Color

#0b642f
```
#0b642f rgb(11,100,47)
```
#0d7b3a
```
#0d7b3a rgb(13,123,58)
```
#109245
```
#109245 rgb(16,146,69)
```
#12a950
```
#12a950 rgb(18,169,80)
```
#14c05b
```
#14c05b rgb(20,192,91)
```
#17d766
```
#17d766 rgb(23,215,102)
```
#20e772
```
#20e772 rgb(32,231,114)
```

Monochromatic Color

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

#12a92a
```
#12a92a rgb(18,169,42)
```
#12a937
```
#12a937 rgb(18,169,55)
```
#12a943
```
#12a943 rgb(18,169,67)
```
#12a950
```
#12a950 rgb(18,169,80)
```
#12a95d
```
#12a95d rgb(18,169,93)
```
#12a969
```
#12a969 rgb(18,169,105)
```
#12a976
```
#12a976 rgb(18,169,118)
```

Similar Colors

Text with hexadecimal color #12a950

This text has a font color of #12a950.

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

#12a950 background color

This paragraph has a background color of #12a950.

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

#12a950 border color

This element has a border color of #12a950.

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

CSS codes

.text {color:#12a950;}

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

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

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 #f7fefa is the lightest one.

#010904
```
#010904 rgb(1,9,4)
```
#031b0d
```
#031b0d rgb(3,27,13)
```
#052d15
```
#052d15 rgb(5,45,21)
```
#073f1e
```
#073f1e rgb(7,63,30)
```
#095026
```
#095026 rgb(9,80,38)
```
#0a622e
```
#0a622e rgb(10,98,46)
```
#0c7437
```
#0c7437 rgb(12,116,55)
```
#0e863f
```
#0e863f rgb(14,134,63)
```
#109748
```
#109748 rgb(16,151,72)
```
#12a950
```
#12a950 rgb(18,169,80)
```
#14bb58
```
#14bb58 rgb(20,187,88)
```
#16cc61
```
#16cc61 rgb(22,204,97)
```
#18de69
```
#18de69 rgb(24,222,105)
```

Shade Color Variation

#22e773
```
#22e773 rgb(34,231,115)
```
#34e97e
```
#34e97e rgb(52,233,126)
```
#45eb8a
```
#45eb8a rgb(69,235,138)
```
#57ed95
```
#57ed95 rgb(87,237,149)
```
#69efa0
```
#69efa0 rgb(105,239,160)
```
#7bf1ab
```
#7bf1ab rgb(123,241,171)
```
#8cf3b6
```
#8cf3b6 rgb(140,243,182)
```
#9ef5c2
```
#9ef5c2 rgb(158,245,194)
```
#b0f7cd
```
#b0f7cd rgb(176,247,205)
```
#c2f8d8
```
#c2f8d8 rgb(194,248,216)
```
#d3fae3
```
#d3fae3 rgb(211,250,227)
```
#e5fcef
```
#e5fcef rgb(229,252,239)
```
#f7fefa
```
#f7fefa rgb(247,254,250)
```

Tint Color Variation

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

#5a615d
```
#5a615d rgb(90,97,93)
```
#53685c
```
#53685c rgb(83,104,92)
```
#4c6f5a
```
#4c6f5a rgb(76,111,90)
```
#447759
```
#447759 rgb(68,119,89)
```
#3d7e58
```
#3d7e58 rgb(61,126,88)
```
#368556
```
#368556 rgb(54,133,86)
```
#2f8c55
```
#2f8c55 rgb(47,140,85)
```
#289354
```
#289354 rgb(40,147,84)
```
#209b53
```
#209b53 rgb(32,155,83)
```
#19a251
```
#19a251 rgb(25,162,81)
```
#12a950
```
#12a950 rgb(18,169,80)
```
#0bb04f
```
#0bb04f rgb(11,176,79)
```
#04b74d
```
#04b74d rgb(4,183,77)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#5f7d6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a79852 Protanopia 1% of men
#b69263 Deuteranopia 1% of men
#51a3af Tritanopia 0.001% of the population

Trichromacy

#719e51 Protanomaly 1% of men, 0.01% of women
#7a9a5c Deuteranomaly 6% of men, 0.4% of women
#3aa58d Tritanomaly 0.01% of the population

#12a950 hex color

#12a950 Color Information

#12a950 Color Conversion

Color Schemes with #12a950

Alternatives to #12a950

#12a950 Preview

Shades and Tints of #12a950

Tones of #12a950

Color Blindness Simulator