#12c0aa hex color

In a RGB color space, hex #12c0aa is composed of 7.1% red, 75.3% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 90.6% cyan, 0% magenta, 11.5% yellow and 24.7% black. It has a hue angle of 172.4 degrees, a saturation of 82.9% and a lightness of 41.2%. #12c0aa color hex could be obtained by blending #24ffff with #008155. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 7
- G 75
- B 67
RGB color chart
- C 91
- M 0
- Y 11
- K 25
CMYK color chart

● #12c0aa color description : Strong cyan.

The hexadecimal color #12c0aa has RGB values of R:18, G:192, B:170 and CMYK values of C:0.91, M:0, Y:0.11, K:0.25. Its decimal value is 1228970.

Hex triplet	12c0aa	`#12c0aa`
RGB Decimal	18, 192, 170	`rgb(18,192,170)`
RGB Percent	7.1, 75.3, 66.7	`rgb(7.1%,75.3%,66.7%)`
CMYK	91, 0, 11, 25
HSL	172.4°, 82.9, 41.2	`hsl(172.4,82.9%,41.2%)`
HSV (or HSB)	172.4°, 90.6, 75.3
Web Safe	00cc99	`#00cc99`

CIE-LAB	69.985, -44.589, -0.173
XYZ	26.352, 40.727, 44.5
xyY	0.236, 0.365, 40.727
CIE-LCH	69.985, 44.589, 180.222
CIE-LUV	69.985, -55.571, 6.574
Hunter-Lab	63.818, -37.974, 3.33
Binary	00010010, 11000000, 10101010

#12c0aa
```
#12c0aa rgb(18,192,170)
```
#c01228
```
#c01228 rgb(192,18,40)
```

Complementary Color

#12c053
```
#12c053 rgb(18,192,83)
```
#12c0aa
```
#12c0aa rgb(18,192,170)
```
#127fc0
```
#127fc0 rgb(18,127,192)
```

Analogous Color

#c05312
```
#c05312 rgb(192,83,18)
```
#12c0aa
```
#12c0aa rgb(18,192,170)
```
#c0127f
```
#c0127f rgb(192,18,127)
```

Split Complementary Color

#c0aa12
```
#c0aa12 rgb(192,170,18)
```
#12c0aa
```
#12c0aa rgb(18,192,170)
```
#aa12c0
```
#aa12c0 rgb(170,18,192)
```

Triadic Color

#28c012
```
#28c012 rgb(40,192,18)
```
#12c0aa
```
#12c0aa rgb(18,192,170)
```
#aa12c0
```
#aa12c0 rgb(170,18,192)
```
#c01228
```
#c01228 rgb(192,18,40)
```

Tetradic Color

#0b7a6c
```
#0b7a6c rgb(11,122,108)
```
#0e9181
```
#0e9181 rgb(14,145,129)
```
#10a995
```
#10a995 rgb(16,169,149)
```
#12c0aa
```
#12c0aa rgb(18,192,170)
```
#14d7bf
```
#14d7bf rgb(20,215,191)
```
#1bead0
```
#1bead0 rgb(27,234,208)
```
#33ecd4
```
#33ecd4 rgb(51,236,212)
```

Monochromatic Color

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

#12c07f
```
#12c07f rgb(18,192,127)
```
#12c08d
```
#12c08d rgb(18,192,141)
```
#12c09c
```
#12c09c rgb(18,192,156)
```
#12c0aa
```
#12c0aa rgb(18,192,170)
```
#12c0b9
```
#12c0b9 rgb(18,192,185)
```
#12b9c0
```
#12b9c0 rgb(18,185,192)
```
#12abc0
```
#12abc0 rgb(18,171,192)
```

Similar Colors

Text with hexadecimal color #12c0aa

This text has a font color of #12c0aa.

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

#12c0aa background color

This paragraph has a background color of #12c0aa.

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

#12c0aa border color

This element has a border color of #12c0aa.

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

CSS codes

.text {color:#12c0aa;}

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

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

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, #010d0b is the darkest color, while #fafffe is the lightest one.

#010d0b
```
#010d0b rgb(1,13,11)
```
#031f1b
```
#031f1b rgb(3,31,27)
```
#05312b
```
#05312b rgb(5,49,43)
```
#06423b
```
#06423b rgb(6,66,59)
```
#08544b
```
#08544b rgb(8,84,75)
```
#0a665b
```
#0a665b rgb(10,102,91)
```
#0b786a
```
#0b786a rgb(11,120,106)
```
#0d8a7a
```
#0d8a7a rgb(13,138,122)
```
#0f9c8a
```
#0f9c8a rgb(15,156,138)
```
#10ae9a
```
#10ae9a rgb(16,174,154)
```
#12c0aa
```
#12c0aa rgb(18,192,170)
```
#14d2ba
```
#14d2ba rgb(20,210,186)
```
#15e4ca
```
#15e4ca rgb(21,228,202)
```

Shade Color Variation

#23ead1
```
#23ead1 rgb(35,234,209)
```
#34ecd5
```
#34ecd5 rgb(52,236,213)
```
#46eed9
```
#46eed9 rgb(70,238,217)
```
#58efdc
```
#58efdc rgb(88,239,220)
```
#6af1e0
```
#6af1e0 rgb(106,241,224)
```
#7cf3e4
```
#7cf3e4 rgb(124,243,228)
```
#8ef4e7
```
#8ef4e7 rgb(142,244,231)
```
#a0f6eb
```
#a0f6eb rgb(160,246,235)
```
#b2f8ef
```
#b2f8ef rgb(178,248,239)
```
#c4f9f3
```
#c4f9f3 rgb(196,249,243)
```
#d6fbf6
```
#d6fbf6 rgb(214,251,246)
```
#e8fdfa
```
#e8fdfa rgb(232,253,250)
```
#fafffe
```
#fafffe rgb(250,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #636f6e is the less saturated color, while #02d0b6 is the most saturated one.

#636f6e
```
#636f6e rgb(99,111,110)
```
#5b7774
```
#5b7774 rgb(91,119,116)
```
#537f7a
```
#537f7a rgb(83,127,122)
```
#4b8780
```
#4b8780 rgb(75,135,128)
```
#429086
```
#429086 rgb(66,144,134)
```
#3a988c
```
#3a988c rgb(58,152,140)
```
#32a092
```
#32a092 rgb(50,160,146)
```
#2aa898
```
#2aa898 rgb(42,168,152)
```
#22b09e
```
#22b09e rgb(34,176,158)
```
#1ab8a4
```
#1ab8a4 rgb(26,184,164)
```
#12c0aa
```
#12c0aa rgb(18,192,170)
```
#0ac8b0
```
#0ac8b0 rgb(10,200,176)
```
#02d0b6
```
#02d0b6 rgb(2,208,182)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#719490 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5aea3 Protanopia 1% of men
#bbaab7 Deuteranopia 1% of men
#42becc Tritanopia 0.001% of the population

Trichromacy

#79b5a6 Protanomaly 1% of men, 0.01% of women
#7eb2b2 Deuteranomaly 6% of men, 0.4% of women
#30bfc0 Tritanomaly 0.01% of the population

#12c0aa hex color

#12c0aa Color Information

#12c0aa Color Conversion

Color Schemes with #12c0aa

Alternatives to #12c0aa

#12c0aa Preview

Shades and Tints of #12c0aa

Tones of #12c0aa

Color Blindness Simulator