#12af4c hex color

In a RGB color space, hex #12af4c is composed of 7.1% red, 68.6% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 89.7% cyan, 0% magenta, 56.6% yellow and 31.4% black. It has a hue angle of 142.2 degrees, a saturation of 81.3% and a lightness of 37.8%. #12af4c color hex could be obtained by blending #24ff98 with #005f00. Closest websafe color is: #009933.

♥
- f
- t
- g
- R 7
- G 69
- B 30
RGB color chart
- C 90
- M 0
- Y 57
- K 31
CMYK color chart

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

The hexadecimal color #12af4c has RGB values of R:18, G:175, B:76 and CMYK values of C:0.9, M:0, Y:0.57, K:0.31. Its decimal value is 1224524.

Hex triplet	12af4c	`#12af4c`
RGB Decimal	18, 175, 76	`rgb(18,175,76)`
RGB Percent	7.1, 68.6, 29.8	`rgb(7.1%,68.6%,29.8%)`
CMYK	90, 0, 57, 31
HSL	142.2°, 81.3, 37.8	`hsl(142.2,81.3%,37.8%)`
HSV (or HSB)	142.2°, 89.7, 68.6
Web Safe	009933	`#009933`

CIE-LAB	62.767, -58.45, 39.942
XYZ	16.883, 31.308, 11.99
xyY	0.281, 0.52, 31.308
CIE-LCH	62.767, 70.793, 145.653
CIE-LUV	62.767, -55.967, 57.908
Hunter-Lab	55.954, -44.061, 26.462
Binary	00010010, 10101111, 01001100

#12af4c
```
#12af4c rgb(18,175,76)
```
#af1275
```
#af1275 rgb(175,18,117)
```

Complementary Color

#27af12
```
#27af12 rgb(39,175,18)
```
#12af4c
```
#12af4c rgb(18,175,76)
```
#12af9b
```
#12af9b rgb(18,175,155)
```

Analogous Color

#af1227
```
#af1227 rgb(175,18,39)
```
#12af4c
```
#12af4c rgb(18,175,76)
```
#9b12af
```
#9b12af rgb(155,18,175)
```

Split Complementary Color

#af4c12
```
#af4c12 rgb(175,76,18)
```
#12af4c
```
#12af4c rgb(18,175,76)
```
#4c12af
```
#4c12af rgb(76,18,175)
```

Triadic Color

#75af12
```
#75af12 rgb(117,175,18)
```
#12af4c
```
#12af4c rgb(18,175,76)
```
#4c12af
```
#4c12af rgb(76,18,175)
```
#af1275
```
#af1275 rgb(175,18,117)
```

Tetradic Color

#0b6a2e
```
#0b6a2e rgb(11,106,46)
```
#0d8138
```
#0d8138 rgb(13,129,56)
```
#109842
```
#109842 rgb(16,152,66)
```
#12af4c
```
#12af4c rgb(18,175,76)
```
#14c656
```
#14c656 rgb(20,198,86)
```
#17dd60
```
#17dd60 rgb(23,221,96)
```
#25e96d
```
#25e96d rgb(37,233,109)
```

Monochromatic Color

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

#12af25
```
#12af25 rgb(18,175,37)
```
#12af32
```
#12af32 rgb(18,175,50)
```
#12af3f
```
#12af3f rgb(18,175,63)
```
#12af4c
```
#12af4c rgb(18,175,76)
```
#12af59
```
#12af59 rgb(18,175,89)
```
#12af66
```
#12af66 rgb(18,175,102)
```
#12af73
```
#12af73 rgb(18,175,115)
```

Similar Colors

Text with hexadecimal color #12af4c

This text has a font color of #12af4c.

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

#12af4c background color

This paragraph has a background color of #12af4c.

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

#12af4c border color

This element has a border color of #12af4c.

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

CSS codes

.text {color:#12af4c;}

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

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

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, #020f06 is the darkest color, while #fcfffd is the lightest one.

#020f06
```
#020f06 rgb(2,15,6)
```
#03210e
```
#03210e rgb(3,33,14)
```
#053216
```
#053216 rgb(5,50,22)
```
#07441e
```
#07441e rgb(7,68,30)
```
#095625
```
#095625 rgb(9,86,37)
```
#0b682d
```
#0b682d rgb(11,104,45)
```
#0d7a35
```
#0d7a35 rgb(13,122,53)
```
#0e8b3d
```
#0e8b3d rgb(14,139,61)
```
#109d44
```
#109d44 rgb(16,157,68)
```
#12af4c
```
#12af4c rgb(18,175,76)
```
#14c154
```
#14c154 rgb(20,193,84)
```
#16d35b
```
#16d35b rgb(22,211,91)
```
#17e463
```
#17e463 rgb(23,228,99)
```

Shade Color Variation

#27e96e
```
#27e96e rgb(39,233,110)
```
#38eb7a
```
#38eb7a rgb(56,235,122)
```
#4aec86
```
#4aec86 rgb(74,236,134)
```
#5cee92
```
#5cee92 rgb(92,238,146)
```
#6ef09e
```
#6ef09e rgb(110,240,158)
```
#80f2aa
```
#80f2aa rgb(128,242,170)
```
#91f4b6
```
#91f4b6 rgb(145,244,182)
```
#a3f6c2
```
#a3f6c2 rgb(163,246,194)
```
#b5f7ce
```
#b5f7ce rgb(181,247,206)
```
#c7f9d9
```
#c7f9d9 rgb(199,249,217)
```
#d9fbe5
```
#d9fbe5 rgb(217,251,229)
```
#eafdf1
```
#eafdf1 rgb(234,253,241)
```
#fcfffd
```
#fcfffd rgb(252,255,253)
```

Tint Color Variation

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

#5c655f
```
#5c655f rgb(92,101,95)
```
#556c5d
```
#556c5d rgb(85,108,93)
```
#4d745c
```
#4d745c rgb(77,116,92)
```
#467b5a
```
#467b5a rgb(70,123,90)
```
#3f8258
```
#3f8258 rgb(63,130,88)
```
#378a56
```
#378a56 rgb(55,138,86)
```
#309154
```
#309154 rgb(48,145,84)
```
#289952
```
#289952 rgb(40,153,82)
```
#21a050
```
#21a050 rgb(33,160,80)
```
#19a84e
```
#19a84e rgb(25,168,78)
```
#12af4c
```
#12af4c rgb(18,175,76)
```
#0bb64a
```
#0bb64a rgb(11,182,74)
```
#03be48
```
#03be48 rgb(3,190,72)
```

Tone Color Variation

Below, you can see how #12af4c 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
#61816d Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9d4e Protanopia 1% of men
#bd9660 Deuteranopia 1% of men
#54a8b5 Tritanopia 0.001% of the population

Trichromacy

#74a34d Protanomaly 1% of men, 0.01% of women
#7f9f58 Deuteranomaly 6% of men, 0.4% of women
#3cab8e Tritanomaly 0.01% of the population

#12af4c hex color

#12af4c Color Information

#12af4c Color Conversion

Color Schemes with #12af4c

Alternatives to #12af4c

#12af4c Preview

Shades and Tints of #12af4c

Tones of #12af4c

Color Blindness Simulator