#12c9b4 hex color

In a RGB color space, hex #12c9b4 is composed of 7.1% red, 78.8% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 91% cyan, 0% magenta, 10.4% yellow and 21.2% black. It has a hue angle of 173.1 degrees, a saturation of 83.6% and a lightness of 42.9%. #12c9b4 color hex could be obtained by blending #24ffff with #009369. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 7
- G 79
- B 71
RGB color chart
- C 91
- M 0
- Y 10
- K 21
CMYK color chart

● #12c9b4 color description : Strong cyan.

The hexadecimal color #12c9b4 has RGB values of R:18, G:201, B:180 and CMYK values of C:0.91, M:0, Y:0.1, K:0.21. Its decimal value is 1231284.

Hex triplet	12c9b4	`#12c9b4`
RGB Decimal	18, 201, 180	`rgb(18,201,180)`
RGB Percent	7.1, 78.8, 70.6	`rgb(7.1%,78.8%,70.6%)`
CMYK	91, 0, 10, 21
HSL	173.1°, 83.6, 42.9	`hsl(173.1,83.6%,42.9%)`
HSV (or HSB)	173.1°, 91, 78.8
Web Safe	00cccc	`#00cccc`

CIE-LAB	73.02, -45.667, -1.18
XYZ	29.371, 45.194, 50.353
xyY	0.235, 0.362, 45.194
CIE-LCH	73.02, 45.682, 181.481
CIE-LUV	73.02, -57.871, 5.258
Hunter-Lab	67.227, -39.659, 2.65
Binary	00010010, 11001001, 10110100

#12c9b4
```
#12c9b4 rgb(18,201,180)
```
#c91227
```
#c91227 rgb(201,18,39)
```

Complementary Color

#12c958
```
#12c958 rgb(18,201,88)
```
#12c9b4
```
#12c9b4 rgb(18,201,180)
```
#1283c9
```
#1283c9 rgb(18,131,201)
```

Analogous Color

#c95812
```
#c95812 rgb(201,88,18)
```
#12c9b4
```
#12c9b4 rgb(18,201,180)
```
#c91283
```
#c91283 rgb(201,18,131)
```

Split Complementary Color

#c9b412
```
#c9b412 rgb(201,180,18)
```
#12c9b4
```
#12c9b4 rgb(18,201,180)
```
#b412c9
```
#b412c9 rgb(180,18,201)
```

Triadic Color

#27c912
```
#27c912 rgb(39,201,18)
```
#12c9b4
```
#12c9b4 rgb(18,201,180)
```
#b412c9
```
#b412c9 rgb(180,18,201)
```
#c91227
```
#c91227 rgb(201,18,39)
```

Tetradic Color

#0c8375
```
#0c8375 rgb(12,131,117)
```
#0e9a8a
```
#0e9a8a rgb(14,154,138)
```
#10b29f
```
#10b29f rgb(16,178,159)
```
#12c9b4
```
#12c9b4 rgb(18,201,180)
```
#14e0c9
```
#14e0c9 rgb(20,224,201)
```
#23ebd4
```
#23ebd4 rgb(35,235,212)
```
#3aedd9
```
#3aedd9 rgb(58,237,217)
```

Monochromatic Color

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

#12c986
```
#12c986 rgb(18,201,134)
```
#12c996
```
#12c996 rgb(18,201,150)
```
#12c9a5
```
#12c9a5 rgb(18,201,165)
```
#12c9b4
```
#12c9b4 rgb(18,201,180)
```
#12c9c3
```
#12c9c3 rgb(18,201,195)
```
#12c0c9
```
#12c0c9 rgb(18,192,201)
```
#12b0c9
```
#12b0c9 rgb(18,176,201)
```

Similar Colors

Text with hexadecimal color #12c9b4

This text has a font color of #12c9b4.

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

#12c9b4 background color

This paragraph has a background color of #12c9b4.

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

#12c9b4 border color

This element has a border color of #12c9b4.

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

CSS codes

.text {color:#12c9b4;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#021513
```
#021513 rgb(2,21,19)
```
#032723
```
#032723 rgb(3,39,35)
```
#053933
```
#053933 rgb(5,57,51)
```
#074b43
```
#074b43 rgb(7,75,67)
```
#085d53
```
#085d53 rgb(8,93,83)
```
#0a6f63
```
#0a6f63 rgb(10,111,99)
```
#0c8174
```
#0c8174 rgb(12,129,116)
```
#0d9384
```
#0d9384 rgb(13,147,132)
```
#0fa594
```
#0fa594 rgb(15,165,148)
```
#10b7a4
```
#10b7a4 rgb(16,183,164)
```
#12c9b4
```
#12c9b4 rgb(18,201,180)
```
#14dbc4
```
#14dbc4 rgb(20,219,196)
```

Shade Color Variation

#18ead2
```
#18ead2 rgb(24,234,210)
```
#2aecd6
```
#2aecd6 rgb(42,236,214)
```
#3ceed9
```
#3ceed9 rgb(60,238,217)
```
#4eefdd
```
#4eefdd rgb(78,239,221)
```
#60f1e0
```
#60f1e0 rgb(96,241,224)
```
#72f2e4
```
#72f2e4 rgb(114,242,228)
```
#84f4e7
```
#84f4e7 rgb(132,244,231)
```
#96f6eb
```
#96f6eb rgb(150,246,235)
```
#a8f7ee
```
#a8f7ee rgb(168,247,238)
```
#baf9f2
```
#baf9f2 rgb(186,249,242)
```
#ccfaf5
```
#ccfaf5 rgb(204,250,245)
```
#defcf9
```
#defcf9 rgb(222,252,249)
```
#f0fefc
```
#f0fefc rgb(240,254,252)
```

Tint Color Variation

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

#667573
```
#667573 rgb(102,117,115)
```
#5e7d7a
```
#5e7d7a rgb(94,125,122)
```
#558680
```
#558680 rgb(85,134,128)
```
#4d8e87
```
#4d8e87 rgb(77,142,135)
```
#45968d
```
#45968d rgb(69,150,141)
```
#3c9f94
```
#3c9f94 rgb(60,159,148)
```
#34a79a
```
#34a79a rgb(52,167,154)
```
#2bb0a1
```
#2bb0a1 rgb(43,176,161)
```
#23b8a7
```
#23b8a7 rgb(35,184,167)
```
#1ac1ae
```
#1ac1ae rgb(26,193,174)
```
#12c9b4
```
#12c9b4 rgb(18,201,180)
```
#0ad1ba
```
#0ad1ba rgb(10,209,186)
```
#01dac1
```
#01dac1 rgb(1,218,193)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#779b97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcb6ac Protanopia 1% of men
#c3b2c1 Deuteranopia 1% of men
#43c7d5 Tritanopia 0.001% of the population

Trichromacy

#7ebdaf Protanomaly 1% of men, 0.01% of women
#82babc Deuteranomaly 6% of men, 0.4% of women
#31c7c9 Tritanomaly 0.01% of the population

#12c9b4 hex color

#12c9b4 Color Information

#12c9b4 Color Conversion

Color Schemes with #12c9b4

Alternatives to #12c9b4

#12c9b4 Preview

Shades and Tints of #12c9b4

Tones of #12c9b4

Color Blindness Simulator