#12cb60 hex color

In a RGB color space, hex #12cb60 is composed of 7.1% red, 79.6% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 91.1% cyan, 0% magenta, 52.7% yellow and 20.4% black. It has a hue angle of 145.3 degrees, a saturation of 83.7% and a lightness of 43.3%. #12cb60 color hex could be obtained by blending #24ffc0 with #009700. Closest websafe color is: #00cc66.

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

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

The hexadecimal color #12cb60 has RGB values of R:18, G:203, B:96 and CMYK values of C:0.91, M:0, Y:0.53, K:0.2. Its decimal value is 1231712.

Hex triplet	12cb60	`#12cb60`
RGB Decimal	18, 203, 96	`rgb(18,203,96)`
RGB Percent	7.1, 79.6, 37.6	`rgb(7.1%,79.6%,37.6%)`
CMYK	91, 0, 53, 20
HSL	145.3°, 83.7, 43.3	`hsl(145.3,83.7%,43.3%)`
HSV (or HSB)	145.3°, 91.1, 79.6
Web Safe	00cc66	`#00cc66`

CIE-LAB	72.016, -64.604, 41.485
XYZ	23.715, 43.682, 18.247
xyY	0.277, 0.51, 43.682
CIE-LCH	72.016, 76.777, 147.294
CIE-LUV	72.016, -64.175, 63.197
Hunter-Lab	66.093, -51.614, 29.896
Binary	00010010, 11001011, 01100000

#12cb60
```
#12cb60 rgb(18,203,96)
```
#cb127d
```
#cb127d rgb(203,18,125)
```

Complementary Color

#21cb12
```
#21cb12 rgb(33,203,18)
```
#12cb60
```
#12cb60 rgb(18,203,96)
```
#12cbbd
```
#12cbbd rgb(18,203,189)
```

Analogous Color

#cb1221
```
#cb1221 rgb(203,18,33)
```
#12cb60
```
#12cb60 rgb(18,203,96)
```
#bd12cb
```
#bd12cb rgb(189,18,203)
```

Split Complementary Color

#cb6012
```
#cb6012 rgb(203,96,18)
```
#12cb60
```
#12cb60 rgb(18,203,96)
```
#6012cb
```
#6012cb rgb(96,18,203)
```

Triadic Color

#7dcb12
```
#7dcb12 rgb(125,203,18)
```
#12cb60
```
#12cb60 rgb(18,203,96)
```
#6012cb
```
#6012cb rgb(96,18,203)
```
#cb127d
```
#cb127d rgb(203,18,125)
```

Tetradic Color

#0c853f
```
#0c853f rgb(12,133,63)
```
#0e9c4a
```
#0e9c4a rgb(14,156,74)
```
#10b455
```
#10b455 rgb(16,180,85)
```
#12cb60
```
#12cb60 rgb(18,203,96)
```
#14e26b
```
#14e26b rgb(20,226,107)
```
#24ec78
```
#24ec78 rgb(36,236,120)
```
#3cee87
```
#3cee87 rgb(60,238,135)
```

Monochromatic Color

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

#12cb32
```
#12cb32 rgb(18,203,50)
```
#12cb41
```
#12cb41 rgb(18,203,65)
```
#12cb51
```
#12cb51 rgb(18,203,81)
```
#12cb60
```
#12cb60 rgb(18,203,96)
```
#12cb6f
```
#12cb6f rgb(18,203,111)
```
#12cb7f
```
#12cb7f rgb(18,203,127)
```
#12cb8e
```
#12cb8e rgb(18,203,142)
```

Similar Colors

Text with hexadecimal color #12cb60

This text has a font color of #12cb60.

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

#12cb60 background color

This paragraph has a background color of #12cb60.

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

#12cb60 border color

This element has a border color of #12cb60.

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

CSS codes

.text {color:#12cb60;}

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

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

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

#000502
```
#000502 rgb(0,5,2)
```
#02170b
```
#02170b rgb(2,23,11)
```
#042913
```
#042913 rgb(4,41,19)
```
#053b1c
```
#053b1c rgb(5,59,28)
```
#074d24
```
#074d24 rgb(7,77,36)
```
#085f2d
```
#085f2d rgb(8,95,45)
```
#0a7135
```
#0a7135 rgb(10,113,53)
```
#0c833e
```
#0c833e rgb(12,131,62)
```
#0d9546
```
#0d9546 rgb(13,149,70)
```
#0fa74f
```
#0fa74f rgb(15,167,79)
```
#10b957
```
#10b957 rgb(16,185,87)
```
#12cb60
```
#12cb60 rgb(18,203,96)
```
#14dd69
```
#14dd69 rgb(20,221,105)
```

Shade Color Variation

#1aeb72
```
#1aeb72 rgb(26,235,114)
```
#2cec7d
```
#2cec7d rgb(44,236,125)
```
#3eee88
```
#3eee88 rgb(62,238,136)
```
#50ef93
```
#50ef93 rgb(80,239,147)
```
#62f19e
```
#62f19e rgb(98,241,158)
```
#74f3a9
```
#74f3a9 rgb(116,243,169)
```
#86f4b4
```
#86f4b4 rgb(134,244,180)
```
#98f6bf
```
#98f6bf rgb(152,246,191)
```
#aaf7ca
```
#aaf7ca rgb(170,247,202)
```
#bcf9d6
```
#bcf9d6 rgb(188,249,214)
```
#cefbe1
```
#cefbe1 rgb(206,251,225)
```
#e0fcec
```
#e0fcec rgb(224,252,236)
```
#f2fef7
```
#f2fef7 rgb(242,254,247)
```

Tint Color Variation

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

#67766d
```
#67766d rgb(103,118,109)
```
#5f7f6c
```
#5f7f6c rgb(95,127,108)
```
#56876b
```
#56876b rgb(86,135,107)
```
#4e9069
```
#4e9069 rgb(78,144,105)
```
#459868
```
#459868 rgb(69,152,104)
```
#3da167
```
#3da167 rgb(61,161,103)
```
#34a965
```
#34a965 rgb(52,169,101)
```
#2cb264
```
#2cb264 rgb(44,178,100)
```
#23ba63
```
#23ba63 rgb(35,186,99)
```
#1bc361
```
#1bc361 rgb(27,195,97)
```
#12cb60
```
#12cb60 rgb(18,203,96)
```
#0ad45f
```
#0ad45f rgb(10,212,95)
```
#01dc5d
```
#01dc5d rgb(1,220,93)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#70957f Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b460 Protanopia 1% of men
#d8ad74 Deuteranopia 1% of men
#5fc2d0 Tritanopia 0.001% of the population

Trichromacy

#85bc60 Protanomaly 1% of men, 0.01% of women
#90b76c Deuteranomaly 6% of men, 0.4% of women
#43c5a7 Tritanomaly 0.01% of the population

#12cb60 hex color

#12cb60 Color Information

#12cb60 Color Conversion

Color Schemes with #12cb60

Alternatives to #12cb60

#12cb60 Preview

Shades and Tints of #12cb60

Tones of #12cb60

Color Blindness Simulator