#12a849 hex color

In a RGB color space, hex #12a849 is composed of 7.1% red, 65.9% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 89.3% cyan, 0% magenta, 56.5% yellow and 34.1% black. It has a hue angle of 142 degrees, a saturation of 80.6% and a lightness of 36.5%. #12a849 color hex could be obtained by blending #24ff92 with #005100. 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

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

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

Hex triplet	12a849	`#12a849`
RGB Decimal	18, 168, 73	`rgb(18,168,73)`
RGB Percent	7.1, 65.9, 28.6	`rgb(7.1%,65.9%,28.6%)`
CMYK	89, 0, 57, 34
HSL	142°, 80.6, 36.5	`hsl(142,80.6%,36.5%)`
HSV (or HSB)	142°, 89.3, 65.9
Web Safe	009933	`#009933`

CIE-LAB	60.439, -56.579, 38.611
XYZ	15.454, 28.613, 11.011
xyY	0.281, 0.52, 28.613
CIE-LCH	60.439, 68.498, 145.69
CIE-LUV	60.439, -53.77, 55.597
Hunter-Lab	53.491, -42.041, 25.239
Binary	00010010, 10101000, 01001001

#12a849
```
#12a849 rgb(18,168,73)
```
#a81271
```
#a81271 rgb(168,18,113)
```

Complementary Color

#26a812
```
#26a812 rgb(38,168,18)
```
#12a849
```
#12a849 rgb(18,168,73)
```
#12a894
```
#12a894 rgb(18,168,148)
```

Analogous Color

#a81226
```
#a81226 rgb(168,18,38)
```
#12a849
```
#12a849 rgb(18,168,73)
```
#9412a8
```
#9412a8 rgb(148,18,168)
```

Split Complementary Color

#a84912
```
#a84912 rgb(168,73,18)
```
#12a849
```
#12a849 rgb(18,168,73)
```
#4912a8
```
#4912a8 rgb(73,18,168)
```

Triadic Color

#71a812
```
#71a812 rgb(113,168,18)
```
#12a849
```
#12a849 rgb(18,168,73)
```
#4912a8
```
#4912a8 rgb(73,18,168)
```
#a81271
```
#a81271 rgb(168,18,113)
```

Tetradic Color

#0b632b
```
#0b632b rgb(11,99,43)
```
#0d7a35
```
#0d7a35 rgb(13,122,53)
```
#10913f
```
#10913f rgb(16,145,63)
```
#12a849
```
#12a849 rgb(18,168,73)
```
#14bf53
```
#14bf53 rgb(20,191,83)
```
#17d65d
```
#17d65d rgb(23,214,93)
```
#1fe769
```
#1fe769 rgb(31,231,105)
```

Monochromatic Color

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

#12a824
```
#12a824 rgb(18,168,36)
```
#12a830
```
#12a830 rgb(18,168,48)
```
#12a83d
```
#12a83d rgb(18,168,61)
```
#12a849
```
#12a849 rgb(18,168,73)
```
#12a856
```
#12a856 rgb(18,168,86)
```
#12a862
```
#12a862 rgb(18,168,98)
```
#12a86f
```
#12a86f rgb(18,168,111)
```

Similar Colors

Text with hexadecimal color #12a849

This text has a font color of #12a849.

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

#12a849 background color

This paragraph has a background color of #12a849.

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

#12a849 border color

This element has a border color of #12a849.

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

CSS codes

.text {color:#12a849;}

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

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

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

#010904
```
#010904 rgb(1,9,4)
```
#031a0b
```
#031a0b rgb(3,26,11)
```
#052c13
```
#052c13 rgb(5,44,19)
```
#073e1b
```
#073e1b rgb(7,62,27)
```
#094f23
```
#094f23 rgb(9,79,35)
```
#0a612a
```
#0a612a rgb(10,97,42)
```
#0c7332
```
#0c7332 rgb(12,115,50)
```
#0e853a
```
#0e853a rgb(14,133,58)
```
#109641
```
#109641 rgb(16,150,65)
```
#12a849
```
#12a849 rgb(18,168,73)
```
#14ba51
```
#14ba51 rgb(20,186,81)
```
#16cb58
```
#16cb58 rgb(22,203,88)
```
#18dd60
```
#18dd60 rgb(24,221,96)
```

Shade Color Variation

#21e76a
```
#21e76a rgb(33,231,106)
```
#33e976
```
#33e976 rgb(51,233,118)
```
#45eb82
```
#45eb82 rgb(69,235,130)
```
#56ed8e
```
#56ed8e rgb(86,237,142)
```
#68ef99
```
#68ef99 rgb(104,239,153)
```
#7af1a5
```
#7af1a5 rgb(122,241,165)
```
#8cf3b1
```
#8cf3b1 rgb(140,243,177)
```
#9df5bd
```
#9df5bd rgb(157,245,189)
```
#aff6c9
```
#aff6c9 rgb(175,246,201)
```
#c1f8d5
```
#c1f8d5 rgb(193,248,213)
```
#d2fae1
```
#d2fae1 rgb(210,250,225)
```
#e4fced
```
#e4fced rgb(228,252,237)
```
#f6fef9
```
#f6fef9 rgb(246,254,249)
```

Tint Color Variation

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

#5a605c
```
#5a605c rgb(90,96,92)
```
#52685a
```
#52685a rgb(82,104,90)
```
#4b6f58
```
#4b6f58 rgb(75,111,88)
```
#447656
```
#447656 rgb(68,118,86)
```
#3d7d54
```
#3d7d54 rgb(61,125,84)
```
#368453
```
#368453 rgb(54,132,83)
```
#2f8b51
```
#2f8b51 rgb(47,139,81)
```
#27934f
```
#27934f rgb(39,147,79)
```
#209a4d
```
#209a4d rgb(32,154,77)
```
#19a14b
```
#19a14b rgb(25,161,75)
```
#12a849
```
#12a849 rgb(18,168,73)
```
#0baf47
```
#0baf47 rgb(11,175,71)
```
#04b645
```
#04b645 rgb(4,182,69)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#5d7b68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7974b Protanopia 1% of men
#b6905c Deuteranopia 1% of men
#51a2ae Tritanopia 0.001% of the population

Trichromacy

#709d4a Protanomaly 1% of men, 0.01% of women
#7a9955 Deuteranomaly 6% of men, 0.4% of women
#3aa489 Tritanomaly 0.01% of the population

#12a849 hex color

#12a849 Color Information

#12a849 Color Conversion

Color Schemes with #12a849

Alternatives to #12a849

#12a849 Preview

Shades and Tints of #12a849

Tones of #12a849

Color Blindness Simulator