#12cc80 hex color

In a RGB color space, hex #12cc80 is composed of 7.1% red, 80% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 91.2% cyan, 0% magenta, 37.3% yellow and 20% black. It has a hue angle of 155.5 degrees, a saturation of 83.8% and a lightness of 43.5%. #12cc80 color hex could be obtained by blending #24ffff with #009901. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 7
- G 80
- B 50
RGB color chart
- C 91
- M 0
- Y 37
- K 20
CMYK color chart

● #12cc80 color description : Strong cyan - lime green.

The hexadecimal color #12cc80 has RGB values of R:18, G:204, B:128 and CMYK values of C:0.91, M:0, Y:0.37, K:0.2. Its decimal value is 1232000.

Hex triplet	12cc80	`#12cc80`
RGB Decimal	18, 204, 128	`rgb(18,204,128)`
RGB Percent	7.1, 80, 50.2	`rgb(7.1%,80%,50.2%)`
CMYK	91, 0, 37, 20
HSL	155.5°, 83.8, 43.5	`hsl(155.5,83.8%,43.5%)`
HSV (or HSB)	155.5°, 91.2, 80
Web Safe	00cc99	`#00cc99`

CIE-LAB	72.806, -59.31, 26.349
XYZ	25.737, 44.87, 27.725
xyY	0.262, 0.456, 44.87
CIE-LCH	72.806, 64.9, 156.047
CIE-LUV	72.806, -62.646, 45.521
Hunter-Lab	66.985, -48.642, 22.349
Binary	00010010, 11001100, 10000000

#12cc80
```
#12cc80 rgb(18,204,128)
```
#cc125e
```
#cc125e rgb(204,18,94)
```

Complementary Color

#12cc23
```
#12cc23 rgb(18,204,35)
```
#12cc80
```
#12cc80 rgb(18,204,128)
```
#12bbcc
```
#12bbcc rgb(18,187,204)
```

Analogous Color

#cc2312
```
#cc2312 rgb(204,35,18)
```
#12cc80
```
#12cc80 rgb(18,204,128)
```
#cc12bb
```
#cc12bb rgb(204,18,187)
```

Split Complementary Color

#cc8012
```
#cc8012 rgb(204,128,18)
```
#12cc80
```
#12cc80 rgb(18,204,128)
```
#8012cc
```
#8012cc rgb(128,18,204)
```

Triadic Color

#5ecc12
```
#5ecc12 rgb(94,204,18)
```
#12cc80
```
#12cc80 rgb(18,204,128)
```
#8012cc
```
#8012cc rgb(128,18,204)
```
#cc125e
```
#cc125e rgb(204,18,94)
```

Tetradic Color

#0c8654
```
#0c8654 rgb(12,134,84)
```
#0e9d63
```
#0e9d63 rgb(14,157,99)
```
#10b571
```
#10b571 rgb(16,181,113)
```
#12cc80
```
#12cc80 rgb(18,204,128)
```
#14e38f
```
#14e38f rgb(20,227,143)
```
#25ec9b
```
#25ec9b rgb(37,236,155)
```
#3deea5
```
#3deea5 rgb(61,238,165)
```

Monochromatic Color

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

#12cc52
```
#12cc52 rgb(18,204,82)
```
#12cc61
```
#12cc61 rgb(18,204,97)
```
#12cc71
```
#12cc71 rgb(18,204,113)
```
#12cc80
```
#12cc80 rgb(18,204,128)
```
#12cc90
```
#12cc90 rgb(18,204,144)
```
#12cc9f
```
#12cc9f rgb(18,204,159)
```
#12ccaf
```
#12ccaf rgb(18,204,175)
```

Similar Colors

Text with hexadecimal color #12cc80

This text has a font color of #12cc80.

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

#12cc80 background color

This paragraph has a background color of #12cc80.

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

#12cc80 border color

This element has a border color of #12cc80.

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

CSS codes

.text {color:#12cc80;}

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

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

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

#010604
```
#010604 rgb(1,6,4)
```
#02180f
```
#02180f rgb(2,24,15)
```
#042a1a
```
#042a1a rgb(4,42,26)
```
#053c26
```
#053c26 rgb(5,60,38)
```
#074e31
```
#074e31 rgb(7,78,49)
```
#08603c
```
#08603c rgb(8,96,60)
```
#0a7247
```
#0a7247 rgb(10,114,71)
```
#0c8453
```
#0c8453 rgb(12,132,83)
```
#0d965e
```
#0d965e rgb(13,150,94)
```
#0fa869
```
#0fa869 rgb(15,168,105)
```
#10ba75
```
#10ba75 rgb(16,186,117)
```
#12cc80
```
#12cc80 rgb(18,204,128)
```
#14de8b
```
#14de8b rgb(20,222,139)
```

Shade Color Variation

#1aeb96
```
#1aeb96 rgb(26,235,150)
```
#2cec9e
```
#2cec9e rgb(44,236,158)
```
#3eeea6
```
#3eeea6 rgb(62,238,166)
```
#50f0af
```
#50f0af rgb(80,240,175)
```
#63f1b7
```
#63f1b7 rgb(99,241,183)
```
#75f3bf
```
#75f3bf rgb(117,243,191)
```
#87f4c7
```
#87f4c7 rgb(135,244,199)
```
#99f6d0
```
#99f6d0 rgb(153,246,208)
```
#abf8d8
```
#abf8d8 rgb(171,248,216)
```
#bdf9e0
```
#bdf9e0 rgb(189,249,224)
```
#cffbe9
```
#cffbe9 rgb(207,251,233)
```
#e1fcf1
```
#e1fcf1 rgb(225,252,241)
```
#f3fef9
```
#f3fef9 rgb(243,254,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #677770 is the less saturated color, while #01dd83 is the most saturated one.

#677770
```
#677770 rgb(103,119,112)
```
#5f7f72
```
#5f7f72 rgb(95,127,114)
```
#568874
```
#568874 rgb(86,136,116)
```
#4e9075
```
#4e9075 rgb(78,144,117)
```
#459977
```
#459977 rgb(69,153,119)
```
#3da178
```
#3da178 rgb(61,161,120)
```
#34aa7a
```
#34aa7a rgb(52,170,122)
```
#2cb27b
```
#2cb27b rgb(44,178,123)
```
#23bb7d
```
#23bb7d rgb(35,187,125)
```
#1bc37e
```
#1bc37e rgb(27,195,126)
```
#12cc80
```
#12cc80 rgb(18,204,128)
```
#09d582
```
#09d582 rgb(9,213,130)
```
#01dd83
```
#01dd83 rgb(1,221,131)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#74998a Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b67d Protanopia 1% of men
#d4af91 Deuteranopia 1% of men
#59c5d3 Tritanopia 0.001% of the population

Trichromacy

#84be7e Protanomaly 1% of men, 0.01% of women
#8dba8b Deuteranomaly 6% of men, 0.4% of women
#3fc7b5 Tritanomaly 0.01% of the population

#12cc80 hex color

#12cc80 Color Information

#12cc80 Color Conversion

Color Schemes with #12cc80

Alternatives to #12cc80

#12cc80 Preview

Shades and Tints of #12cc80

Tones of #12cc80

Color Blindness Simulator