#12c8c4 hex color

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

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

● #12c8c4 color description : Strong cyan.

The hexadecimal color #12c8c4 has RGB values of R:18, G:200, B:196 and CMYK values of C:0.91, M:0, Y:0.02, K:0.22. Its decimal value is 1231044.

Hex triplet	12c8c4	`#12c8c4`
RGB Decimal	18, 200, 196	`rgb(18,200,196)`
RGB Percent	7.1, 78.4, 76.9	`rgb(7.1%,78.4%,76.9%)`
CMYK	91, 0, 2, 22
HSL	178.7°, 83.5, 42.7	`hsl(178.7,83.5%,42.7%)`
HSV (or HSB)	178.7°, 91, 78.4
Web Safe	00cccc	`#00cccc`

CIE-LAB	73.167, -40.671, -9.648
XYZ	30.864, 45.419, 59.362
xyY	0.228, 0.335, 45.419
CIE-LCH	73.167, 41.799, 193.346
CIE-LUV	73.167, -56.273, -8.715
Hunter-Lab	67.394, -36.192, -5.048
Binary	00010010, 11001000, 11000100

#12c8c4
```
#12c8c4 rgb(18,200,196)
```
#c81216
```
#c81216 rgb(200,18,22)
```

Complementary Color

#12c869
```
#12c869 rgb(18,200,105)
```
#12c8c4
```
#12c8c4 rgb(18,200,196)
```
#1271c8
```
#1271c8 rgb(18,113,200)
```

Analogous Color

#c86912
```
#c86912 rgb(200,105,18)
```
#12c8c4
```
#12c8c4 rgb(18,200,196)
```
#c81271
```
#c81271 rgb(200,18,113)
```

Split Complementary Color

#c8c412
```
#c8c412 rgb(200,196,18)
```
#12c8c4
```
#12c8c4 rgb(18,200,196)
```
#c412c8
```
#c412c8 rgb(196,18,200)
```

Triadic Color

#16c812
```
#16c812 rgb(22,200,18)
```
#12c8c4
```
#12c8c4 rgb(18,200,196)
```
#c412c8
```
#c412c8 rgb(196,18,200)
```
#c81216
```
#c81216 rgb(200,18,22)
```

Tetradic Color

#0c827f
```
#0c827f rgb(12,130,127)
```
#0e9996
```
#0e9996 rgb(14,153,150)
```
#10b1ad
```
#10b1ad rgb(16,177,173)
```
#12c8c4
```
#12c8c4 rgb(18,200,196)
```
#14dfdb
```
#14dfdb rgb(20,223,219)
```
#22ebe7
```
#22ebe7 rgb(34,235,231)
```
#39ede9
```
#39ede9 rgb(57,237,233)
```

Monochromatic Color

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

#12c897
```
#12c897 rgb(18,200,151)
```
#12c8a6
```
#12c8a6 rgb(18,200,166)
```
#12c8b5
```
#12c8b5 rgb(18,200,181)
```
#12c8c4
```
#12c8c4 rgb(18,200,196)
```
#12bdc8
```
#12bdc8 rgb(18,189,200)
```
#12aec8
```
#12aec8 rgb(18,174,200)
```
#129fc8
```
#129fc8 rgb(18,159,200)
```

Similar Colors

Text with hexadecimal color #12c8c4

This text has a font color of #12c8c4.

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

#12c8c4 background color

This paragraph has a background color of #12c8c4.

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

#12c8c4 border color

This element has a border color of #12c8c4.

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

CSS codes

.text {color:#12c8c4;}

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

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

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 #effefd is the lightest one.

#000202
```
#000202 rgb(0,2,2)
```
#021414
```
#021414 rgb(2,20,20)
```
#032625
```
#032625 rgb(3,38,37)
```
#053837
```
#053837 rgb(5,56,55)
```
#074a49
```
#074a49 rgb(7,74,73)
```
#085c5a
```
#085c5a rgb(8,92,90)
```
#0a6e6c
```
#0a6e6c rgb(10,110,108)
```
#0c807d
```
#0c807d rgb(12,128,125)
```
#0d928f
```
#0d928f rgb(13,146,143)
```
#0fa4a1
```
#0fa4a1 rgb(15,164,161)
```
#10b6b2
```
#10b6b2 rgb(16,182,178)
```
#12c8c4
```
#12c8c4 rgb(18,200,196)
```
#14dad6
```
#14dad6 rgb(20,218,214)
```

Shade Color Variation

#17eae5
```
#17eae5 rgb(23,234,229)
```
#29ece7
```
#29ece7 rgb(41,236,231)
```
#3bede9
```
#3bede9 rgb(59,237,233)
```
#4defeb
```
#4defeb rgb(77,239,235)
```
#5ff1ed
```
#5ff1ed rgb(95,241,237)
```
#71f2ef
```
#71f2ef rgb(113,242,239)
```
#83f4f1
```
#83f4f1 rgb(131,244,241)
```
#95f5f3
```
#95f5f3 rgb(149,245,243)
```
#a7f7f5
```
#a7f7f5 rgb(167,247,245)
```
#b9f9f7
```
#b9f9f7 rgb(185,249,247)
```
#cbfaf9
```
#cbfaf9 rgb(203,250,249)
```
#ddfcfb
```
#ddfcfb rgb(221,252,251)
```
#effefd
```
#effefd rgb(239,254,253)
```

Tint Color Variation

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

#667474
```
#667474 rgb(102,116,116)
```
#5d7d7c
```
#5d7d7c rgb(93,125,124)
```
#558584
```
#558584 rgb(85,133,132)
```
#4d8d8c
```
#4d8d8c rgb(77,141,140)
```
#449694
```
#449694 rgb(68,150,148)
```
#3c9e9c
```
#3c9e9c rgb(60,158,156)
```
#34a6a4
```
#34a6a4 rgb(52,166,164)
```
#2bafac
```
#2bafac rgb(43,175,172)
```
#23b7b4
```
#23b7b4 rgb(35,183,180)
```
#1ac0bc
```
#1ac0bc rgb(26,192,188)
```
#12c8c4
```
#12c8c4 rgb(18,200,196)
```
#0ad0cc
```
#0ad0cc rgb(10,208,204)
```
#01d9d4
```
#01d9d4 rgb(1,217,212)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#789c9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9b6bb Protanopia 1% of men
#bcb3cf Deuteranopia 1% of men
#37c8d7 Tritanopia 0.001% of the population

Trichromacy

#7cbcbe Protanomaly 1% of men, 0.01% of women
#7ebacb Deuteranomaly 6% of men, 0.4% of women
#29c8d0 Tritanomaly 0.01% of the population

#12c8c4 hex color

#12c8c4 Color Information

#12c8c4 Color Conversion

Color Schemes with #12c8c4

Alternatives to #12c8c4

#12c8c4 Preview

Shades and Tints of #12c8c4

Tones of #12c8c4

Color Blindness Simulator