#12ca76 hex color

In a RGB color space, hex #12ca76 is composed of 7.1% red, 79.2% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 91.1% cyan, 0% magenta, 41.6% yellow and 20.8% black. It has a hue angle of 152.6 degrees, a saturation of 83.6% and a lightness of 43.1%. #12ca76 color hex could be obtained by blending #24ffec with #009500. Closest websafe color is: #00cc66.

♥
- f
- t
- g
- R 7
- G 79
- B 46
RGB color chart
- C 91
- M 0
- Y 42
- K 21
CMYK color chart

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

The hexadecimal color #12ca76 has RGB values of R:18, G:202, B:118 and CMYK values of C:0.91, M:0, Y:0.42, K:0.21. Its decimal value is 1231478.

Hex triplet	12ca76	`#12ca76`
RGB Decimal	18, 202, 118	`rgb(18,202,118)`
RGB Percent	7.1, 79.2, 46.3	`rgb(7.1%,79.2%,46.3%)`
CMYK	91, 0, 42, 21
HSL	152.6°, 83.6, 43.1	`hsl(152.6,83.6%,43.1%)`
HSV (or HSB)	152.6°, 91.1, 79.2
Web Safe	00cc66	`#00cc66`

CIE-LAB	72.011, -60.551, 30.478
XYZ	24.638, 43.675, 24.27
xyY	0.266, 0.472, 43.675
CIE-LCH	72.011, 67.788, 153.282
CIE-LUV	72.011, -62.614, 50.525
Hunter-Lab	66.087, -49.105, 24.487
Binary	00010010, 11001010, 01110110

#12ca76
```
#12ca76 rgb(18,202,118)
```
#ca1266
```
#ca1266 rgb(202,18,102)
```

Complementary Color

#12ca1a
```
#12ca1a rgb(18,202,26)
```
#12ca76
```
#12ca76 rgb(18,202,118)
```
#12c2ca
```
#12c2ca rgb(18,194,202)
```

Analogous Color

#ca1a12
```
#ca1a12 rgb(202,26,18)
```
#12ca76
```
#12ca76 rgb(18,202,118)
```
#ca12c2
```
#ca12c2 rgb(202,18,194)
```

Split Complementary Color

#ca7612
```
#ca7612 rgb(202,118,18)
```
#12ca76
```
#12ca76 rgb(18,202,118)
```
#7612ca
```
#7612ca rgb(118,18,202)
```

Triadic Color

#66ca12
```
#66ca12 rgb(102,202,18)
```
#12ca76
```
#12ca76 rgb(18,202,118)
```
#7612ca
```
#7612ca rgb(118,18,202)
```
#ca1266
```
#ca1266 rgb(202,18,102)
```

Tetradic Color

#0c844d
```
#0c844d rgb(12,132,77)
```
#0e9b5b
```
#0e9b5b rgb(14,155,91)
```
#10b368
```
#10b368 rgb(16,179,104)
```
#12ca76
```
#12ca76 rgb(18,202,118)
```
#14e184
```
#14e184 rgb(20,225,132)
```
#24eb90
```
#24eb90 rgb(36,235,144)
```
#3bee9c
```
#3bee9c rgb(59,238,156)
```

Monochromatic Color

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

#12ca48
```
#12ca48 rgb(18,202,72)
```
#12ca57
```
#12ca57 rgb(18,202,87)
```
#12ca67
```
#12ca67 rgb(18,202,103)
```
#12ca76
```
#12ca76 rgb(18,202,118)
```
#12ca85
```
#12ca85 rgb(18,202,133)
```
#12ca95
```
#12ca95 rgb(18,202,149)
```
#12caa4
```
#12caa4 rgb(18,202,164)
```

Similar Colors

Text with hexadecimal color #12ca76

This text has a font color of #12ca76.

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

#12ca76 background color

This paragraph has a background color of #12ca76.

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

#12ca76 border color

This element has a border color of #12ca76.

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

CSS codes

.text {color:#12ca76;}

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

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

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

#000402
```
#000402 rgb(0,4,2)
```
#02160d
```
#02160d rgb(2,22,13)
```
#042817
```
#042817 rgb(4,40,23)
```
#053a22
```
#053a22 rgb(5,58,34)
```
#074c2c
```
#074c2c rgb(7,76,44)
```
#085e37
```
#085e37 rgb(8,94,55)
```
#0a7041
```
#0a7041 rgb(10,112,65)
```
#0c824c
```
#0c824c rgb(12,130,76)
```
#0d9456
```
#0d9456 rgb(13,148,86)
```
#0fa661
```
#0fa661 rgb(15,166,97)
```
#10b86b
```
#10b86b rgb(16,184,107)
```
#12ca76
```
#12ca76 rgb(18,202,118)
```
#14dc81
```
#14dc81 rgb(20,220,129)
```

Shade Color Variation

#19ea8b
```
#19ea8b rgb(25,234,139)
```
#2bec94
```
#2bec94 rgb(43,236,148)
```
#3dee9d
```
#3dee9d rgb(61,238,157)
```
#4fefa6
```
#4fefa6 rgb(79,239,166)
```
#61f1af
```
#61f1af rgb(97,241,175)
```
#73f3b8
```
#73f3b8 rgb(115,243,184)
```
#85f4c1
```
#85f4c1 rgb(133,244,193)
```
#97f6ca
```
#97f6ca rgb(151,246,202)
```
#a9f7d3
```
#a9f7d3 rgb(169,247,211)
```
#bbf9dd
```
#bbf9dd rgb(187,249,221)
```
#cdfbe6
```
#cdfbe6 rgb(205,251,230)
```
#dffcef
```
#dffcef rgb(223,252,239)
```
#f1fef8
```
#f1fef8 rgb(241,254,248)
```

Tint Color Variation

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

#67756f
```
#67756f rgb(103,117,111)
```
#5e7e6f
```
#5e7e6f rgb(94,126,111)
```
#568670
```
#568670 rgb(86,134,112)
```
#4d8f71
```
#4d8f71 rgb(77,143,113)
```
#459772
```
#459772 rgb(69,151,114)
```
#3ca072
```
#3ca072 rgb(60,160,114)
```
#34a873
```
#34a873 rgb(52,168,115)
```
#2bb174
```
#2bb174 rgb(43,177,116)
```
#23b975
```
#23b975 rgb(35,185,117)
```
#1ac275
```
#1ac275 rgb(26,194,117)
```
#12ca76
```
#12ca76 rgb(18,202,118)
```
#0ad277
```
#0ad277 rgb(10,210,119)
```
#01db77
```
#01db77 rgb(1,219,119)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#719685 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b474 Protanopia 1% of men
#d4ad88 Deuteranopia 1% of men
#5ac2d0 Tritanopia 0.001% of the population

Trichromacy

#83bc74 Protanomaly 1% of men, 0.01% of women
#8db781 Deuteranomaly 6% of men, 0.4% of women
#40c5af Tritanomaly 0.01% of the population

#12ca76 hex color

#12ca76 Color Information

#12ca76 Color Conversion

Color Schemes with #12ca76

Alternatives to #12ca76

#12ca76 Preview

Shades and Tints of #12ca76

Tones of #12ca76

Color Blindness Simulator