#12c878 hex color

In a RGB color space, hex #12c878 is composed of 7.1% red, 78.4% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 91% cyan, 0% magenta, 40% yellow and 21.6% black. It has a hue angle of 153.6 degrees, a saturation of 83.5% and a lightness of 42.7%. #12c878 color hex could be obtained by blending #24fff0 with #009100. Closest websafe color is: #00cc66.

♥
- f
- t
- g
- R 7
- G 78
- B 47
RGB color chart
- C 91
- M 0
- Y 40
- K 22
CMYK color chart

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

The hexadecimal color #12c878 has RGB values of R:18, G:200, B:120 and CMYK values of C:0.91, M:0, Y:0.4, K:0.22. Its decimal value is 1230968.

Hex triplet	12c878	`#12c878`
RGB Decimal	18, 200, 120	`rgb(18,200,120)`
RGB Percent	7.1, 78.4, 47.1	`rgb(7.1%,78.4%,47.1%)`
CMYK	91, 0, 40, 22
HSL	153.6°, 83.5, 42.7	`hsl(153.6,83.5%,42.7%)`
HSV (or HSB)	153.6°, 91, 78.4
Web Safe	00cc66	`#00cc66`

CIE-LAB	71.413, -59.472, 28.657
XYZ	24.292, 42.791, 24.747
xyY	0.265, 0.466, 42.791
CIE-LCH	71.413, 66.017, 154.273
CIE-LUV	71.413, -61.83, 48.102
Hunter-Lab	65.414, -48.188, 23.36
Binary	00010010, 11001000, 01111000

#12c878
```
#12c878 rgb(18,200,120)
```
#c81262
```
#c81262 rgb(200,18,98)
```

Complementary Color

#12c81d
```
#12c81d rgb(18,200,29)
```
#12c878
```
#12c878 rgb(18,200,120)
```
#12bdc8
```
#12bdc8 rgb(18,189,200)
```

Analogous Color

#c81d12
```
#c81d12 rgb(200,29,18)
```
#12c878
```
#12c878 rgb(18,200,120)
```
#c812bd
```
#c812bd rgb(200,18,189)
```

Split Complementary Color

#c87812
```
#c87812 rgb(200,120,18)
```
#12c878
```
#12c878 rgb(18,200,120)
```
#7812c8
```
#7812c8 rgb(120,18,200)
```

Triadic Color

#62c812
```
#62c812 rgb(98,200,18)
```
#12c878
```
#12c878 rgb(18,200,120)
```
#7812c8
```
#7812c8 rgb(120,18,200)
```
#c81262
```
#c81262 rgb(200,18,98)
```

Tetradic Color

#0c824e
```
#0c824e rgb(12,130,78)
```
#0e995c
```
#0e995c rgb(14,153,92)
```
#10b16a
```
#10b16a rgb(16,177,106)
```
#12c878
```
#12c878 rgb(18,200,120)
```
#14df86
```
#14df86 rgb(20,223,134)
```
#22eb93
```
#22eb93 rgb(34,235,147)
```
#39ed9e
```
#39ed9e rgb(57,237,158)
```

Monochromatic Color

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

#12c84b
```
#12c84b rgb(18,200,75)
```
#12c85a
```
#12c85a rgb(18,200,90)
```
#12c869
```
#12c869 rgb(18,200,105)
```
#12c878
```
#12c878 rgb(18,200,120)
```
#12c887
```
#12c887 rgb(18,200,135)
```
#12c896
```
#12c896 rgb(18,200,150)
```
#12c8a6
```
#12c8a6 rgb(18,200,166)
```

Similar Colors

Text with hexadecimal color #12c878

This text has a font color of #12c878.

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

#12c878 background color

This paragraph has a background color of #12c878.

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

#12c878 border color

This element has a border color of #12c878.

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

CSS codes

.text {color:#12c878;}

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

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

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

#000201
```
#000201 rgb(0,2,1)
```
#02140c
```
#02140c rgb(2,20,12)
```
#032617
```
#032617 rgb(3,38,23)
```
#053822
```
#053822 rgb(5,56,34)
```
#074a2c
```
#074a2c rgb(7,74,44)
```
#085c37
```
#085c37 rgb(8,92,55)
```
#0a6e42
```
#0a6e42 rgb(10,110,66)
```
#0c804d
```
#0c804d rgb(12,128,77)
```
#0d9258
```
#0d9258 rgb(13,146,88)
```
#0fa462
```
#0fa462 rgb(15,164,98)
```
#10b66d
```
#10b66d rgb(16,182,109)
```
#12c878
```
#12c878 rgb(18,200,120)
```
#14da83
```
#14da83 rgb(20,218,131)
```

Shade Color Variation

#17ea8d
```
#17ea8d rgb(23,234,141)
```
#29ec96
```
#29ec96 rgb(41,236,150)
```
#3bed9f
```
#3bed9f rgb(59,237,159)
```
#4defa8
```
#4defa8 rgb(77,239,168)
```
#5ff1b1
```
#5ff1b1 rgb(95,241,177)
```
#71f2b9
```
#71f2b9 rgb(113,242,185)
```
#83f4c2
```
#83f4c2 rgb(131,244,194)
```
#95f5cb
```
#95f5cb rgb(149,245,203)
```
#a7f7d4
```
#a7f7d4 rgb(167,247,212)
```
#b9f9dd
```
#b9f9dd rgb(185,249,221)
```
#cbfae6
```
#cbfae6 rgb(203,250,230)
```
#ddfcee
```
#ddfcee rgb(221,252,238)
```
#effef7
```
#effef7 rgb(239,254,247)
```

Tint Color Variation

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

#66746e
```
#66746e rgb(102,116,110)
```
#5d7d6f
```
#5d7d6f rgb(93,125,111)
```
#558570
```
#558570 rgb(85,133,112)
```
#4d8d71
```
#4d8d71 rgb(77,141,113)
```
#449672
```
#449672 rgb(68,150,114)
```
#3c9e73
```
#3c9e73 rgb(60,158,115)
```
#34a674
```
#34a674 rgb(52,166,116)
```
#2baf75
```
#2baf75 rgb(43,175,117)
```
#23b776
```
#23b776 rgb(35,183,118)
```
#1ac077
```
#1ac077 rgb(26,192,119)
```
#12c878
```
#12c878 rgb(18,200,120)
```
#0ad079
```
#0ad079 rgb(10,208,121)
```
#01d97a
```
#01d97a rgb(1,217,122)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#709585 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b275 Protanopia 1% of men
#d1ac89 Deuteranopia 1% of men
#58c1cf Tritanopia 0.001% of the population

Trichromacy

#82ba76 Protanomaly 1% of men, 0.01% of women
#8bb683 Deuteranomaly 6% of men, 0.4% of women
#3fc3af Tritanomaly 0.01% of the population

#12c878 hex color

#12c878 Color Information

#12c878 Color Conversion

Color Schemes with #12c878

Alternatives to #12c878

#12c878 Preview

Shades and Tints of #12c878

Tones of #12c878

Color Blindness Simulator