#12af46 hex color

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

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

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

The hexadecimal color #12af46 has RGB values of R:18, G:175, B:70 and CMYK values of C:0.9, M:0, Y:0.6, K:0.31. Its decimal value is 1224518.

Hex triplet	12af46	`#12af46`
RGB Decimal	18, 175, 70	`rgb(18,175,70)`
RGB Percent	7.1, 68.6, 27.5	`rgb(7.1%,68.6%,27.5%)`
CMYK	90, 0, 60, 31
HSL	139.9°, 81.3, 37.8	`hsl(139.9,81.3%,37.8%)`
HSV (or HSB)	139.9°, 89.7, 68.6
Web Safe	009933	`#009933`

CIE-LAB	62.7, -59.27, 42.705
XYZ	16.684, 31.229, 10.942
xyY	0.283, 0.531, 31.229
CIE-LCH	62.7, 73.053, 144.227
CIE-LUV	62.7, -56.237, 60.569
Hunter-Lab	55.883, -44.504, 27.508
Binary	00010010, 10101111, 01000110

#12af46
```
#12af46 rgb(18,175,70)
```
#af127b
```
#af127b rgb(175,18,123)
```

Complementary Color

#2caf12
```
#2caf12 rgb(44,175,18)
```
#12af46
```
#12af46 rgb(18,175,70)
```
#12af95
```
#12af95 rgb(18,175,149)
```

Analogous Color

#af122d
```
#af122d rgb(175,18,45)
```
#12af46
```
#12af46 rgb(18,175,70)
```
#9512af
```
#9512af rgb(149,18,175)
```

Split Complementary Color

#af4612
```
#af4612 rgb(175,70,18)
```
#12af46
```
#12af46 rgb(18,175,70)
```
#4612af
```
#4612af rgb(70,18,175)
```

Triadic Color

#7baf12
```
#7baf12 rgb(123,175,18)
```
#12af46
```
#12af46 rgb(18,175,70)
```
#4612af
```
#4612af rgb(70,18,175)
```
#af127b
```
#af127b rgb(175,18,123)
```

Tetradic Color

#0b6a2a
```
#0b6a2a rgb(11,106,42)
```
#0d8134
```
#0d8134 rgb(13,129,52)
```
#10983d
```
#10983d rgb(16,152,61)
```
#12af46
```
#12af46 rgb(18,175,70)
```
#14c64f
```
#14c64f rgb(20,198,79)
```
#17dd58
```
#17dd58 rgb(23,221,88)
```
#25e966
```
#25e966 rgb(37,233,102)
```

Monochromatic Color

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

#12af1f
```
#12af1f rgb(18,175,31)
```
#12af2c
```
#12af2c rgb(18,175,44)
```
#12af39
```
#12af39 rgb(18,175,57)
```
#12af46
```
#12af46 rgb(18,175,70)
```
#12af53
```
#12af53 rgb(18,175,83)
```
#12af60
```
#12af60 rgb(18,175,96)
```
#12af6d
```
#12af6d rgb(18,175,109)
```

Similar Colors

Text with hexadecimal color #12af46

This text has a font color of #12af46.

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

#12af46 background color

This paragraph has a background color of #12af46.

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

#12af46 border color

This element has a border color of #12af46.

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

CSS codes

.text {color:#12af46;}

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

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

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)
```
#03210d
```
#03210d rgb(3,33,13)
```
#053214
```
#053214 rgb(5,50,20)
```
#07441b
```
#07441b rgb(7,68,27)
```
#095622
```
#095622 rgb(9,86,34)
```
#0b682a
```
#0b682a rgb(11,104,42)
```
#0d7a31
```
#0d7a31 rgb(13,122,49)
```
#0e8b38
```
#0e8b38 rgb(14,139,56)
```
#109d3f
```
#109d3f rgb(16,157,63)
```
#12af46
```
#12af46 rgb(18,175,70)
```
#14c14d
```
#14c14d rgb(20,193,77)
```
#16d354
```
#16d354 rgb(22,211,84)
```
#17e45b
```
#17e45b rgb(23,228,91)
```

Shade Color Variation

#27e967
```
#27e967 rgb(39,233,103)
```
#38eb73
```
#38eb73 rgb(56,235,115)
```
#4aec80
```
#4aec80 rgb(74,236,128)
```
#5cee8c
```
#5cee8c rgb(92,238,140)
```
#6ef099
```
#6ef099 rgb(110,240,153)
```
#80f2a5
```
#80f2a5 rgb(128,242,165)
```
#91f4b2
```
#91f4b2 rgb(145,244,178)
```
#a3f6be
```
#a3f6be rgb(163,246,190)
```
#b5f7cb
```
#b5f7cb rgb(181,247,203)
```
#c7f9d7
```
#c7f9d7 rgb(199,249,215)
```
#d9fbe4
```
#d9fbe4 rgb(217,251,228)
```
#eafdf0
```
#eafdf0 rgb(234,253,240)
```
#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 #03be41 is the most saturated one.

#5c655f
```
#5c655f rgb(92,101,95)
```
#556c5d
```
#556c5d rgb(85,108,93)
```
#4d745a
```
#4d745a rgb(77,116,90)
```
#467b58
```
#467b58 rgb(70,123,88)
```
#3f8255
```
#3f8255 rgb(63,130,85)
```
#378a53
```
#378a53 rgb(55,138,83)
```
#309150
```
#309150 rgb(48,145,80)
```
#28994e
```
#28994e rgb(40,153,78)
```
#21a04b
```
#21a04b rgb(33,160,75)
```
#19a849
```
#19a849 rgb(25,168,73)
```
#12af46
```
#12af46 rgb(18,175,70)
```
#0bb643
```
#0bb643 rgb(11,182,67)
```
#03be41
```
#03be41 rgb(3,190,65)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#60806b Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9d48 Protanopia 1% of men
#be965a Deuteranopia 1% of men
#55a8b4 Tritanopia 0.001% of the population

Trichromacy

#75a347 Protanomaly 1% of men, 0.01% of women
#7f9f53 Deuteranomaly 6% of men, 0.4% of women
#3caa8c Tritanomaly 0.01% of the population

#12af46 hex color

#12af46 Color Information

#12af46 Color Conversion

Color Schemes with #12af46

Alternatives to #12af46

#12af46 Preview

Shades and Tints of #12af46

Tones of #12af46

Color Blindness Simulator