#12a399 hex color

In a RGB color space, hex #12a399 is composed of 7.1% red, 63.9% green and 60% blue. Whereas in a CMYK color space, it is composed of 89% cyan, 0% magenta, 6.1% yellow and 36.1% black. It has a hue angle of 175.9 degrees, a saturation of 80.1% and a lightness of 35.5%. #12a399 color hex could be obtained by blending #24ffff with #004733. Closest websafe color is: #009999.

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

● #12a399 color description : Dark cyan.

The hexadecimal color #12a399 has RGB values of R:18, G:163, B:153 and CMYK values of C:0.89, M:0, Y:0.06, K:0.36. Its decimal value is 1221529.

Hex triplet	12a399	`#12a399`
RGB Decimal	18, 163, 153	`rgb(18,163,153)`
RGB Percent	7.1, 63.9, 60	`rgb(7.1%,63.9%,60%)`
CMYK	89, 0, 6, 36
HSL	175.9°, 80.1, 35.5	`hsl(175.9,80.1%,35.5%)`
HSV (or HSB)	175.9°, 89, 63.9
Web Safe	009999	`#009999`

CIE-LAB	60.446, -36.669, -4.747
XYZ	19.095, 28.621, 34.653
xyY	0.232, 0.347, 28.621
CIE-LCH	60.446, 36.975, 187.376
CIE-LUV	60.446, -46.807, -1.573
Hunter-Lab	53.499, -29.913, -0.956
Binary	00010010, 10100011, 10011001

#12a399
```
#12a399 rgb(18,163,153)
```
#a3121c
```
#a3121c rgb(163,18,28)
```

Complementary Color

#12a351
```
#12a351 rgb(18,163,81)
```
#12a399
```
#12a399 rgb(18,163,153)
```
#1265a3
```
#1265a3 rgb(18,101,163)
```

Analogous Color

#a35112
```
#a35112 rgb(163,81,18)
```
#12a399
```
#12a399 rgb(18,163,153)
```
#a31265
```
#a31265 rgb(163,18,101)
```

Split Complementary Color

#a39912
```
#a39912 rgb(163,153,18)
```
#12a399
```
#12a399 rgb(18,163,153)
```
#9912a3
```
#9912a3 rgb(153,18,163)
```

Triadic Color

#1ca312
```
#1ca312 rgb(28,163,18)
```
#12a399
```
#12a399 rgb(18,163,153)
```
#9912a3
```
#9912a3 rgb(153,18,163)
```
#a3121c
```
#a3121c rgb(163,18,28)
```

Tetradic Color

#0a5e58
```
#0a5e58 rgb(10,94,88)
```
#0d756e
```
#0d756e rgb(13,117,110)
```
#0f8c83
```
#0f8c83 rgb(15,140,131)
```
#12a399
```
#12a399 rgb(18,163,153)
```
#15baaf
```
#15baaf rgb(21,186,175)
```
#17d1c4
```
#17d1c4 rgb(23,209,196)
```
#1ce6d8
```
#1ce6d8 rgb(28,230,216)
```

Monochromatic Color

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

#12a375
```
#12a375 rgb(18,163,117)
```
#12a381
```
#12a381 rgb(18,163,129)
```
#12a38d
```
#12a38d rgb(18,163,141)
```
#12a399
```
#12a399 rgb(18,163,153)
```
#12a1a3
```
#12a1a3 rgb(18,161,163)
```
#1295a3
```
#1295a3 rgb(18,149,163)
```
#1289a3
```
#1289a3 rgb(18,137,163)
```

Similar Colors

Text with hexadecimal color #12a399

This text has a font color of #12a399.

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

#12a399 background color

This paragraph has a background color of #12a399.

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

#12a399 border color

This element has a border color of #12a399.

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

CSS codes

.text {color:#12a399;}

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

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

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

#000404
```
#000404 rgb(0,4,4)
```
#021614
```
#021614 rgb(2,22,20)
```
#042725
```
#042725 rgb(4,39,37)
```
#063936
```
#063936 rgb(6,57,54)
```
#084b46
```
#084b46 rgb(8,75,70)
```
#0a5c57
```
#0a5c57 rgb(10,92,87)
```
#0c6e67
```
#0c6e67 rgb(12,110,103)
```
#0e8078
```
#0e8078 rgb(14,128,120)
```
#109188
```
#109188 rgb(16,145,136)
```
#12a399
```
#12a399 rgb(18,163,153)
```
#14b5aa
```
#14b5aa rgb(20,181,170)
```
#16c6ba
```
#16c6ba rgb(22,198,186)
```
#18d8cb
```
#18d8cb rgb(24,216,203)
```

Shade Color Variation

#1de6d8
```
#1de6d8 rgb(29,230,216)
```
#2fe8db
```
#2fe8db rgb(47,232,219)
```
#41eade
```
#41eade rgb(65,234,222)
```
#52ece1
```
#52ece1 rgb(82,236,225)
```
#64eee4
```
#64eee4 rgb(100,238,228)
```
#76f0e7
```
#76f0e7 rgb(118,240,231)
```
#87f2ea
```
#87f2ea rgb(135,242,234)
```
#99f4ed
```
#99f4ed rgb(153,244,237)
```
#abf6f1
```
#abf6f1 rgb(171,246,241)
```
#bcf8f4
```
#bcf8f4 rgb(188,248,244)
```
#cefaf7
```
#cefaf7 rgb(206,250,247)
```
#e0fcfa
```
#e0fcfa rgb(224,252,250)
```
#f1fdfd
```
#f1fdfd rgb(241,253,253)
```

Tint Color Variation

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

#585d5d
```
#585d5d rgb(88,93,93)
```
#516463
```
#516463 rgb(81,100,99)
```
#4a6b69
```
#4a6b69 rgb(74,107,105)
```
#43726f
```
#43726f rgb(67,114,111)
```
#3c7975
```
#3c7975 rgb(60,121,117)
```
#35807b
```
#35807b rgb(53,128,123)
```
#2e8781
```
#2e8781 rgb(46,135,129)
```
#278e87
```
#278e87 rgb(39,142,135)
```
#20958d
```
#20958d rgb(32,149,141)
```
#199c93
```
#199c93 rgb(25,156,147)
```
#12a399
```
#12a399 rgb(18,163,153)
```
#0baa9f
```
#0baa9f rgb(11,170,159)
```
#04b1a5
```
#04b1a5 rgb(4,177,165)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#63807e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9695 Protanopia 1% of men
#9e93a5 Deuteranopia 1% of men
#35a4b0 Tritanopia 0.001% of the population

Trichromacy

#689b96 Protanomaly 1% of men, 0.01% of women
#6b99a1 Deuteranomaly 6% of men, 0.4% of women
#28a4a8 Tritanomaly 0.01% of the population

#12a399 hex color

#12a399 Color Information

#12a399 Color Conversion

Color Schemes with #12a399

Alternatives to #12a399

#12a399 Preview

Shades and Tints of #12a399

Tones of #12a399

Color Blindness Simulator