#12f46a hex color

In a RGB color space, hex #12f46a is composed of 7.1% red, 95.7% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 92.6% cyan, 0% magenta, 56.6% yellow and 4.3% black. It has a hue angle of 143.4 degrees, a saturation of 91.1% and a lightness of 51.4%. #12f46a color hex could be obtained by blending #24ffd4 with #00e900. Closest websafe color is: #00ff66.

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

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

The hexadecimal color #12f46a has RGB values of R:18, G:244, B:106 and CMYK values of C:0.93, M:0, Y:0.57, K:0.04. Its decimal value is 1242218.

Hex triplet	12f46a	`#12f46a`
RGB Decimal	18, 244, 106	`rgb(18,244,106)`
RGB Percent	7.1, 95.7, 41.6	`rgb(7.1%,95.7%,41.6%)`
CMYK	93, 0, 57, 4
HSL	143.4°, 91.1, 51.4	`hsl(143.4,91.1%,51.4%)`
HSV (or HSB)	143.4°, 92.6, 95.7
Web Safe	00ff66	`#00ff66`

CIE-LAB	84.928, -75.975, 52.379
XYZ	35.199, 65.867, 24.493
xyY	0.28, 0.525, 65.867
CIE-LCH	84.928, 92.281, 145.416
CIE-LUV	84.928, -76.683, 79.719
Hunter-Lab	81.158, -64.609, 38.917
Binary	00010010, 11110100, 01101010

#12f46a
```
#12f46a rgb(18,244,106)
```
#f4129c
```
#f4129c rgb(244,18,156)
```

Complementary Color

#2bf412
```
#2bf412 rgb(43,244,18)
```
#12f46a
```
#12f46a rgb(18,244,106)
```
#12f4db
```
#12f4db rgb(18,244,219)
```

Analogous Color

#f4122b
```
#f4122b rgb(244,18,43)
```
#12f46a
```
#12f46a rgb(18,244,106)
```
#db12f4
```
#db12f4 rgb(219,18,244)
```

Split Complementary Color

#f46a12
```
#f46a12 rgb(244,106,18)
```
#12f46a
```
#12f46a rgb(18,244,106)
```
#6a12f4
```
#6a12f4 rgb(106,18,244)
```

Triadic Color

#9cf412
```
#9cf412 rgb(156,244,18)
```
#12f46a
```
#12f46a rgb(18,244,106)
```
#6a12f4
```
#6a12f4 rgb(106,18,244)
```
#f4129c
```
#f4129c rgb(244,18,156)
```

Tetradic Color

#08b14a
```
#08b14a rgb(8,177,74)
```
#09ca54
```
#09ca54 rgb(9,202,84)
```
#0ae25e
```
#0ae25e rgb(10,226,94)
```
#12f46a
```
#12f46a rgb(18,244,106)
```
#2af579
```
#2af579 rgb(42,245,121)
```
#43f689
```
#43f689 rgb(67,246,137)
```
#5bf798
```
#5bf798 rgb(91,247,152)
```

Monochromatic Color

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

#12f432
```
#12f432 rgb(18,244,50)
```
#12f444
```
#12f444 rgb(18,244,68)
```
#12f457
```
#12f457 rgb(18,244,87)
```
#12f46a
```
#12f46a rgb(18,244,106)
```
#12f47d
```
#12f47d rgb(18,244,125)
```
#12f490
```
#12f490 rgb(18,244,144)
```
#12f4a3
```
#12f4a3 rgb(18,244,163)
```

Similar Colors

Text with hexadecimal color #12f46a

This text has a font color of #12f46a.

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

#12f46a background color

This paragraph has a background color of #12f46a.

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

#12f46a border color

This element has a border color of #12f46a.

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

CSS codes

.text {color:#12f46a;}

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

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

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

#000703
```
#000703 rgb(0,7,3)
```
#01190b
```
#01190b rgb(1,25,11)
```
#022c12
```
#022c12 rgb(2,44,18)
```
#033f1a
```
#033f1a rgb(3,63,26)
```
#045222
```
#045222 rgb(4,82,34)
```
#05642a
```
#05642a rgb(5,100,42)
```
#067732
```
#067732 rgb(6,119,50)
```
#068a3a
```
#068a3a rgb(6,138,58)
```
#079d41
```
#079d41 rgb(7,157,65)
```
#08af49
```
#08af49 rgb(8,175,73)
```
#09c251
```
#09c251 rgb(9,194,81)
```
#0ad559
```
#0ad559 rgb(10,213,89)
```
#0be861
```
#0be861 rgb(11,232,97)
```

Shade Color Variation

#12f46a
```
#12f46a rgb(18,244,106)
```
#25f576
```
#25f576 rgb(37,245,118)
```
#37f682
```
#37f682 rgb(55,246,130)
```
#4af78d
```
#4af78d rgb(74,247,141)
```
#5df799
```
#5df799 rgb(93,247,153)
```
#70f8a5
```
#70f8a5 rgb(112,248,165)
```
#82f9b1
```
#82f9b1 rgb(130,249,177)
```
#95fabc
```
#95fabc rgb(149,250,188)
```
#a8fbc8
```
#a8fbc8 rgb(168,251,200)
```
#bbfcd4
```
#bbfcd4 rgb(187,252,212)
```
#cdfde0
```
#cdfde0 rgb(205,253,224)
```
#e0feec
```
#e0feec rgb(224,254,236)
```
#f3fef7
```
#f3fef7 rgb(243,254,247)
```

Tint Color Variation

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

#7b8b81
```
#7b8b81 rgb(123,139,129)
```
#71957f
```
#71957f rgb(113,149,127)
```
#689e7d
```
#689e7d rgb(104,158,125)
```
#5ea87b
```
#5ea87b rgb(94,168,123)
```
#55b179
```
#55b179 rgb(85,177,121)
```
#4bbb77
```
#4bbb77 rgb(75,187,119)
```
#42c475
```
#42c475 rgb(66,196,117)
```
#38ce72
```
#38ce72 rgb(56,206,114)
```
#2fd770
```
#2fd770 rgb(47,215,112)
```
#25e16e
```
#25e16e rgb(37,225,110)
```
#1cea6c
```
#1cea6c rgb(28,234,108)
```
#12f46a
```
#12f46a rgb(18,244,106)
```
#08fe68
```
#08fe68 rgb(8,254,104)
```

Tone Color Variation

Below, you can see how #12f46a 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
#84b296 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd668 Protanopia 1% of men
#ffce8c Deuteranopia 1% of men
#71e6f7 Tritanopia 0.001% of the population

Trichromacy

#9de168 Protanomaly 1% of men, 0.01% of women
#a8db7f Deuteranomaly 6% of men, 0.4% of women
#4eebc3 Tritanomaly 0.01% of the population

#12f46a hex color

#12f46a Color Information

#12f46a Color Conversion

Color Schemes with #12f46a

Alternatives to #12f46a

#12f46a Preview

Shades and Tints of #12f46a

Tones of #12f46a

Color Blindness Simulator