#12c8a4 hex color

In a RGB color space, hex #12c8a4 is composed of 7.1% red, 78.4% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 91% cyan, 0% magenta, 18% yellow and 21.6% black. It has a hue angle of 168.1 degrees, a saturation of 83.5% and a lightness of 42.7%. #12c8a4 color hex could be obtained by blending #24ffff with #009149. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 7
- G 78
- B 64
RGB color chart
- C 91
- M 0
- Y 18
- K 22
CMYK color chart

● #12c8a4 color description : Strong cyan.

The hexadecimal color #12c8a4 has RGB values of R:18, G:200, B:164 and CMYK values of C:0.91, M:0, Y:0.18, K:0.22. Its decimal value is 1231012.

Hex triplet	12c8a4	`#12c8a4`
RGB Decimal	18, 200, 164	`rgb(18,200,164)`
RGB Percent	7.1, 78.4, 64.3	`rgb(7.1%,78.4%,64.3%)`
CMYK	91, 0, 18, 22
HSL	168.1°, 83.5, 42.7	`hsl(168.1,83.5%,42.7%)`
HSV (or HSB)	168.1°, 91, 78.4
Web Safe	00cc99	`#00cc99`

CIE-LAB	72.305, -49.516, 6.454
XYZ	27.602, 44.115, 42.18
xyY	0.242, 0.387, 44.115
CIE-LCH	72.305, 49.935, 172.574
CIE-LUV	72.305, -58.76, 17.205
Hunter-Lab	66.419, -42.053, 8.84
Binary	00010010, 11001000, 10100100

#12c8a4
```
#12c8a4 rgb(18,200,164)
```
#c81236
```
#c81236 rgb(200,18,54)
```

Complementary Color

#12c849
```
#12c849 rgb(18,200,73)
```
#12c8a4
```
#12c8a4 rgb(18,200,164)
```
#1291c8
```
#1291c8 rgb(18,145,200)
```

Analogous Color

#c84912
```
#c84912 rgb(200,73,18)
```
#12c8a4
```
#12c8a4 rgb(18,200,164)
```
#c81291
```
#c81291 rgb(200,18,145)
```

Split Complementary Color

#c8a412
```
#c8a412 rgb(200,164,18)
```
#12c8a4
```
#12c8a4 rgb(18,200,164)
```
#a412c8
```
#a412c8 rgb(164,18,200)
```

Triadic Color

#36c812
```
#36c812 rgb(54,200,18)
```
#12c8a4
```
#12c8a4 rgb(18,200,164)
```
#a412c8
```
#a412c8 rgb(164,18,200)
```
#c81236
```
#c81236 rgb(200,18,54)
```

Tetradic Color

#0c826a
```
#0c826a rgb(12,130,106)
```
#0e997e
```
#0e997e rgb(14,153,126)
```
#10b191
```
#10b191 rgb(16,177,145)
```
#12c8a4
```
#12c8a4 rgb(18,200,164)
```
#14dfb7
```
#14dfb7 rgb(20,223,183)
```
#22ebc3
```
#22ebc3 rgb(34,235,195)
```
#39edca
```
#39edca rgb(57,237,202)
```

Monochromatic Color

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

#12c877
```
#12c877 rgb(18,200,119)
```
#12c886
```
#12c886 rgb(18,200,134)
```
#12c895
```
#12c895 rgb(18,200,149)
```
#12c8a4
```
#12c8a4 rgb(18,200,164)
```
#12c8b3
```
#12c8b3 rgb(18,200,179)
```
#12c8c2
```
#12c8c2 rgb(18,200,194)
```
#12bfc8
```
#12bfc8 rgb(18,191,200)
```

Similar Colors

Text with hexadecimal color #12c8a4

This text has a font color of #12c8a4.

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

#12c8a4 background color

This paragraph has a background color of #12c8a4.

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

#12c8a4 border color

This element has a border color of #12c8a4.

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

CSS codes

.text {color:#12c8a4;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#021410
```
#021410 rgb(2,20,16)
```
#03261f
```
#03261f rgb(3,38,31)
```
#05382e
```
#05382e rgb(5,56,46)
```
#074a3d
```
#074a3d rgb(7,74,61)
```
#085c4b
```
#085c4b rgb(8,92,75)
```
#0a6e5a
```
#0a6e5a rgb(10,110,90)
```
#0c8069
```
#0c8069 rgb(12,128,105)
```
#0d9278
```
#0d9278 rgb(13,146,120)
```
#0fa486
```
#0fa486 rgb(15,164,134)
```
#10b695
```
#10b695 rgb(16,182,149)
```
#12c8a4
```
#12c8a4 rgb(18,200,164)
```
#14dab3
```
#14dab3 rgb(20,218,179)
```

Shade Color Variation

#17eac0
```
#17eac0 rgb(23,234,192)
```
#29ecc5
```
#29ecc5 rgb(41,236,197)
```
#3bedca
```
#3bedca rgb(59,237,202)
```
#4defcf
```
#4defcf rgb(77,239,207)
```
#5ff1d4
```
#5ff1d4 rgb(95,241,212)
```
#71f2d9
```
#71f2d9 rgb(113,242,217)
```
#83f4de
```
#83f4de rgb(131,244,222)
```
#95f5e2
```
#95f5e2 rgb(149,245,226)
```
#a7f7e7
```
#a7f7e7 rgb(167,247,231)
```
#b9f9ec
```
#b9f9ec rgb(185,249,236)
```
#cbfaf1
```
#cbfaf1 rgb(203,250,241)
```
#ddfcf6
```
#ddfcf6 rgb(221,252,246)
```
#effefb
```
#effefb rgb(239,254,251)
```

Tint Color Variation

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

#667471
```
#667471 rgb(102,116,113)
```
#5d7d76
```
#5d7d76 rgb(93,125,118)
```
#55857b
```
#55857b rgb(85,133,123)
```
#4d8d81
```
#4d8d81 rgb(77,141,129)
```
#449686
```
#449686 rgb(68,150,134)
```
#3c9e8b
```
#3c9e8b rgb(60,158,139)
```
#34a690
```
#34a690 rgb(52,166,144)
```
#2baf95
```
#2baf95 rgb(43,175,149)
```
#23b79a
```
#23b79a rgb(35,183,154)
```
#1ac09f
```
#1ac09f rgb(26,192,159)
```
#12c8a4
```
#12c8a4 rgb(18,200,164)
```
#0ad0a9
```
#0ad0a9 rgb(10,208,169)
```
#01d9ae
```
#01d9ae rgb(1,217,174)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#749992 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdb49e Protanopia 1% of men
#c7afb2 Deuteranopia 1% of men
#4ac4d3 Tritanopia 0.001% of the population

Trichromacy

#7fbba0 Protanomaly 1% of men, 0.01% of women
#85b8ad Deuteranomaly 6% of men, 0.4% of women
#36c5c2 Tritanomaly 0.01% of the population

#12c8a4 hex color

#12c8a4 Color Information

#12c8a4 Color Conversion

Color Schemes with #12c8a4

Alternatives to #12c8a4

#12c8a4 Preview

Shades and Tints of #12c8a4

Tones of #12c8a4

Color Blindness Simulator