#12f7aa hex color

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

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

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

The hexadecimal color #12f7aa has RGB values of R:18, G:247, B:170 and CMYK values of C:0.93, M:0, Y:0.31, K:0.03. Its decimal value is 1243050.

Hex triplet	12f7aa	`#12f7aa`
RGB Decimal	18, 247, 170	`rgb(18,247,170)`
RGB Percent	7.1, 96.9, 66.7	`rgb(7.1%,96.9%,66.7%)`
CMYK	93, 0, 31, 3
HSL	159.8°, 93.5, 52	`hsl(159.8,93.5%,52%)`
HSV (or HSB)	159.8°, 92.7, 96.9
Web Safe	00ff99	`#00ff99`

CIE-LAB	86.775, -65.934, 23.617
XYZ	40.763, 69.548, 49.304
xyY	0.255, 0.436, 69.548
CIE-LCH	86.775, 70.036, 160.293
CIE-LUV	86.775, -73.869, 44.862
Hunter-Lab	83.395, -58.694, 23.324
Binary	00010010, 11110111, 10101010

#12f7aa
```
#12f7aa rgb(18,247,170)
```
#f7125f
```
#f7125f rgb(247,18,95)
```

Complementary Color

#12f738
```
#12f738 rgb(18,247,56)
```
#12f7aa
```
#12f7aa rgb(18,247,170)
```
#12d2f7
```
#12d2f7 rgb(18,210,247)
```

Analogous Color

#f73812
```
#f73812 rgb(247,56,18)
```
#12f7aa
```
#12f7aa rgb(18,247,170)
```
#f712d2
```
#f712d2 rgb(247,18,210)
```

Split Complementary Color

#f7aa12
```
#f7aa12 rgb(247,170,18)
```
#12f7aa
```
#12f7aa rgb(18,247,170)
```
#aa12f7
```
#aa12f7 rgb(170,18,247)
```

Triadic Color

#5ff712
```
#5ff712 rgb(95,247,18)
```
#12f7aa
```
#12f7aa rgb(18,247,170)
```
#aa12f7
```
#aa12f7 rgb(170,18,247)
```
#f7125f
```
#f7125f rgb(247,18,95)
```

Tetradic Color

#06b67b
```
#06b67b rgb(6,182,123)
```
#07cf8c
```
#07cf8c rgb(7,207,140)
```
#08e89c
```
#08e89c rgb(8,232,156)
```
#12f7aa
```
#12f7aa rgb(18,247,170)
```
#2bf8b3
```
#2bf8b3 rgb(43,248,179)
```
#43f9bc
```
#43f9bc rgb(67,249,188)
```
#5cf9c5
```
#5cf9c5 rgb(92,249,197)
```

Monochromatic Color

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

#12f771
```
#12f771 rgb(18,247,113)
```
#12f784
```
#12f784 rgb(18,247,132)
```
#12f797
```
#12f797 rgb(18,247,151)
```
#12f7aa
```
#12f7aa rgb(18,247,170)
```
#12f7bd
```
#12f7bd rgb(18,247,189)
```
#12f7d0
```
#12f7d0 rgb(18,247,208)
```
#12f7e3
```
#12f7e3 rgb(18,247,227)
```

Similar Colors

Text with hexadecimal color #12f7aa

This text has a font color of #12f7aa.

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

#12f7aa background color

This paragraph has a background color of #12f7aa.

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

#12f7aa border color

This element has a border color of #12f7aa.

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

CSS codes

.text {color:#12f7aa;}

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

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

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

#000a07
```
#000a07 rgb(0,10,7)
```
#011d13
```
#011d13 rgb(1,29,19)
```
#023020
```
#023020 rgb(2,48,32)
```
#02432d
```
#02432d rgb(2,67,45)
```
#03563a
```
#03563a rgb(3,86,58)
```
#046947
```
#046947 rgb(4,105,71)
```
#047c53
```
#047c53 rgb(4,124,83)
```
#058e60
```
#058e60 rgb(5,142,96)
```
#05a16d
```
#05a16d rgb(5,161,109)
```
#06b47a
```
#06b47a rgb(6,180,122)
```
#07c787
```
#07c787 rgb(7,199,135)
```
#07da93
```
#07da93 rgb(7,218,147)
```
#08eda0
```
#08eda0 rgb(8,237,160)
```

Shade Color Variation

#12f7aa
```
#12f7aa rgb(18,247,170)
```
#25f8b1
```
#25f8b1 rgb(37,248,177)
```
#38f8b8
```
#38f8b8 rgb(56,248,184)
```
#4bf9be
```
#4bf9be rgb(75,249,190)
```
#5efac5
```
#5efac5 rgb(94,250,197)
```
#71facc
```
#71facc rgb(113,250,204)
```
#84fbd3
```
#84fbd3 rgb(132,251,211)
```
#97fbda
```
#97fbda rgb(151,251,218)
```
#aafce0
```
#aafce0 rgb(170,252,224)
```
#bdfde7
```
#bdfde7 rgb(189,253,231)
```
#d0fdee
```
#d0fdee rgb(208,253,238)
```
#e3fef5
```
#e3fef5 rgb(227,254,245)
```
#f6fffc
```
#f6fffc rgb(246,255,252)
```

Tint Color Variation

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

#838685
```
#838685 rgb(131,134,133)
```
#7a8f88
```
#7a8f88 rgb(122,143,136)
```
#70998b
```
#70998b rgb(112,153,139)
```
#67a28e
```
#67a28e rgb(103,162,142)
```
#5dac91
```
#5dac91 rgb(93,172,145)
```
#54b594
```
#54b594 rgb(84,181,148)
```
#4bbe97
```
#4bbe97 rgb(75,190,151)
```
#41c89b
```
#41c89b rgb(65,200,155)
```
#38d19e
```
#38d19e rgb(56,209,158)
```
#2edba1
```
#2edba1 rgb(46,219,161)
```
#25e4a4
```
#25e4a4 rgb(37,228,164)
```
#1beea7
```
#1beea7 rgb(27,238,167)
```
#12f7aa
```
#12f7aa rgb(18,247,170)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#8cb9aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebdaa2 Protanopia 1% of men
#fbd3ba Deuteranopia 1% of men
#65edfe Tritanopia 0.001% of the population

Trichromacy

#9ce5a5 Protanomaly 1% of men, 0.01% of women
#a6e0b4 Deuteranomaly 6% of men, 0.4% of women
#47f0df Tritanomaly 0.01% of the population

#12f7aa hex color

#12f7aa Color Information

#12f7aa Color Conversion

Color Schemes with #12f7aa

Alternatives to #12f7aa

#12f7aa Preview

Shades and Tints of #12f7aa

Tones of #12f7aa

Color Blindness Simulator