#12d9cf hex color

In a RGB color space, hex #12d9cf is composed of 7.1% red, 85.1% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 91.7% cyan, 0% magenta, 4.6% yellow and 14.9% black. It has a hue angle of 177 degrees, a saturation of 84.7% and a lightness of 46.1%. #12d9cf color hex could be obtained by blending #24ffff with #00b39f. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 7
- G 85
- B 81
RGB color chart
- C 92
- M 0
- Y 5
- K 15
CMYK color chart

● #12d9cf color description : Vivid cyan.

The hexadecimal color #12d9cf has RGB values of R:18, G:217, B:207 and CMYK values of C:0.92, M:0, Y:0.05, K:0.15. Its decimal value is 1235407.

Hex triplet	12d9cf	`#12d9cf`
RGB Decimal	18, 217, 207	`rgb(18,217,207)`
RGB Percent	7.1, 85.1, 81.2	`rgb(7.1%,85.1%,81.2%)`
CMYK	92, 0, 5, 15
HSL	177°, 84.7, 46.1	`hsl(177,84.7%,46.1%)`
HSV (or HSB)	177°, 91.7, 85.1
Web Safe	00cccc	`#00cccc`

CIE-LAB	78.61, -44.968, -7.485
XYZ	36.321, 54.256, 67.586
xyY	0.23, 0.343, 54.256
CIE-LCH	78.61, 45.587, 189.45
CIE-LUV	78.61, -61.169, -4.676
Hunter-Lab	73.658, -40.883, -2.841
Binary	00010010, 11011001, 11001111

#12d9cf
```
#12d9cf rgb(18,217,207)
```
#d9121c
```
#d9121c rgb(217,18,28)
```

Complementary Color

#12d96c
```
#12d96c rgb(18,217,108)
```
#12d9cf
```
#12d9cf rgb(18,217,207)
```
#1280d9
```
#1280d9 rgb(18,128,217)
```

Analogous Color

#d96c12
```
#d96c12 rgb(217,108,18)
```
#12d9cf
```
#12d9cf rgb(18,217,207)
```
#d91280
```
#d91280 rgb(217,18,128)
```

Split Complementary Color

#d9cf12
```
#d9cf12 rgb(217,207,18)
```
#12d9cf
```
#12d9cf rgb(18,217,207)
```
#cf12d9
```
#cf12d9 rgb(207,18,217)
```

Triadic Color

#1cd912
```
#1cd912 rgb(28,217,18)
```
#12d9cf
```
#12d9cf rgb(18,217,207)
```
#cf12d9
```
#cf12d9 rgb(207,18,217)
```
#d9121c
```
#d9121c rgb(217,18,28)
```

Tetradic Color

#0c928c
```
#0c928c rgb(12,146,140)
```
#0eaaa2
```
#0eaaa2 rgb(14,170,162)
```
#10c1b9
```
#10c1b9 rgb(16,193,185)
```
#12d9cf
```
#12d9cf rgb(18,217,207)
```
#19ece1
```
#19ece1 rgb(25,236,225)
```
#30eee4
```
#30eee4 rgb(48,238,228)
```
#48f0e7
```
#48f0e7 rgb(72,240,231)
```

Monochromatic Color

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

#12d99d
```
#12d99d rgb(18,217,157)
```
#12d9ae
```
#12d9ae rgb(18,217,174)
```
#12d9be
```
#12d9be rgb(18,217,190)
```
#12d9cf
```
#12d9cf rgb(18,217,207)
```
#12d2d9
```
#12d2d9 rgb(18,210,217)
```
#12c2d9
```
#12c2d9 rgb(18,194,217)
```
#12b1d9
```
#12b1d9 rgb(18,177,217)
```

Similar Colors

Text with hexadecimal color #12d9cf

This text has a font color of #12d9cf.

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

#12d9cf background color

This paragraph has a background color of #12d9cf.

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

#12d9cf border color

This element has a border color of #12d9cf.

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

CSS codes

.text {color:#12d9cf;}

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

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

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

#011211
```
#011211 rgb(1,18,17)
```
#032422
```
#032422 rgb(3,36,34)
```
#043633
```
#043633 rgb(4,54,51)
```
#064845
```
#064845 rgb(6,72,69)
```
#075a56
```
#075a56 rgb(7,90,86)
```
#096c67
```
#096c67 rgb(9,108,103)
```
#0a7e79
```
#0a7e79 rgb(10,126,121)
```
#0c918a
```
#0c918a rgb(12,145,138)
```
#0da39b
```
#0da39b rgb(13,163,155)
```
#0fb5ac
```
#0fb5ac rgb(15,181,172)
```
#10c7be
```
#10c7be rgb(16,199,190)
```
#12d9cf
```
#12d9cf rgb(18,217,207)
```
#14ebe0
```
#14ebe0 rgb(20,235,224)
```

Shade Color Variation

#25ede3
```
#25ede3 rgb(37,237,227)
```
#37eee5
```
#37eee5 rgb(55,238,229)
```
#4af0e8
```
#4af0e8 rgb(74,240,232)
```
#5cf1ea
```
#5cf1ea rgb(92,241,234)
```
#6ef3ec
```
#6ef3ec rgb(110,243,236)
```
#80f4ef
```
#80f4ef rgb(128,244,239)
```
#92f6f1
```
#92f6f1 rgb(146,246,241)
```
#a4f7f3
```
#a4f7f3 rgb(164,247,243)
```
#b6f9f6
```
#b6f9f6 rgb(182,249,246)
```
#c8faf8
```
#c8faf8 rgb(200,250,248)
```
#dafcfa
```
#dafcfa rgb(218,252,250)
```
#edfdfd
```
#edfdfd rgb(237,253,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#757676
```
#757676 rgb(117,118,118)
```
#6c7f7e
```
#6c7f7e rgb(108,127,126)
```
#638886
```
#638886 rgb(99,136,134)
```
#5a918e
```
#5a918e rgb(90,145,142)
```
#519a96
```
#519a96 rgb(81,154,150)
```
#48a39e
```
#48a39e rgb(72,163,158)
```
#3faca6
```
#3faca6 rgb(63,172,166)
```
#36b5ae
```
#36b5ae rgb(54,181,174)
```
#2dbeb7
```
#2dbeb7 rgb(45,190,183)
```
#24c7bf
```
#24c7bf rgb(36,199,191)
```
#1bd0c7
```
#1bd0c7 rgb(27,208,199)
```
#12d9cf
```
#12d9cf rgb(18,217,207)
```
#09e2d7
```
#09e2d7 rgb(9,226,215)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#80a8a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8c4c5 Protanopia 1% of men
#cdc0db Deuteranopia 1% of men
#3fd7e7 Tritanopia 0.001% of the population

Trichromacy

#86ccc8 Protanomaly 1% of men, 0.01% of women
#89c9d6 Deuteranomaly 6% of men, 0.4% of women
#2ed8de Tritanomaly 0.01% of the population

#12d9cf hex color

#12d9cf Color Information

#12d9cf Color Conversion

Color Schemes with #12d9cf

Alternatives to #12d9cf

#12d9cf Preview

Shades and Tints of #12d9cf

Tones of #12d9cf

Color Blindness Simulator