#12aa46 hex color

In a RGB color space, hex #12aa46 is composed of 7.1% red, 66.7% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 89.4% cyan, 0% magenta, 58.8% yellow and 33.3% black. It has a hue angle of 140.5 degrees, a saturation of 80.9% and a lightness of 36.9%. #12aa46 color hex could be obtained by blending #24ff8c with #005500. Closest websafe color is: #009933.

♥
- f
- t
- g
- R 7
- G 67
- B 27
RGB color chart
- C 89
- M 0
- Y 59
- K 33
CMYK color chart

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

The hexadecimal color #12aa46 has RGB values of R:18, G:170, B:70 and CMYK values of C:0.89, M:0, Y:0.59, K:0.33. Its decimal value is 1223238.

Hex triplet	12aa46	`#12aa46`
RGB Decimal	18, 170, 70	`rgb(18,170,70)`
RGB Percent	7.1, 66.7, 27.5	`rgb(7.1%,66.7%,27.5%)`
CMYK	89, 0, 59, 33
HSL	140.5°, 80.9, 36.9	`hsl(140.5,80.9%,36.9%)`
HSV (or HSB)	140.5°, 89.4, 66.7
Web Safe	009933	`#009933`

CIE-LAB	61.062, -57.655, 40.79
XYZ	15.729, 29.319, 10.624
xyY	0.283, 0.527, 29.319
CIE-LCH	61.062, 70.625, 144.721
CIE-LUV	61.062, -54.576, 57.998
Hunter-Lab	54.147, -42.905, 26.269
Binary	00010010, 10101010, 01000110

#12aa46
```
#12aa46 rgb(18,170,70)
```
#aa1276
```
#aa1276 rgb(170,18,118)
```

Complementary Color

#2aaa12
```
#2aaa12 rgb(42,170,18)
```
#12aa46
```
#12aa46 rgb(18,170,70)
```
#12aa92
```
#12aa92 rgb(18,170,146)
```

Analogous Color

#aa122a
```
#aa122a rgb(170,18,42)
```
#12aa46
```
#12aa46 rgb(18,170,70)
```
#9212aa
```
#9212aa rgb(146,18,170)
```

Split Complementary Color

#aa4612
```
#aa4612 rgb(170,70,18)
```
#12aa46
```
#12aa46 rgb(18,170,70)
```
#4612aa
```
#4612aa rgb(70,18,170)
```

Triadic Color

#76aa12
```
#76aa12 rgb(118,170,18)
```
#12aa46
```
#12aa46 rgb(18,170,70)
```
#4612aa
```
#4612aa rgb(70,18,170)
```
#aa1276
```
#aa1276 rgb(170,18,118)
```

Tetradic Color

#0b652a
```
#0b652a rgb(11,101,42)
```
#0d7c33
```
#0d7c33 rgb(13,124,51)
```
#10933d
```
#10933d rgb(16,147,61)
```
#12aa46
```
#12aa46 rgb(18,170,70)
```
#14c14f
```
#14c14f rgb(20,193,79)
```
#17d859
```
#17d859 rgb(23,216,89)
```
#21e765
```
#21e765 rgb(33,231,101)
```

Monochromatic Color

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

#12aa20
```
#12aa20 rgb(18,170,32)
```
#12aa2d
```
#12aa2d rgb(18,170,45)
```
#12aa39
```
#12aa39 rgb(18,170,57)
```
#12aa46
```
#12aa46 rgb(18,170,70)
```
#12aa53
```
#12aa53 rgb(18,170,83)
```
#12aa5f
```
#12aa5f rgb(18,170,95)
```
#12aa6c
```
#12aa6c rgb(18,170,108)
```

Similar Colors

Text with hexadecimal color #12aa46

This text has a font color of #12aa46.

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

#12aa46 background color

This paragraph has a background color of #12aa46.

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

#12aa46 border color

This element has a border color of #12aa46.

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

CSS codes

.text {color:#12aa46;}

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

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

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, #010a04 is the darkest color, while #f8fefa is the lightest one.

#010a04
```
#010a04 rgb(1,10,4)
```
#031c0c
```
#031c0c rgb(3,28,12)
```
#052e13
```
#052e13 rgb(5,46,19)
```
#07401a
```
#07401a rgb(7,64,26)
```
#095121
```
#095121 rgb(9,81,33)
```
#0a6329
```
#0a6329 rgb(10,99,41)
```
#0c7530
```
#0c7530 rgb(12,117,48)
```
#0e8737
```
#0e8737 rgb(14,135,55)
```
#10983f
```
#10983f rgb(16,152,63)
```
#12aa46
```
#12aa46 rgb(18,170,70)
```
#14bc4d
```
#14bc4d rgb(20,188,77)
```
#16cd55
```
#16cd55 rgb(22,205,85)
```
#18df5c
```
#18df5c rgb(24,223,92)
```

Shade Color Variation

#23e866
```
#23e866 rgb(35,232,102)
```
#35ea72
```
#35ea72 rgb(53,234,114)
```
#46eb7f
```
#46eb7f rgb(70,235,127)
```
#58ed8b
```
#58ed8b rgb(88,237,139)
```
#6aef97
```
#6aef97 rgb(106,239,151)
```
#7bf1a4
```
#7bf1a4 rgb(123,241,164)
```
#8df3b0
```
#8df3b0 rgb(141,243,176)
```
#9ff5bc
```
#9ff5bc rgb(159,245,188)
```
#b1f7c9
```
#b1f7c9 rgb(177,247,201)
```
#c2f9d5
```
#c2f9d5 rgb(194,249,213)
```
#d4fae1
```
#d4fae1 rgb(212,250,225)
```
#e6fcee
```
#e6fcee rgb(230,252,238)
```
#f8fefa
```
#f8fefa rgb(248,254,250)
```

Tint Color Variation

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

#5a625d
```
#5a625d rgb(90,98,93)
```
#53695b
```
#53695b rgb(83,105,91)
```
#4c7058
```
#4c7058 rgb(76,112,88)
```
#457756
```
#457756 rgb(69,119,86)
```
#3d7f54
```
#3d7f54 rgb(61,127,84)
```
#368651
```
#368651 rgb(54,134,81)
```
#2f8d4f
```
#2f8d4f rgb(47,141,79)
```
#28944d
```
#28944d rgb(40,148,77)
```
#209c4b
```
#209c4b rgb(32,156,75)
```
#19a348
```
#19a348 rgb(25,163,72)
```
#12aa46
```
#12aa46 rgb(18,170,70)
```
#0bb144
```
#0bb144 rgb(11,177,68)
```
#04b841
```
#04b841 rgb(4,184,65)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#5e7c68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99949 Protanopia 1% of men
#b9925a Deuteranopia 1% of men
#53a4b0 Tritanopia 0.001% of the population

Trichromacy

#729f47 Protanomaly 1% of men, 0.01% of women
#7c9a52 Deuteranomaly 6% of men, 0.4% of women
#3ba689 Tritanomaly 0.01% of the population

#12aa46 hex color

#12aa46 Color Information

#12aa46 Color Conversion

Color Schemes with #12aa46

Alternatives to #12aa46

#12aa46 Preview

Shades and Tints of #12aa46

Tones of #12aa46

Color Blindness Simulator