#12f7a1 hex color

In a RGB color space, hex #12f7a1 is composed of 7.1% red, 96.9% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 92.7% cyan, 0% magenta, 34.8% yellow and 3.1% black. It has a hue angle of 157.5 degrees, a saturation of 93.5% and a lightness of 52%. #12f7a1 color hex could be obtained by blending #24ffff with #00ef43. Closest websafe color is: #00ff99.

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

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

The hexadecimal color #12f7a1 has RGB values of R:18, G:247, B:161 and CMYK values of C:0.93, M:0, Y:0.35, K:0.03. Its decimal value is 1243041.

Hex triplet	12f7a1	`#12f7a1`
RGB Decimal	18, 247, 161	`rgb(18,247,161)`
RGB Percent	7.1, 96.9, 63.1	`rgb(7.1%,96.9%,63.1%)`
CMYK	93, 0, 35, 3
HSL	157.5°, 93.5, 52	`hsl(157.5,93.5%,52%)`
HSV (or HSB)	157.5°, 92.7, 96.9
Web Safe	00ff99	`#00ff99`

CIE-LAB	86.612, -67.788, 27.974
XYZ	39.94, 69.219, 44.972
xyY	0.259, 0.449, 69.219
CIE-LCH	86.612, 73.333, 157.576
CIE-LUV	86.612, -74.481, 50.874
Hunter-Lab	83.198, -59.906, 26.19
Binary	00010010, 11110111, 10100001

#12f7a1
```
#12f7a1 rgb(18,247,161)
```
#f71268
```
#f71268 rgb(247,18,104)
```

Complementary Color

#12f72f
```
#12f72f rgb(18,247,47)
```
#12f7a1
```
#12f7a1 rgb(18,247,161)
```
#12dbf7
```
#12dbf7 rgb(18,219,247)
```

Analogous Color

#f72f12
```
#f72f12 rgb(247,47,18)
```
#12f7a1
```
#12f7a1 rgb(18,247,161)
```
#f712db
```
#f712db rgb(247,18,219)
```

Split Complementary Color

#f7a112
```
#f7a112 rgb(247,161,18)
```
#12f7a1
```
#12f7a1 rgb(18,247,161)
```
#a112f7
```
#a112f7 rgb(161,18,247)
```

Triadic Color

#68f712
```
#68f712 rgb(104,247,18)
```
#12f7a1
```
#12f7a1 rgb(18,247,161)
```
#a112f7
```
#a112f7 rgb(161,18,247)
```
#f71268
```
#f71268 rgb(247,18,104)
```

Tetradic Color

#06b674
```
#06b674 rgb(6,182,116)
```
#07cf84
```
#07cf84 rgb(7,207,132)
```
#08e894
```
#08e894 rgb(8,232,148)
```
#12f7a1
```
#12f7a1 rgb(18,247,161)
```
#2bf8ab
```
#2bf8ab rgb(43,248,171)
```
#43f9b5
```
#43f9b5 rgb(67,249,181)
```
#5cf9be
```
#5cf9be rgb(92,249,190)
```

Monochromatic Color

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

#12f768
```
#12f768 rgb(18,247,104)
```
#12f77b
```
#12f77b rgb(18,247,123)
```
#12f78e
```
#12f78e rgb(18,247,142)
```
#12f7a1
```
#12f7a1 rgb(18,247,161)
```
#12f7b4
```
#12f7b4 rgb(18,247,180)
```
#12f7c7
```
#12f7c7 rgb(18,247,199)
```
#12f7da
```
#12f7da rgb(18,247,218)
```

Similar Colors

Text with hexadecimal color #12f7a1

This text has a font color of #12f7a1.

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

#12f7a1 background color

This paragraph has a background color of #12f7a1.

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

#12f7a1 border color

This element has a border color of #12f7a1.

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

CSS codes

.text {color:#12f7a1;}

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

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

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

#000a06
```
#000a06 rgb(0,10,6)
```
#011d12
```
#011d12 rgb(1,29,18)
```
#02301e
```
#02301e rgb(2,48,30)
```
#02432a
```
#02432a rgb(2,67,42)
```
#035637
```
#035637 rgb(3,86,55)
```
#046943
```
#046943 rgb(4,105,67)
```
#047c4f
```
#047c4f rgb(4,124,79)
```
#058e5b
```
#058e5b rgb(5,142,91)
```
#05a167
```
#05a167 rgb(5,161,103)
```
#06b473
```
#06b473 rgb(6,180,115)
```
#07c77f
```
#07c77f rgb(7,199,127)
```
#07da8b
```
#07da8b rgb(7,218,139)
```
#08ed97
```
#08ed97 rgb(8,237,151)
```

Shade Color Variation

#12f7a1
```
#12f7a1 rgb(18,247,161)
```
#25f8a9
```
#25f8a9 rgb(37,248,169)
```
#38f8b0
```
#38f8b0 rgb(56,248,176)
```
#4bf9b8
```
#4bf9b8 rgb(75,249,184)
```
#5efabf
```
#5efabf rgb(94,250,191)
```
#71fac7
```
#71fac7 rgb(113,250,199)
```
#84fbce
```
#84fbce rgb(132,251,206)
```
#97fbd6
```
#97fbd6 rgb(151,251,214)
```
#aafcdd
```
#aafcdd rgb(170,252,221)
```
#bdfde5
```
#bdfde5 rgb(189,253,229)
```
#d0fdec
```
#d0fdec rgb(208,253,236)
```
#e3fef4
```
#e3fef4 rgb(227,254,244)
```
#f6fffb
```
#f6fffb rgb(246,255,251)
```

Tint Color Variation

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

#838685
```
#838685 rgb(131,134,133)
```
#7a8f87
```
#7a8f87 rgb(122,143,135)
```
#70998a
```
#70998a rgb(112,153,138)
```
#67a28c
```
#67a28c rgb(103,162,140)
```
#5dac8e
```
#5dac8e rgb(93,172,142)
```
#54b591
```
#54b591 rgb(84,181,145)
```
#4bbe93
```
#4bbe93 rgb(75,190,147)
```
#41c895
```
#41c895 rgb(65,200,149)
```
#38d198
```
#38d198 rgb(56,209,152)
```
#2edb9a
```
#2edb9a rgb(46,219,154)
```
#25e49c
```
#25e49c rgb(37,228,156)
```
#1bee9f
```
#1bee9f rgb(27,238,159)
```
#12f7a1
```
#12f7a1 rgb(18,247,161)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#8bb9a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebda9a Protanopia 1% of men
#fdd2b2 Deuteranopia 1% of men
#68ecfd Tritanopia 0.001% of the population

Trichromacy

#9ce49c Protanomaly 1% of men, 0.01% of women
#a7dfac Deuteranomaly 6% of men, 0.4% of women
#48f0db Tritanomaly 0.01% of the population

#12f7a1 hex color

#12f7a1 Color Information

#12f7a1 Color Conversion

Color Schemes with #12f7a1

Alternatives to #12f7a1

#12f7a1 Preview

Shades and Tints of #12f7a1

Tones of #12f7a1

Color Blindness Simulator