#12ff6f hex color

In a RGB color space, hex #12ff6f is composed of 7.1% red, 100% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 92.9% cyan, 0% magenta, 56.5% yellow and 0% black. It has a hue angle of 143.5 degrees, a saturation of 100% and a lightness of 53.5%. #12ff6f color hex could be obtained by blending #24ffde with #00ff00. Closest websafe color is: #00ff66.

♥
- f
- t
- g
- R 7
- G 100
- B 44
RGB color chart
- C 93
- M 0
- Y 56
- K 0
CMYK color chart

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

The hexadecimal color #12ff6f has RGB values of R:18, G:255, B:111 and CMYK values of C:0.93, M:0, Y:0.56, K:0. Its decimal value is 1245039.

Hex triplet	12ff6f	`#12ff6f`
RGB Decimal	18, 255, 111	`rgb(18,255,111)`
RGB Percent	7.1, 100, 43.5	`rgb(7.1%,100%,43.5%)`
CMYK	93, 0, 56, 0
HSL	143.5°, 100, 53.5	`hsl(143.5,100%,53.5%)`
HSV (or HSB)	143.5°, 92.9, 100
Web Safe	00ff66	`#00ff66`

CIE-LAB	88.348, -78.626, 54.199
XYZ	38.876, 72.792, 27.039
xyY	0.28, 0.525, 72.792
CIE-LCH	88.348, 95.497, 145.42
CIE-LUV	88.348, -79.849, 82.986
Hunter-Lab	85.318, -67.972, 40.932
Binary	00010010, 11111111, 01101111

#12ff6f
```
#12ff6f rgb(18,255,111)
```
#ff12a2
```
#ff12a2 rgb(255,18,162)
```

Complementary Color

#2bff12
```
#2bff12 rgb(43,255,18)
```
#12ff6f
```
#12ff6f rgb(18,255,111)
```
#12ffe6
```
#12ffe6 rgb(18,255,230)
```

Analogous Color

#ff122b
```
#ff122b rgb(255,18,43)
```
#12ff6f
```
#12ff6f rgb(18,255,111)
```
#e612ff
```
#e612ff rgb(230,18,255)
```

Split Complementary Color

#ff6f12
```
#ff6f12 rgb(255,111,18)
```
#12ff6f
```
#12ff6f rgb(18,255,111)
```
#6f12ff
```
#6f12ff rgb(111,18,255)
```

Triadic Color

#a2ff12
```
#a2ff12 rgb(162,255,18)
```
#12ff6f
```
#12ff6f rgb(18,255,111)
```
#6f12ff
```
#6f12ff rgb(111,18,255)
```
#ff12a2
```
#ff12a2 rgb(255,18,162)
```

Tetradic Color

#00c54d
```
#00c54d rgb(0,197,77)
```
#00de57
```
#00de57 rgb(0,222,87)
```
#00f861
```
#00f861 rgb(0,248,97)
```
#12ff6f
```
#12ff6f rgb(18,255,111)
```
#2cff7e
```
#2cff7e rgb(44,255,126)
```
#45ff8e
```
#45ff8e rgb(69,255,142)
```
#5fff9d
```
#5fff9d rgb(95,255,157)
```

Monochromatic Color

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

#12ff34
```
#12ff34 rgb(18,255,52)
```
#12ff48
```
#12ff48 rgb(18,255,72)
```
#12ff5b
```
#12ff5b rgb(18,255,91)
```
#12ff6f
```
#12ff6f rgb(18,255,111)
```
#12ff83
```
#12ff83 rgb(18,255,131)
```
#12ff97
```
#12ff97 rgb(18,255,151)
```
#12ffaa
```
#12ffaa rgb(18,255,170)
```

Similar Colors

Text with hexadecimal color #12ff6f

This text has a font color of #12ff6f.

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

#12ff6f background color

This paragraph has a background color of #12ff6f.

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

#12ff6f border color

This element has a border color of #12ff6f.

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

CSS codes

.text {color:#12ff6f;}

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

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

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

#001207
```
#001207 rgb(0,18,7)
```
#00260f
```
#00260f rgb(0,38,15)
```
#003916
```
#003916 rgb(0,57,22)
```
#004d1e
```
#004d1e rgb(0,77,30)
```
#006026
```
#006026 rgb(0,96,38)
```
#00742e
```
#00742e rgb(0,116,46)
```
#008835
```
#008835 rgb(0,136,53)
```
#009b3d
```
#009b3d rgb(0,155,61)
```
#00af45
```
#00af45 rgb(0,175,69)
```
#00c34c
```
#00c34c rgb(0,195,76)
```
#00d654
```
#00d654 rgb(0,214,84)
```
#00ea5c
```
#00ea5c rgb(0,234,92)
```
#00fd63
```
#00fd63 rgb(0,253,99)
```

Shade Color Variation

#12ff6f
```
#12ff6f rgb(18,255,111)
```
#26ff7b
```
#26ff7b rgb(38,255,123)
```
#39ff87
```
#39ff87 rgb(57,255,135)
```
#4dff93
```
#4dff93 rgb(77,255,147)
```
#60ff9f
```
#60ff9f rgb(96,255,159)
```
#74ffab
```
#74ffab rgb(116,255,171)
```
#88ffb7
```
#88ffb7 rgb(136,255,183)
```
#9bffc2
```
#9bffc2 rgb(155,255,194)
```
#afffce
```
#afffce rgb(175,255,206)
```
#c3ffda
```
#c3ffda rgb(195,255,218)
```
#d6ffe6
```
#d6ffe6 rgb(214,255,230)
```
#eafff2
```
#eafff2 rgb(234,255,242)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#7f9287
```
#7f9287 rgb(127,146,135)
```
#769b85
```
#769b85 rgb(118,155,133)
```
#6da483
```
#6da483 rgb(109,164,131)
```
#64ad81
```
#64ad81 rgb(100,173,129)
```
#5bb67f
```
#5bb67f rgb(91,182,127)
```
#52bf7d
```
#52bf7d rgb(82,191,125)
```
#49c87b
```
#49c87b rgb(73,200,123)
```
#40d179
```
#40d179 rgb(64,209,121)
```
#36db77
```
#36db77 rgb(54,219,119)
```
#2de475
```
#2de475 rgb(45,228,117)
```
#24ed73
```
#24ed73 rgb(36,237,115)
```
#1bf671
```
#1bf671 rgb(27,246,113)
```
#12ff6f
```
#12ff6f rgb(18,255,111)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#8ab99d Atypical Achromatopsia 0.001% of the population

Dichromacy

#f6df6c Protanopia 1% of men
#ffd9ac Deuteranopia 1% of men
#85eeff Tritanopia 0.001% of the population

Trichromacy

#a3eb6d Protanomaly 1% of men, 0.01% of women
#a8e696 Deuteranomaly 6% of men, 0.4% of women
#5bf4ca Tritanomaly 0.01% of the population

#12ff6f hex color

#12ff6f Color Information

#12ff6f Color Conversion

Color Schemes with #12ff6f

Alternatives to #12ff6f

#12ff6f Preview

Shades and Tints of #12ff6f

Tones of #12ff6f

Color Blindness Simulator