#12aa50 hex color

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

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

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

The hexadecimal color #12aa50 has RGB values of R:18, G:170, B:80 and CMYK values of C:0.89, M:0, Y:0.53, K:0.33. Its decimal value is 1223248.

Hex triplet	12aa50	`#12aa50`
RGB Decimal	18, 170, 80	`rgb(18,170,80)`
RGB Percent	7.1, 66.7, 31.4	`rgb(7.1%,66.7%,31.4%)`
CMYK	89, 0, 53, 33
HSL	144.5°, 80.9, 36.9	`hsl(144.5,80.9%,36.9%)`
HSV (or HSB)	144.5°, 89.4, 66.7
Web Safe	009966	`#009966`

CIE-LAB	61.182, -56.194, 36.057
XYZ	16.071, 29.455, 12.427
xyY	0.277, 0.508, 29.455
CIE-LCH	61.182, 66.767, 147.314
CIE-LUV	61.182, -54.102, 53.303
Hunter-Lab	54.273, -42.121, 24.415
Binary	00010010, 10101010, 01010000

#12aa50
```
#12aa50 rgb(18,170,80)
```
#aa126c
```
#aa126c rgb(170,18,108)
```

Complementary Color

#20aa12
```
#20aa12 rgb(32,170,18)
```
#12aa50
```
#12aa50 rgb(18,170,80)
```
#12aa9c
```
#12aa9c rgb(18,170,156)
```

Analogous Color

#aa1220
```
#aa1220 rgb(170,18,32)
```
#12aa50
```
#12aa50 rgb(18,170,80)
```
#9c12aa
```
#9c12aa rgb(156,18,170)
```

Split Complementary Color

#aa5012
```
#aa5012 rgb(170,80,18)
```
#12aa50
```
#12aa50 rgb(18,170,80)
```
#5012aa
```
#5012aa rgb(80,18,170)
```

Triadic Color

#6caa12
```
#6caa12 rgb(108,170,18)
```
#12aa50
```
#12aa50 rgb(18,170,80)
```
#5012aa
```
#5012aa rgb(80,18,170)
```
#aa126c
```
#aa126c rgb(170,18,108)
```

Tetradic Color

#0b652f
```
#0b652f rgb(11,101,47)
```
#0d7c3a
```
#0d7c3a rgb(13,124,58)
```
#109345
```
#109345 rgb(16,147,69)
```
#12aa50
```
#12aa50 rgb(18,170,80)
```
#14c15b
```
#14c15b rgb(20,193,91)
```
#17d866
```
#17d866 rgb(23,216,102)
```
#21e772
```
#21e772 rgb(33,231,114)
```

Monochromatic Color

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

#12aa2a
```
#12aa2a rgb(18,170,42)
```
#12aa37
```
#12aa37 rgb(18,170,55)
```
#12aa43
```
#12aa43 rgb(18,170,67)
```
#12aa50
```
#12aa50 rgb(18,170,80)
```
#12aa5d
```
#12aa5d rgb(18,170,93)
```
#12aa69
```
#12aa69 rgb(18,170,105)
```
#12aa76
```
#12aa76 rgb(18,170,118)
```

Similar Colors

Text with hexadecimal color #12aa50

This text has a font color of #12aa50.

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

#12aa50 background color

This paragraph has a background color of #12aa50.

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

#12aa50 border color

This element has a border color of #12aa50.

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

CSS codes

.text {color:#12aa50;}

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

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

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

#010a05
```
#010a05 rgb(1,10,5)
```
#031c0d
```
#031c0d rgb(3,28,13)
```
#052e16
```
#052e16 rgb(5,46,22)
```
#07401e
```
#07401e rgb(7,64,30)
```
#095126
```
#095126 rgb(9,81,38)
```
#0a632f
```
#0a632f rgb(10,99,47)
```
#0c7537
```
#0c7537 rgb(12,117,55)
```
#0e873f
```
#0e873f rgb(14,135,63)
```
#109848
```
#109848 rgb(16,152,72)
```
#12aa50
```
#12aa50 rgb(18,170,80)
```
#14bc58
```
#14bc58 rgb(20,188,88)
```
#16cd61
```
#16cd61 rgb(22,205,97)
```
#18df69
```
#18df69 rgb(24,223,105)
```

Shade Color Variation

#23e873
```
#23e873 rgb(35,232,115)
```
#35ea7e
```
#35ea7e rgb(53,234,126)
```
#46eb8a
```
#46eb8a rgb(70,235,138)
```
#58ed95
```
#58ed95 rgb(88,237,149)
```
#6aefa0
```
#6aefa0 rgb(106,239,160)
```
#7bf1ab
```
#7bf1ab rgb(123,241,171)
```
#8df3b7
```
#8df3b7 rgb(141,243,183)
```
#9ff5c2
```
#9ff5c2 rgb(159,245,194)
```
#b1f7cd
```
#b1f7cd rgb(177,247,205)
```
#c2f9d9
```
#c2f9d9 rgb(194,249,217)
```
#d4fae4
```
#d4fae4 rgb(212,250,228)
```
#e6fcef
```
#e6fcef rgb(230,252,239)
```
#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 #04b84d is the most saturated one.

#5a625d
```
#5a625d rgb(90,98,93)
```
#53695c
```
#53695c rgb(83,105,92)
```
#4c705b
```
#4c705b rgb(76,112,91)
```
#457759
```
#457759 rgb(69,119,89)
```
#3d7f58
```
#3d7f58 rgb(61,127,88)
```
#368657
```
#368657 rgb(54,134,87)
```
#2f8d55
```
#2f8d55 rgb(47,141,85)
```
#289454
```
#289454 rgb(40,148,84)
```
#209c53
```
#209c53 rgb(32,156,83)
```
#19a351
```
#19a351 rgb(25,163,81)
```
#12aa50
```
#12aa50 rgb(18,170,80)
```
#0bb14f
```
#0bb14f rgb(11,177,79)
```
#04b84d
```
#04b84d rgb(4,184,77)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#5f7d6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89952 Protanopia 1% of men
#b79263 Deuteranopia 1% of men
#51a4b0 Tritanopia 0.001% of the population

Trichromacy

#719f51 Protanomaly 1% of men, 0.01% of women
#7b9b5c Deuteranomaly 6% of men, 0.4% of women
#3aa68d Tritanomaly 0.01% of the population

#12aa50 hex color

#12aa50 Color Information

#12aa50 Color Conversion

Color Schemes with #12aa50

Alternatives to #12aa50

#12aa50 Preview

Shades and Tints of #12aa50

Tones of #12aa50

Color Blindness Simulator