#12c7af hex color

In a RGB color space, hex #12c7af is composed of 7.1% red, 78% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 91% cyan, 0% magenta, 12.1% yellow and 22% black. It has a hue angle of 172 degrees, a saturation of 83.4% and a lightness of 42.5%. #12c7af color hex could be obtained by blending #24ffff with #008f5f. Closest websafe color is: #00cc99.

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

● #12c7af color description : Strong cyan.

The hexadecimal color #12c7af has RGB values of R:18, G:199, B:175 and CMYK values of C:0.91, M:0, Y:0.12, K:0.22. Its decimal value is 1230767.

Hex triplet	12c7af	`#12c7af`
RGB Decimal	18, 199, 175	`rgb(18,199,175)`
RGB Percent	7.1, 78, 68.6	`rgb(7.1%,78%,68.6%)`
CMYK	91, 0, 12, 22
HSL	172°, 83.4, 42.5	`hsl(172,83.4%,42.5%)`
HSV (or HSB)	172°, 91, 78
Web Safe	00cc99	`#00cc99`

CIE-LAB	72.274, -46.189, 0.444
XYZ	28.408, 44.068, 47.564
xyY	0.237, 0.367, 44.068
CIE-LCH	72.274, 46.191, 179.45
CIE-LUV	72.274, -57.577, 7.79
Hunter-Lab	66.383, -39.784, 3.987
Binary	00010010, 11000111, 10101111

#12c7af
```
#12c7af rgb(18,199,175)
```
#c7122a
```
#c7122a rgb(199,18,42)
```

Complementary Color

#12c755
```
#12c755 rgb(18,199,85)
```
#12c7af
```
#12c7af rgb(18,199,175)
```
#1285c7
```
#1285c7 rgb(18,133,199)
```

Analogous Color

#c75512
```
#c75512 rgb(199,85,18)
```
#12c7af
```
#12c7af rgb(18,199,175)
```
#c71285
```
#c71285 rgb(199,18,133)
```

Split Complementary Color

#c7af12
```
#c7af12 rgb(199,175,18)
```
#12c7af
```
#12c7af rgb(18,199,175)
```
#af12c7
```
#af12c7 rgb(175,18,199)
```

Triadic Color

#2ac712
```
#2ac712 rgb(42,199,18)
```
#12c7af
```
#12c7af rgb(18,199,175)
```
#af12c7
```
#af12c7 rgb(175,18,199)
```
#c7122a
```
#c7122a rgb(199,18,42)
```

Tetradic Color

#0c8171
```
#0c8171 rgb(12,129,113)
```
#0e9886
```
#0e9886 rgb(14,152,134)
```
#10b09a
```
#10b09a rgb(16,176,154)
```
#12c7af
```
#12c7af rgb(18,199,175)
```
#14dec4
```
#14dec4 rgb(20,222,196)
```
#21ebd0
```
#21ebd0 rgb(33,235,208)
```
#38edd5
```
#38edd5 rgb(56,237,213)
```

Monochromatic Color

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

#12c782
```
#12c782 rgb(18,199,130)
```
#12c791
```
#12c791 rgb(18,199,145)
```
#12c7a0
```
#12c7a0 rgb(18,199,160)
```
#12c7af
```
#12c7af rgb(18,199,175)
```
#12c7be
```
#12c7be rgb(18,199,190)
```
#12c1c7
```
#12c1c7 rgb(18,193,199)
```
#12b2c7
```
#12b2c7 rgb(18,178,199)
```

Similar Colors

Text with hexadecimal color #12c7af

This text has a font color of #12c7af.

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

#12c7af background color

This paragraph has a background color of #12c7af.

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

#12c7af border color

This element has a border color of #12c7af.

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

CSS codes

.text {color:#12c7af;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#021311
```
#021311 rgb(2,19,17)
```
#032521
```
#032521 rgb(3,37,33)
```
#053730
```
#053730 rgb(5,55,48)
```
#074940
```
#074940 rgb(7,73,64)
```
#085b50
```
#085b50 rgb(8,91,80)
```
#0a6d60
```
#0a6d60 rgb(10,109,96)
```
#0b7f70
```
#0b7f70 rgb(11,127,112)
```
#0d9180
```
#0d9180 rgb(13,145,128)
```
#0fa38f
```
#0fa38f rgb(15,163,143)
```
#10b59f
```
#10b59f rgb(16,181,159)
```
#12c7af
```
#12c7af rgb(18,199,175)
```
#14d9bf
```
#14d9bf rgb(20,217,191)
```

Shade Color Variation

#16eace
```
#16eace rgb(22,234,206)
```
#28ecd2
```
#28ecd2 rgb(40,236,210)
```
#3aedd5
```
#3aedd5 rgb(58,237,213)
```
#4cefd9
```
#4cefd9 rgb(76,239,217)
```
#5ef0dd
```
#5ef0dd rgb(94,240,221)
```
#70f2e1
```
#70f2e1 rgb(112,242,225)
```
#82f4e5
```
#82f4e5 rgb(130,244,229)
```
#94f5e8
```
#94f5e8 rgb(148,245,232)
```
#a6f7ec
```
#a6f7ec rgb(166,247,236)
```
#b8f9f0
```
#b8f9f0 rgb(184,249,240)
```
#cafaf4
```
#cafaf4 rgb(202,250,244)
```
#dcfcf8
```
#dcfcf8 rgb(220,252,248)
```
#eefdfb
```
#eefdfb rgb(238,253,251)
```

Tint Color Variation

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

#657472
```
#657472 rgb(101,116,114)
```
#5d7c78
```
#5d7c78 rgb(93,124,120)
```
#55847e
```
#55847e rgb(85,132,126)
```
#4c8d84
```
#4c8d84 rgb(76,141,132)
```
#44958a
```
#44958a rgb(68,149,138)
```
#3c9d90
```
#3c9d90 rgb(60,157,144)
```
#33a696
```
#33a696 rgb(51,166,150)
```
#2bae9d
```
#2bae9d rgb(43,174,157)
```
#23b6a3
```
#23b6a3 rgb(35,182,163)
```
#1abfa9
```
#1abfa9 rgb(26,191,169)
```
#12c7af
```
#12c7af rgb(18,199,175)
```
#0acfb5
```
#0acfb5 rgb(10,207,181)
```
#01d8bb
```
#01d8bb rgb(1,216,187)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#759995 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbb4a8 Protanopia 1% of men
#c2b0bc Deuteranopia 1% of men
#44c5d3 Tritanopia 0.001% of the population

Trichromacy

#7dbbaa Protanomaly 1% of men, 0.01% of women
#82b8b7 Deuteranomaly 6% of men, 0.4% of women
#32c5c6 Tritanomaly 0.01% of the population

#12c7af hex color

#12c7af Color Information

#12c7af Color Conversion

Color Schemes with #12c7af

Alternatives to #12c7af

#12c7af Preview

Shades and Tints of #12c7af

Tones of #12c7af

Color Blindness Simulator