#12a493 hex color

In a RGB color space, hex #12a493 is composed of 7.1% red, 64.3% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 89% cyan, 0% magenta, 10.4% yellow and 35.7% black. It has a hue angle of 173 degrees, a saturation of 80.2% and a lightness of 35.7%. #12a493 color hex could be obtained by blending #24ffff with #004927. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 7
- G 64
- B 58
RGB color chart
- C 89
- M 0
- Y 10
- K 36
CMYK color chart

● #12a493 color description : Dark cyan.

The hexadecimal color #12a493 has RGB values of R:18, G:164, B:147 and CMYK values of C:0.89, M:0, Y:0.1, K:0.36. Its decimal value is 1221779.

Hex triplet	12a493	`#12a493`
RGB Decimal	18, 164, 147	`rgb(18,164,147)`
RGB Percent	7.1, 64.3, 57.6	`rgb(7.1%,64.3%,57.6%)`
CMYK	89, 0, 10, 36
HSL	173°, 80.2, 35.7	`hsl(173,80.2%,35.7%)`
HSV (or HSB)	173°, 89, 64.3
Web Safe	009999	`#009999`

CIE-LAB	60.591, -38.862, -1.151
XYZ	18.79, 28.784, 32.168
xyY	0.236, 0.361, 28.784
CIE-LCH	60.591, 38.879, 181.696
CIE-LUV	60.591, -47.617, 4.106
Hunter-Lab	53.651, -31.375, 2.007
Binary	00010010, 10100100, 10010011

#12a493
```
#12a493 rgb(18,164,147)
```
#a41223
```
#a41223 rgb(164,18,35)
```

Complementary Color

#12a44a
```
#12a44a rgb(18,164,74)
```
#12a493
```
#12a493 rgb(18,164,147)
```
#126ca4
```
#126ca4 rgb(18,108,164)
```

Analogous Color

#a44a12
```
#a44a12 rgb(164,74,18)
```
#12a493
```
#12a493 rgb(18,164,147)
```
#a4126c
```
#a4126c rgb(164,18,108)
```

Split Complementary Color

#a49312
```
#a49312 rgb(164,147,18)
```
#12a493
```
#12a493 rgb(18,164,147)
```
#9312a4
```
#9312a4 rgb(147,18,164)
```

Triadic Color

#23a412
```
#23a412 rgb(35,164,18)
```
#12a493
```
#12a493 rgb(18,164,147)
```
#9312a4
```
#9312a4 rgb(147,18,164)
```
#a41223
```
#a41223 rgb(164,18,35)
```

Tetradic Color

#0a5f55
```
#0a5f55 rgb(10,95,85)
```
#0d766a
```
#0d766a rgb(13,118,106)
```
#0f8d7e
```
#0f8d7e rgb(15,141,126)
```
#12a493
```
#12a493 rgb(18,164,147)
```
#15bba8
```
#15bba8 rgb(21,187,168)
```
#17d2bc
```
#17d2bc rgb(23,210,188)
```
#1ce6cf
```
#1ce6cf rgb(28,230,207)
```

Monochromatic Color

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

#12a46f
```
#12a46f rgb(18,164,111)
```
#12a47b
```
#12a47b rgb(18,164,123)
```
#12a487
```
#12a487 rgb(18,164,135)
```
#12a493
```
#12a493 rgb(18,164,147)
```
#12a49f
```
#12a49f rgb(18,164,159)
```
#129da4
```
#129da4 rgb(18,157,164)
```
#1291a4
```
#1291a4 rgb(18,145,164)
```

Similar Colors

Text with hexadecimal color #12a493

This text has a font color of #12a493.

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

#12a493 background color

This paragraph has a background color of #12a493.

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

#12a493 border color

This element has a border color of #12a493.

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

CSS codes

.text {color:#12a493;}

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

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

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

#010504
```
#010504 rgb(1,5,4)
```
#021714
```
#021714 rgb(2,23,20)
```
#042824
```
#042824 rgb(4,40,36)
```
#063a34
```
#063a34 rgb(6,58,52)
```
#084c44
```
#084c44 rgb(8,76,68)
```
#0a5d54
```
#0a5d54 rgb(10,93,84)
```
#0c6f63
```
#0c6f63 rgb(12,111,99)
```
#0e8173
```
#0e8173 rgb(14,129,115)
```
#109283
```
#109283 rgb(16,146,131)
```
#12a493
```
#12a493 rgb(18,164,147)
```
#14b6a3
```
#14b6a3 rgb(20,182,163)
```
#16c7b3
```
#16c7b3 rgb(22,199,179)
```
#18d9c3
```
#18d9c3 rgb(24,217,195)
```

Shade Color Variation

#1ee6cf
```
#1ee6cf rgb(30,230,207)
```
#30e8d3
```
#30e8d3 rgb(48,232,211)
```
#41ead7
```
#41ead7 rgb(65,234,215)
```
#53ecda
```
#53ecda rgb(83,236,218)
```
#65eede
```
#65eede rgb(101,238,222)
```
#77f0e2
```
#77f0e2 rgb(119,240,226)
```
#88f2e6
```
#88f2e6 rgb(136,242,230)
```
#9af4e9
```
#9af4e9 rgb(154,244,233)
```
#acf6ed
```
#acf6ed rgb(172,246,237)
```
#bdf8f1
```
#bdf8f1 rgb(189,248,241)
```
#cffaf5
```
#cffaf5 rgb(207,250,245)
```
#e1fcf9
```
#e1fcf9 rgb(225,252,249)
```
#f2fefc
```
#f2fefc rgb(242,254,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585e5d is the less saturated color, while #04b29e is the most saturated one.

#585e5d
```
#585e5d rgb(88,94,93)
```
#516563
```
#516563 rgb(81,101,99)
```
#4a6c68
```
#4a6c68 rgb(74,108,104)
```
#43736d
```
#43736d rgb(67,115,109)
```
#3c7a73
```
#3c7a73 rgb(60,122,115)
```
#358178
```
#358178 rgb(53,129,120)
```
#2e887e
```
#2e887e rgb(46,136,126)
```
#278f83
```
#278f83 rgb(39,143,131)
```
#209688
```
#209688 rgb(32,150,136)
```
#199d8e
```
#199d8e rgb(25,157,142)
```
#12a493
```
#12a493 rgb(18,164,147)
```
#0bab98
```
#0bab98 rgb(11,171,152)
```
#04b29e
```
#04b29e rgb(4,178,158)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#627f7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c978f Protanopia 1% of men
#a193a0 Deuteranopia 1% of men
#39a5b1 Tritanopia 0.001% of the population

Trichromacy

#6a9b90 Protanomaly 1% of men, 0.01% of women
#6d999b Deuteranomaly 6% of men, 0.4% of women
#2ba4a6 Tritanomaly 0.01% of the population

#12a493 hex color

#12a493 Color Information

#12a493 Color Conversion

Color Schemes with #12a493

Alternatives to #12a493

#12a493 Preview

Shades and Tints of #12a493

Tones of #12a493

Color Blindness Simulator