colorhexa.com

#12a971 hex color

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

- R 7
- G 66
- B 44
RGB color chart
- C 89
- M 0
- Y 33
- K 34
CMYK color chart

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

The hexadecimal color #12a971 has RGB values of R:18, G:169, B:113 and CMYK values of C:0.89, M:0, Y:0.33, K:0.34. Its decimal value is 1223025.

Hex triplet	12a971	`#12a971`
RGB Decimal	18, 169, 113	`rgb(18,169,113)`
RGB Percent	7.1, 66.3, 44.3	`rgb(7.1%,66.3%,44.3%)`
CMYK	89, 0, 33, 34
HSL	157.7°, 80.7, 36.7	`hsl(157.7,80.7%,36.7%)`
HSV (or HSB)	157.7°, 89.3, 66.3
Web Safe	009966	`#009966`

CIE-LAB	61.39, -49.582, 18.922
XYZ	17.417, 29.695, 20.436
xyY	0.258, 0.44, 29.695
CIE-LCH	61.39, 53.07, 159.111
CIE-LUV	61.39, -51.815, 33.158
Hunter-Lab	54.493, -38.312, 15.911
Binary	00010010, 10101001, 01110001

#12a971
```
#12a971 rgb(18,169,113)
```
#a9124a
```
#a9124a rgb(169,18,74)
```

Complementary Color

#12a926
```
#12a926 rgb(18,169,38)
```
#12a971
```
#12a971 rgb(18,169,113)
```
#1296a9
```
#1296a9 rgb(18,150,169)
```

Analogous Color

#a92612
```
#a92612 rgb(169,38,18)
```
#12a971
```
#12a971 rgb(18,169,113)
```
#a91296
```
#a91296 rgb(169,18,150)
```

Split Complementary Color

#a97112
```
#a97112 rgb(169,113,18)
```
#12a971
```
#12a971 rgb(18,169,113)
```
#7112a9
```
#7112a9 rgb(113,18,169)
```

Triadic Color

#4aa912
```
#4aa912 rgb(74,169,18)
```
#12a971
```
#12a971 rgb(18,169,113)
```
#7112a9
```
#7112a9 rgb(113,18,169)
```
#a9124a
```
#a9124a rgb(169,18,74)
```

Tetradic Color

#0b6443
```
#0b6443 rgb(11,100,67)
```
#0d7b52
```
#0d7b52 rgb(13,123,82)
```
#109262
```
#109262 rgb(16,146,98)
```
#12a971
```
#12a971 rgb(18,169,113)
```
#14c080
```
#14c080 rgb(20,192,128)
```
#17d790
```
#17d790 rgb(23,215,144)
```
#20e79d
```
#20e79d rgb(32,231,157)
```

Monochromatic Color

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

#12a94b
```
#12a94b rgb(18,169,75)
```
#12a958
```
#12a958 rgb(18,169,88)
```
#12a964
```
#12a964 rgb(18,169,100)
```
#12a971
```
#12a971 rgb(18,169,113)
```
#12a97e
```
#12a97e rgb(18,169,126)
```
#12a98a
```
#12a98a rgb(18,169,138)
```
#12a997
```
#12a997 rgb(18,169,151)
```

Similar Colors

Text with hexadecimal color #12a971

This text has a font color of #12a971.

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

#12a971 background color

This paragraph has a background color of #12a971.

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

#12a971 border color

This element has a border color of #12a971.

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

CSS codes

.text {color:#12a971;}

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

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

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

#010906
```
#010906 rgb(1,9,6)
```
#031b12
```
#031b12 rgb(3,27,18)
```
#052d1e
```
#052d1e rgb(5,45,30)
```
#073f2a
```
#073f2a rgb(7,63,42)
```
#095036
```
#095036 rgb(9,80,54)
```
#0a6242
```
#0a6242 rgb(10,98,66)
```
#0c744d
```
#0c744d rgb(12,116,77)
```
#0e8659
```
#0e8659 rgb(14,134,89)
```
#109765
```
#109765 rgb(16,151,101)
```
#12a971
```
#12a971 rgb(18,169,113)
```
#14bb7d
```
#14bb7d rgb(20,187,125)
```
#16cc89
```
#16cc89 rgb(22,204,137)
```
#18de95
```
#18de95 rgb(24,222,149)
```

Shade Color Variation

#22e79e
```
#22e79e rgb(34,231,158)
```
#34e9a6
```
#34e9a6 rgb(52,233,166)
```
#45ebae
```
#45ebae rgb(69,235,174)
```
#57edb6
```
#57edb6 rgb(87,237,182)
```
#69efbd
```
#69efbd rgb(105,239,189)
```
#7bf1c5
```
#7bf1c5 rgb(123,241,197)
```
#8cf3cd
```
#8cf3cd rgb(140,243,205)
```
#9ef5d5
```
#9ef5d5 rgb(158,245,213)
```
#b0f7dc
```
#b0f7dc rgb(176,247,220)
```
#c2f8e4
```
#c2f8e4 rgb(194,248,228)
```
#d3faec
```
#d3faec rgb(211,250,236)
```
#e5fcf4
```
#e5fcf4 rgb(229,252,244)
```
#f7fefb
```
#f7fefb rgb(247,254,251)
```

Tint Color Variation

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

#5a615e
```
#5a615e rgb(90,97,94)
```
#536860
```
#536860 rgb(83,104,96)
```
#4c6f62
```
#4c6f62 rgb(76,111,98)
```
#447764
```
#447764 rgb(68,119,100)
```
#3d7e66
```
#3d7e66 rgb(61,126,102)
```
#368568
```
#368568 rgb(54,133,104)
```
#2f8c6a
```
#2f8c6a rgb(47,140,106)
```
#28936b
```
#28936b rgb(40,147,107)
```
#209b6d
```
#209b6d rgb(32,155,109)
```
#19a26f
```
#19a26f rgb(25,162,111)
```
#12a971
```
#12a971 rgb(18,169,113)
```
#0bb073
```
#0bb073 rgb(11,176,115)
```
#04b775
```
#04b775 rgb(4,183,117)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#617f74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59970 Protanopia 1% of men
#b09481 Deuteranopia 1% of men
#4aa6b2 Tritanopia 0.001% of the population

Trichromacy

#6f9f70 Protanomaly 1% of men, 0.01% of women
#779b7b Deuteranomaly 6% of men, 0.4% of women
#35a79a Tritanomaly 0.01% of the population