#12f660 hex color

In a RGB color space, hex #12f660 is composed of 7.1% red, 96.5% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 92.7% cyan, 0% magenta, 61% yellow and 3.5% black. It has a hue angle of 140.5 degrees, a saturation of 92.7% and a lightness of 51.8%. #12f660 color hex could be obtained by blending #24ffc0 with #00ed00. Closest websafe color is: #00ff66.

♥
- f
- t
- g
- R 7
- G 96
- B 38
RGB color chart
- C 93
- M 0
- Y 61
- K 4
CMYK color chart

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

The hexadecimal color #12f660 has RGB values of R:18, G:246, B:96 and CMYK values of C:0.93, M:0, Y:0.61, K:0.04. Its decimal value is 1242720.

Hex triplet	12f660	`#12f660`
RGB Decimal	18, 246, 96	`rgb(18,246,96)`
RGB Percent	7.1, 96.5, 37.6	`rgb(7.1%,96.5%,37.6%)`
CMYK	93, 0, 61, 4
HSL	140.5°, 92.7, 51.8	`hsl(140.5,92.7%,51.8%)`
HSV (or HSB)	140.5°, 92.7, 96.5
Web Safe	00ff66	`#00ff66`

CIE-LAB	85.444, -77.806, 57.342
XYZ	35.314, 66.881, 22.114
xyY	0.284, 0.538, 66.881
CIE-LCH	85.444, 96.653, 143.61
CIE-LUV	85.444, -77.743, 84.929
Hunter-Lab	81.781, -66.037, 41.214
Binary	00010010, 11110110, 01100000

#12f660
```
#12f660 rgb(18,246,96)
```
#f612a8
```
#f612a8 rgb(246,18,168)
```

Complementary Color

#36f612
```
#36f612 rgb(54,246,18)
```
#12f660
```
#12f660 rgb(18,246,96)
```
#12f6d2
```
#12f6d2 rgb(18,246,210)
```

Analogous Color

#f61236
```
#f61236 rgb(246,18,54)
```
#12f660
```
#12f660 rgb(18,246,96)
```
#d212f6
```
#d212f6 rgb(210,18,246)
```

Split Complementary Color

#f66012
```
#f66012 rgb(246,96,18)
```
#12f660
```
#12f660 rgb(18,246,96)
```
#6012f6
```
#6012f6 rgb(96,18,246)
```

Triadic Color

#a8f612
```
#a8f612 rgb(168,246,18)
```
#12f660
```
#12f660 rgb(18,246,96)
```
#6012f6
```
#6012f6 rgb(96,18,246)
```
#f612a8
```
#f612a8 rgb(246,18,168)
```

Tetradic Color

#07b542
```
#07b542 rgb(7,181,66)
```
#08cd4b
```
#08cd4b rgb(8,205,75)
```
#09e654
```
#09e654 rgb(9,230,84)
```
#12f660
```
#12f660 rgb(18,246,96)
```
#2bf770
```
#2bf770 rgb(43,247,112)
```
#43f881
```
#43f881 rgb(67,248,129)
```
#5cf991
```
#5cf991 rgb(92,249,145)
```

Monochromatic Color

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

#12f627
```
#12f627 rgb(18,246,39)
```
#12f63a
```
#12f63a rgb(18,246,58)
```
#12f64d
```
#12f64d rgb(18,246,77)
```
#12f660
```
#12f660 rgb(18,246,96)
```
#12f673
```
#12f673 rgb(18,246,115)
```
#12f686
```
#12f686 rgb(18,246,134)
```
#12f699
```
#12f699 rgb(18,246,153)
```

Similar Colors

Text with hexadecimal color #12f660

This text has a font color of #12f660.

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

#12f660 background color

This paragraph has a background color of #12f660.

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

#12f660 border color

This element has a border color of #12f660.

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

CSS codes

.text {color:#12f660;}

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

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

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

#000903
```
#000903 rgb(0,9,3)
```
#011c0a
```
#011c0a rgb(1,28,10)
```
#022e11
```
#022e11 rgb(2,46,17)
```
#024118
```
#024118 rgb(2,65,24)
```
#03541f
```
#03541f rgb(3,84,31)
```
#046726
```
#046726 rgb(4,103,38)
```
#057a2d
```
#057a2d rgb(5,122,45)
```
#058d34
```
#058d34 rgb(5,141,52)
```
#06a03b
```
#06a03b rgb(6,160,59)
```
#07b342
```
#07b342 rgb(7,179,66)
```
#08c649
```
#08c649 rgb(8,198,73)
```
#08d94f
```
#08d94f rgb(8,217,79)
```
#09eb56
```
#09eb56 rgb(9,235,86)
```

Shade Color Variation

#12f660
```
#12f660 rgb(18,246,96)
```
#25f76d
```
#25f76d rgb(37,247,109)
```
#38f779
```
#38f779 rgb(56,247,121)
```
#4bf886
```
#4bf886 rgb(75,248,134)
```
#5ef993
```
#5ef993 rgb(94,249,147)
```
#70fa9f
```
#70fa9f rgb(112,250,159)
```
#83faac
```
#83faac rgb(131,250,172)
```
#96fbb9
```
#96fbb9 rgb(150,251,185)
```
#a9fcc5
```
#a9fcc5 rgb(169,252,197)
```
#bcfcd2
```
#bcfcd2 rgb(188,252,210)
```
#cffddf
```
#cffddf rgb(207,253,223)
```
#e2feeb
```
#e2feeb rgb(226,254,235)
```
#f5fff8
```
#f5fff8 rgb(245,255,248)
```

Tint Color Variation

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

#848484
```
#848484 rgb(132,132,132)
```
#7a8e81
```
#7a8e81 rgb(122,142,129)
```
#71977e
```
#71977e rgb(113,151,126)
```
#67a17b
```
#67a17b rgb(103,161,123)
```
#5eaa78
```
#5eaa78 rgb(94,170,120)
```
#54b475
```
#54b475 rgb(84,180,117)
```
#4bbd72
```
#4bbd72 rgb(75,189,114)
```
#41c76f
```
#41c76f rgb(65,199,111)
```
#38d06c
```
#38d06c rgb(56,208,108)
```
#2eda69
```
#2eda69 rgb(46,218,105)
```
#25e366
```
#25e366 rgb(37,227,102)
```
#1bed63
```
#1bed63 rgb(27,237,99)
```
#12f660
```
#12f660 rgb(18,246,96)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#84b294 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efd75f Protanopia 1% of men
#ffcf8f Deuteranopia 1% of men
#74e7f8 Tritanopia 0.001% of the population

Trichromacy

#9ee25f Protanomaly 1% of men, 0.01% of women
#a8dd7e Deuteranomaly 6% of men, 0.4% of women
#50ecc1 Tritanomaly 0.01% of the population

#12f660 hex color

#12f660 Color Information

#12f660 Color Conversion

Color Schemes with #12f660

Alternatives to #12f660

#12f660 Preview

Shades and Tints of #12f660

Tones of #12f660

Color Blindness Simulator