#12f7b4 hex color

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

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

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

The hexadecimal color #12f7b4 has RGB values of R:18, G:247, B:180 and CMYK values of C:0.93, M:0, Y:0.27, K:0.03. Its decimal value is 1243060.

Hex triplet	12f7b4	`#12f7b4`
RGB Decimal	18, 247, 180	`rgb(18,247,180)`
RGB Percent	7.1, 96.9, 70.6	`rgb(7.1%,96.9%,70.6%)`
CMYK	93, 0, 27, 3
HSL	162.4°, 93.5, 52	`hsl(162.4,93.5%,52%)`
HSV (or HSB)	162.4°, 92.7, 96.9
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	86.968, -63.762, 18.756
XYZ	41.745, 69.941, 54.477
xyY	0.251, 0.421, 69.941
CIE-LCH	86.968, 66.463, 163.608
CIE-LUV	86.968, -73.164, 37.892
Hunter-Lab	83.631, -57.254, 19.92
Binary	00010010, 11110111, 10110100

#12f7b4
```
#12f7b4 rgb(18,247,180)
```
#f71255
```
#f71255 rgb(247,18,85)
```

Complementary Color

#12f742
```
#12f742 rgb(18,247,66)
```
#12f7b4
```
#12f7b4 rgb(18,247,180)
```
#12c8f7
```
#12c8f7 rgb(18,200,247)
```

Analogous Color

#f74212
```
#f74212 rgb(247,66,18)
```
#12f7b4
```
#12f7b4 rgb(18,247,180)
```
#f712c8
```
#f712c8 rgb(247,18,200)
```

Split Complementary Color

#f7b412
```
#f7b412 rgb(247,180,18)
```
#12f7b4
```
#12f7b4 rgb(18,247,180)
```
#b412f7
```
#b412f7 rgb(180,18,247)
```

Triadic Color

#55f712
```
#55f712 rgb(85,247,18)
```
#12f7b4
```
#12f7b4 rgb(18,247,180)
```
#b412f7
```
#b412f7 rgb(180,18,247)
```
#f71255
```
#f71255 rgb(247,18,85)
```

Tetradic Color

#06b683
```
#06b683 rgb(6,182,131)
```
#07cf94
```
#07cf94 rgb(7,207,148)
```
#08e8a6
```
#08e8a6 rgb(8,232,166)
```
#12f7b4
```
#12f7b4 rgb(18,247,180)
```
#2bf8bc
```
#2bf8bc rgb(43,248,188)
```
#43f9c4
```
#43f9c4 rgb(67,249,196)
```
#5cf9cb
```
#5cf9cb rgb(92,249,203)
```

Monochromatic Color

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

#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)
```
#12f7ed
```
#12f7ed rgb(18,247,237)
```

Similar Colors

Text with hexadecimal color #12f7b4

This text has a font color of #12f7b4.

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

#12f7b4 background color

This paragraph has a background color of #12f7b4.

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

#12f7b4 border color

This element has a border color of #12f7b4.

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

CSS codes

.text {color:#12f7b4;}

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

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

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)
```
#011d15
```
#011d15 rgb(1,29,21)
```
#023022
```
#023022 rgb(2,48,34)
```
#024330
```
#024330 rgb(2,67,48)
```
#03563d
```
#03563d rgb(3,86,61)
```
#04694b
```
#04694b rgb(4,105,75)
```
#047c59
```
#047c59 rgb(4,124,89)
```
#058e66
```
#058e66 rgb(5,142,102)
```
#05a174
```
#05a174 rgb(5,161,116)
```
#06b481
```
#06b481 rgb(6,180,129)
```
#07c78f
```
#07c78f rgb(7,199,143)
```
#07da9d
```
#07da9d rgb(7,218,157)
```
#08edaa
```
#08edaa rgb(8,237,170)
```

Shade Color Variation

#12f7b4
```
#12f7b4 rgb(18,247,180)
```
#25f8ba
```
#25f8ba rgb(37,248,186)
```
#38f8c0
```
#38f8c0 rgb(56,248,192)
```
#4bf9c6
```
#4bf9c6 rgb(75,249,198)
```
#5efacc
```
#5efacc rgb(94,250,204)
```
#71fad2
```
#71fad2 rgb(113,250,210)
```
#84fbd8
```
#84fbd8 rgb(132,251,216)
```
#97fbde
```
#97fbde rgb(151,251,222)
```
#aafce4
```
#aafce4 rgb(170,252,228)
```
#bdfdea
```
#bdfdea rgb(189,253,234)
```
#d0fdf0
```
#d0fdf0 rgb(208,253,240)
```
#e3fef6
```
#e3fef6 rgb(227,254,246)
```
#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 #12f7b4 is the most saturated one.

#838685
```
#838685 rgb(131,134,133)
```
#7a8f89
```
#7a8f89 rgb(122,143,137)
```
#70998d
```
#70998d rgb(112,153,141)
```
#67a291
```
#67a291 rgb(103,162,145)
```
#5dac95
```
#5dac95 rgb(93,172,149)
```
#54b599
```
#54b599 rgb(84,181,153)
```
#4bbe9d
```
#4bbe9d rgb(75,190,157)
```
#41c8a0
```
#41c8a0 rgb(65,200,160)
```
#38d1a4
```
#38d1a4 rgb(56,209,164)
```
#2edba8
```
#2edba8 rgb(46,219,168)
```
#25e4ac
```
#25e4ac rgb(37,228,172)
```
#1beeb0
```
#1beeb0 rgb(27,238,176)
```
#12f7b4
```
#12f7b4 rgb(18,247,180)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#8cbaad Atypical Achromatopsia 0.001% of the population

Dichromacy

#eadbab Protanopia 1% of men
#f8d4c4 Deuteranopia 1% of men
#64edff Tritanopia 0.001% of the population

Trichromacy

#9be5ae Protanomaly 1% of men, 0.01% of women
#a4e0be Deuteranomaly 6% of men, 0.4% of women
#46f1e3 Tritanomaly 0.01% of the population

#12f7b4 hex color

#12f7b4 Color Information

#12f7b4 Color Conversion

Color Schemes with #12f7b4

Alternatives to #12f7b4

#12f7b4 Preview

Shades and Tints of #12f7b4

Tones of #12f7b4

Color Blindness Simulator