#12f156 hex color

In a RGB color space, hex #12f156 is composed of 7.1% red, 94.5% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 92.5% cyan, 0% magenta, 64.3% yellow and 5.5% black. It has a hue angle of 138.3 degrees, a saturation of 88.8% and a lightness of 50.8%. #12f156 color hex could be obtained by blending #24ffac with #00e300. Closest websafe color is: #00ff66.

♥
- f
- t
- g
- R 7
- G 95
- B 34
RGB color chart
- C 93
- M 0
- Y 64
- K 5
CMYK color chart

● #12f156 color description : Vivid cyan - lime green.

The hexadecimal color #12f156 has RGB values of R:18, G:241, B:86 and CMYK values of C:0.93, M:0, Y:0.64, K:0.05. Its decimal value is 1241430.

Hex triplet	12f156	`#12f156`
RGB Decimal	18, 241, 86	`rgb(18,241,86)`
RGB Percent	7.1, 94.5, 33.7	`rgb(7.1%,94.5%,33.7%)`
CMYK	93, 0, 64, 5
HSL	138.3°, 88.8, 50.8	`hsl(138.3,88.8%,50.8%)`
HSV (or HSB)	138.3°, 92.5, 94.5
Web Safe	00ff66	`#00ff66`

CIE-LAB	83.813, -77.456, 59.665
XYZ	33.382, 63.707, 19.341
xyY	0.287, 0.547, 63.707
CIE-LCH	83.813, 97.772, 142.392
CIE-LUV	83.813, -76.604, 86.385
Hunter-Lab	79.817, -65.024, 41.505
Binary	00010010, 11110001, 01010110

#12f156
```
#12f156 rgb(18,241,86)
```
#f112ad
```
#f112ad rgb(241,18,173)
```

Complementary Color

#3ef112
```
#3ef112 rgb(62,241,18)
```
#12f156
```
#12f156 rgb(18,241,86)
```
#12f1c6
```
#12f1c6 rgb(18,241,198)
```

Analogous Color

#f1123e
```
#f1123e rgb(241,18,62)
```
#12f156
```
#12f156 rgb(18,241,86)
```
#c612f1
```
#c612f1 rgb(198,18,241)
```

Split Complementary Color

#f15612
```
#f15612 rgb(241,86,18)
```
#12f156
```
#12f156 rgb(18,241,86)
```
#5612f1
```
#5612f1 rgb(86,18,241)
```

Triadic Color

#adf112
```
#adf112 rgb(173,241,18)
```
#12f156
```
#12f156 rgb(18,241,86)
```
#5612f1
```
#5612f1 rgb(86,18,241)
```
#f112ad
```
#f112ad rgb(241,18,173)
```

Tetradic Color

#0aac3c
```
#0aac3c rgb(10,172,60)
```
#0cc444
```
#0cc444 rgb(12,196,68)
```
#0ddc4c
```
#0ddc4c rgb(13,220,76)
```
#12f156
```
#12f156 rgb(18,241,86)
```
#2af267
```
#2af267 rgb(42,242,103)
```
#42f478
```
#42f478 rgb(66,244,120)
```
#5af58a
```
#5af58a rgb(90,245,138)
```

Monochromatic Color

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

#12f11e
```
#12f11e rgb(18,241,30)
```
#12f131
```
#12f131 rgb(18,241,49)
```
#12f143
```
#12f143 rgb(18,241,67)
```
#12f156
```
#12f156 rgb(18,241,86)
```
#12f169
```
#12f169 rgb(18,241,105)
```
#12f17b
```
#12f17b rgb(18,241,123)
```
#12f18e
```
#12f18e rgb(18,241,142)
```

Similar Colors

Text with hexadecimal color #12f156

This text has a font color of #12f156.

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

#12f156 background color

This paragraph has a background color of #12f156.

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

#12f156 border color

This element has a border color of #12f156.

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

CSS codes

.text {color:#12f156;}

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

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

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

#000401
```
#000401 rgb(0,4,1)
```
#011608
```
#011608 rgb(1,22,8)
```
#02290e
```
#02290e rgb(2,41,14)
```
#043b15
```
#043b15 rgb(4,59,21)
```
#054e1b
```
#054e1b rgb(5,78,27)
```
#066021
```
#066021 rgb(6,96,33)
```
#077328
```
#077328 rgb(7,115,40)
```
#08852e
```
#08852e rgb(8,133,46)
```
#099835
```
#099835 rgb(9,152,53)
```
#0aaa3b
```
#0aaa3b rgb(10,170,59)
```
#0bbd41
```
#0bbd41 rgb(11,189,65)
```
#0cd048
```
#0cd048 rgb(12,208,72)
```
#0de24e
```
#0de24e rgb(13,226,78)
```

Shade Color Variation

#12f156
```
#12f156 rgb(18,241,86)
```
#25f263
```
#25f263 rgb(37,242,99)
```
#37f370
```
#37f370 rgb(55,243,112)
```
#4af47e
```
#4af47e rgb(74,244,126)
```
#5cf58b
```
#5cf58b rgb(92,245,139)
```
#6ff698
```
#6ff698 rgb(111,246,152)
```
#81f8a5
```
#81f8a5 rgb(129,248,165)
```
#94f9b2
```
#94f9b2 rgb(148,249,178)
```
#a6fac0
```
#a6fac0 rgb(166,250,192)
```
#b9fbcd
```
#b9fbcd rgb(185,251,205)
```
#cbfcda
```
#cbfcda rgb(203,252,218)
```
#defde7
```
#defde7 rgb(222,253,231)
```
#f0fef4
```
#f0fef4 rgb(240,254,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c877f is the less saturated color, while #08fb52 is the most saturated one.

#7c877f
```
#7c877f rgb(124,135,127)
```
#73907c
```
#73907c rgb(115,144,124)
```
#699a78
```
#699a78 rgb(105,154,120)
```
#5fa474
```
#5fa474 rgb(95,164,116)
```
#56ad70
```
#56ad70 rgb(86,173,112)
```
#4cb76d
```
#4cb76d rgb(76,183,109)
```
#42c169
```
#42c169 rgb(66,193,105)
```
#39ca65
```
#39ca65 rgb(57,202,101)
```
#2fd461
```
#2fd461 rgb(47,212,97)
```
#25de5e
```
#25de5e rgb(37,222,94)
```
#1ce75a
```
#1ce75a rgb(28,231,90)
```
#12f156
```
#12f156 rgb(18,241,86)
```
#08fb52
```
#08fb52 rgb(8,251,82)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#81ae8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead356 Protanopia 1% of men
#ffca7a Deuteranopia 1% of men
#72e3f3 Tritanopia 0.001% of the population

Trichromacy

#9bde56 Protanomaly 1% of men, 0.01% of women
#a8d86d Deuteranomaly 6% of men, 0.4% of women
#4fe8ba Tritanomaly 0.01% of the population

#12f156 hex color

#12f156 Color Information

#12f156 Color Conversion

Color Schemes with #12f156

Alternatives to #12f156

#12f156 Preview

Shades and Tints of #12f156

Tones of #12f156

Color Blindness Simulator