#12f856 hex color

In a RGB color space, hex #12f856 is composed of 7.1% red, 97.3% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 92.7% cyan, 0% magenta, 65.3% yellow and 2.7% black. It has a hue angle of 137.7 degrees, a saturation of 94.3% and a lightness of 52.2%. #12f856 color hex could be obtained by blending #24ffac with #00f100. Closest websafe color is: #00ff66.

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

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

The hexadecimal color #12f856 has RGB values of R:18, G:248, B:86 and CMYK values of C:0.93, M:0, Y:0.65, K:0.03. Its decimal value is 1243222.

Hex triplet	12f856	`#12f856`
RGB Decimal	18, 248, 86	`rgb(18,248,86)`
RGB Percent	7.1, 97.3, 33.7	`rgb(7.1%,97.3%,33.7%)`
CMYK	93, 0, 65, 3
HSL	137.7°, 94.3, 52.2	`hsl(137.7,94.3%,52.2%)`
HSV (or HSB)	137.7°, 92.7, 97.3
Web Safe	00ff66	`#00ff66`

CIE-LAB	85.972, -79.473, 62.039
XYZ	35.494, 67.931, 20.045
xyY	0.287, 0.55, 67.931
CIE-LCH	85.972, 100.821, 142.023
CIE-LUV	85.972, -78.749, 89.618
Hunter-Lab	82.42, -67.365, 43.275
Binary	00010010, 11111000, 01010110

#12f856
```
#12f856 rgb(18,248,86)
```
#f812b4
```
#f812b4 rgb(248,18,180)
```

Complementary Color

#41f812
```
#41f812 rgb(65,248,18)
```
#12f856
```
#12f856 rgb(18,248,86)
```
#12f8c9
```
#12f8c9 rgb(18,248,201)
```

Analogous Color

#f81241
```
#f81241 rgb(248,18,65)
```
#12f856
```
#12f856 rgb(18,248,86)
```
#c912f8
```
#c912f8 rgb(201,18,248)
```

Split Complementary Color

#f85612
```
#f85612 rgb(248,86,18)
```
#12f856
```
#12f856 rgb(18,248,86)
```
#5612f8
```
#5612f8 rgb(86,18,248)
```

Triadic Color

#b4f812
```
#b4f812 rgb(180,248,18)
```
#12f856
```
#12f856 rgb(18,248,86)
```
#5612f8
```
#5612f8 rgb(86,18,248)
```
#f812b4
```
#f812b4 rgb(248,18,180)
```

Tetradic Color

#05b83a
```
#05b83a rgb(5,184,58)
```
#06d142
```
#06d142 rgb(6,209,66)
```
#07ea4a
```
#07ea4a rgb(7,234,74)
```
#12f856
```
#12f856 rgb(18,248,86)
```
#2bf968
```
#2bf968 rgb(43,249,104)
```
#44f979
```
#44f979 rgb(68,249,121)
```
#5cfa8b
```
#5cfa8b rgb(92,250,139)
```

Monochromatic Color

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

#12f81d
```
#12f81d rgb(18,248,29)
```
#12f830
```
#12f830 rgb(18,248,48)
```
#12f843
```
#12f843 rgb(18,248,67)
```
#12f856
```
#12f856 rgb(18,248,86)
```
#12f869
```
#12f869 rgb(18,248,105)
```
#12f87c
```
#12f87c rgb(18,248,124)
```
#12f890
```
#12f890 rgb(18,248,144)
```

Similar Colors

Text with hexadecimal color #12f856

This text has a font color of #12f856.

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

#12f856 background color

This paragraph has a background color of #12f856.

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

#12f856 border color

This element has a border color of #12f856.

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

CSS codes

.text {color:#12f856;}

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

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

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, #000b03 is the darkest color, while #f7fff9 is the lightest one.

#000b03
```
#000b03 rgb(0,11,3)
```
#011e09
```
#011e09 rgb(1,30,9)
```
#01310f
```
#01310f rgb(1,49,15)
```
#024415
```
#024415 rgb(2,68,21)
```
#03571b
```
#03571b rgb(3,87,27)
```
#036a22
```
#036a22 rgb(3,106,34)
```
#047d28
```
#047d28 rgb(4,125,40)
```
#04902e
```
#04902e rgb(4,144,46)
```
#05a334
```
#05a334 rgb(5,163,52)
```
#05b63a
```
#05b63a rgb(5,182,58)
```
#06c940
```
#06c940 rgb(6,201,64)
```
#07dc46
```
#07dc46 rgb(7,220,70)
```
#07ef4c
```
#07ef4c rgb(7,239,76)
```

Shade Color Variation

#12f856
```
#12f856 rgb(18,248,86)
```
#25f964
```
#25f964 rgb(37,249,100)
```
#38f971
```
#38f971 rgb(56,249,113)
```
#4bfa7f
```
#4bfa7f rgb(75,250,127)
```
#5efa8c
```
#5efa8c rgb(94,250,140)
```
#71fb9a
```
#71fb9a rgb(113,251,154)
```
#84fba8
```
#84fba8 rgb(132,251,168)
```
#97fcb5
```
#97fcb5 rgb(151,252,181)
```
#aafdc3
```
#aafdc3 rgb(170,253,195)
```
#bdfdd0
```
#bdfdd0 rgb(189,253,208)
```
#d1fede
```
#d1fede rgb(209,254,222)
```
#e4feeb
```
#e4feeb rgb(228,254,235)
```
#f7fff9
```
#f7fff9 rgb(247,255,249)
```

Tint Color Variation

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

#838784
```
#838784 rgb(131,135,132)
```
#799180
```
#799180 rgb(121,145,128)
```
#709a7c
```
#709a7c rgb(112,154,124)
```
#66a479
```
#66a479 rgb(102,164,121)
```
#5dad75
```
#5dad75 rgb(93,173,117)
```
#54b671
```
#54b671 rgb(84,182,113)
```
#4ac06d
```
#4ac06d rgb(74,192,109)
```
#41c969
```
#41c969 rgb(65,201,105)
```
#38d265
```
#38d265 rgb(56,210,101)
```
#2edc62
```
#2edc62 rgb(46,220,98)
```
#25e55e
```
#25e55e rgb(37,229,94)
```
#1bef5a
```
#1bef5a rgb(27,239,90)
```
#12f856
```
#12f856 rgb(18,248,86)
```

Tone Color Variation

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

Dichromacy

#f1d956 Protanopia 1% of men
#ffd192 Deuteranopia 1% of men
#76e9fa Tritanopia 0.001% of the population

Trichromacy

#a0e456 Protanomaly 1% of men, 0.01% of women
#a8df7c Deuteranomaly 6% of men, 0.4% of women
#51eebe Tritanomaly 0.01% of the population

#12f856 hex color

#12f856 Color Information

#12f856 Color Conversion

Color Schemes with #12f856

Alternatives to #12f856

#12f856 Preview

Shades and Tints of #12f856

Tones of #12f856

Color Blindness Simulator