#12f556 hex color

In a RGB color space, hex #12f556 is composed of 7.1% red, 96.1% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 92.7% cyan, 0% magenta, 64.9% yellow and 3.9% black. It has a hue angle of 138 degrees, a saturation of 91.9% and a lightness of 51.6%. #12f556 color hex could be obtained by blending #24ffac with #00eb00. Closest websafe color is: #00ff66.

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

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

The hexadecimal color #12f556 has RGB values of R:18, G:245, B:86 and CMYK values of C:0.93, M:0, Y:0.65, K:0.04. Its decimal value is 1242454.

Hex triplet	12f556	`#12f556`
RGB Decimal	18, 245, 86	`rgb(18,245,86)`
RGB Percent	7.1, 96.1, 33.7	`rgb(7.1%,96.1%,33.7%)`
CMYK	93, 0, 65, 4
HSL	138°, 91.9, 51.6	`hsl(138,91.9%,51.6%)`
HSV (or HSB)	138°, 92.7, 96.1
Web Safe	00ff66	`#00ff66`

CIE-LAB	85.048, -78.611, 61.026
XYZ	34.579, 66.101, 19.74
xyY	0.287, 0.549, 66.101
CIE-LCH	85.048, 99.519, 142.178
CIE-LUV	85.048, -77.832, 88.238
Hunter-Lab	81.303, -66.361, 42.517
Binary	00010010, 11110101, 01010110

#12f556
```
#12f556 rgb(18,245,86)
```
#f512b1
```
#f512b1 rgb(245,18,177)
```

Complementary Color

#40f512
```
#40f512 rgb(64,245,18)
```
#12f556
```
#12f556 rgb(18,245,86)
```
#12f5c8
```
#12f5c8 rgb(18,245,200)
```

Analogous Color

#f5123f
```
#f5123f rgb(245,18,63)
```
#12f556
```
#12f556 rgb(18,245,86)
```
#c812f5
```
#c812f5 rgb(200,18,245)
```

Split Complementary Color

#f55612
```
#f55612 rgb(245,86,18)
```
#12f556
```
#12f556 rgb(18,245,86)
```
#5612f5
```
#5612f5 rgb(86,18,245)
```

Triadic Color

#b1f512
```
#b1f512 rgb(177,245,18)
```
#12f556
```
#12f556 rgb(18,245,86)
```
#5612f5
```
#5612f5 rgb(86,18,245)
```
#f512b1
```
#f512b1 rgb(245,18,177)
```

Tetradic Color

#08b33b
```
#08b33b rgb(8,179,59)
```
#09cb43
```
#09cb43 rgb(9,203,67)
```
#0ae44b
```
#0ae44b rgb(10,228,75)
```
#12f556
```
#12f556 rgb(18,245,86)
```
#2af667
```
#2af667 rgb(42,246,103)
```
#43f779
```
#43f779 rgb(67,247,121)
```
#5bf88a
```
#5bf88a rgb(91,248,138)
```

Monochromatic Color

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

#12f51d
```
#12f51d rgb(18,245,29)
```
#12f530
```
#12f530 rgb(18,245,48)
```
#12f543
```
#12f543 rgb(18,245,67)
```
#12f556
```
#12f556 rgb(18,245,86)
```
#12f569
```
#12f569 rgb(18,245,105)
```
#12f57c
```
#12f57c rgb(18,245,124)
```
#12f58f
```
#12f58f rgb(18,245,143)
```

Similar Colors

Text with hexadecimal color #12f556

This text has a font color of #12f556.

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

#12f556 background color

This paragraph has a background color of #12f556.

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

#12f556 border color

This element has a border color of #12f556.

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

CSS codes

.text {color:#12f556;}

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

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

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

#000803
```
#000803 rgb(0,8,3)
```
#011a09
```
#011a09 rgb(1,26,9)
```
#022d0f
```
#022d0f rgb(2,45,15)
```
#034015
```
#034015 rgb(3,64,21)
```
#04531b
```
#04531b rgb(4,83,27)
```
#046621
```
#046621 rgb(4,102,33)
```
#057928
```
#057928 rgb(5,121,40)
```
#068b2e
```
#068b2e rgb(6,139,46)
```
#079e34
```
#079e34 rgb(7,158,52)
```
#07b13a
```
#07b13a rgb(7,177,58)
```
#08c440
```
#08c440 rgb(8,196,64)
```
#09d747
```
#09d747 rgb(9,215,71)
```
#0aea4d
```
#0aea4d rgb(10,234,77)
```

Shade Color Variation

#12f556
```
#12f556 rgb(18,245,86)
```
#25f663
```
#25f663 rgb(37,246,99)
```
#38f771
```
#38f771 rgb(56,247,113)
```
#4af77e
```
#4af77e rgb(74,247,126)
```
#5df88c
```
#5df88c rgb(93,248,140)
```
#70f999
```
#70f999 rgb(112,249,153)
```
#83faa7
```
#83faa7 rgb(131,250,167)
```
#96fbb4
```
#96fbb4 rgb(150,251,180)
```
#a9fbc1
```
#a9fbc1 rgb(169,251,193)
```
#bbfccf
```
#bbfccf rgb(187,252,207)
```
#cefddc
```
#cefddc rgb(206,253,220)
```
#e1feea
```
#e1feea rgb(225,254,234)
```
#f4fff7
```
#f4fff7 rgb(244,255,247)
```

Tint Color Variation

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

#7b8d80
```
#7b8d80 rgb(123,141,128)
```
#71967c
```
#71967c rgb(113,150,124)
```
#68a078
```
#68a078 rgb(104,160,120)
```
#5ea974
```
#5ea974 rgb(94,169,116)
```
#55b371
```
#55b371 rgb(85,179,113)
```
#4bbc6d
```
#4bbc6d rgb(75,188,109)
```
#42c669
```
#42c669 rgb(66,198,105)
```
#38cf65
```
#38cf65 rgb(56,207,101)
```
#2fd961
```
#2fd961 rgb(47,217,97)
```
#25e25e
```
#25e25e rgb(37,226,94)
```
#1cec5a
```
#1cec5a rgb(28,236,90)
```
#12f556
```
#12f556 rgb(18,245,86)
```
#09ff52
```
#09ff52 rgb(9,255,82)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#83b090 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed656 Protanopia 1% of men
#ffce88 Deuteranopia 1% of men
#74e6f7 Tritanopia 0.001% of the population

Trichromacy

#9ee156 Protanomaly 1% of men, 0.01% of women
#a8dc76 Deuteranomaly 6% of men, 0.4% of women
#50ebbc Tritanomaly 0.01% of the population

#12f556 hex color

#12f556 Color Information

#12f556 Color Conversion

Color Schemes with #12f556

Alternatives to #12f556

#12f556 Preview

Shades and Tints of #12f556

Tones of #12f556

Color Blindness Simulator