#12d4b6 hex color

In a RGB color space, hex #12d4b6 is composed of 7.1% red, 83.1% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 91.5% cyan, 0% magenta, 14.2% yellow and 16.9% black. It has a hue angle of 170.7 degrees, a saturation of 84.3% and a lightness of 45.1%. #12d4b6 color hex could be obtained by blending #24ffff with #00a96d. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 7
- G 83
- B 71
RGB color chart
- C 92
- M 0
- Y 14
- K 17
CMYK color chart

● #12d4b6 color description : Strong cyan.

The hexadecimal color #12d4b6 has RGB values of R:18, G:212, B:182 and CMYK values of C:0.92, M:0, Y:0.14, K:0.17. Its decimal value is 1234102.

Hex triplet	12d4b6	`#12d4b6`
RGB Decimal	18, 212, 182	`rgb(18,212,182)`
RGB Percent	7.1, 83.1, 71.4	`rgb(7.1%,83.1%,71.4%)`
CMYK	92, 0, 14, 17
HSL	170.7°, 84.3, 45.1	`hsl(170.7,84.3%,45.1%)`
HSV (or HSB)	170.7°, 91.5, 83.1
Web Safe	00cccc	`#00cccc`

CIE-LAB	76.43, -49.725, 2.712
XYZ	32.233, 50.59, 52.319
xyY	0.239, 0.374, 50.59
CIE-LCH	76.43, 49.799, 176.879
CIE-LUV	76.43, -61.442, 11.85
Hunter-Lab	71.126, -43.578, 6.176
Binary	00010010, 11010100, 10110110

#12d4b6
```
#12d4b6 rgb(18,212,182)
```
#d41230
```
#d41230 rgb(212,18,48)
```

Complementary Color

#12d455
```
#12d455 rgb(18,212,85)
```
#12d4b6
```
#12d4b6 rgb(18,212,182)
```
#1291d4
```
#1291d4 rgb(18,145,212)
```

Analogous Color

#d45512
```
#d45512 rgb(212,85,18)
```
#12d4b6
```
#12d4b6 rgb(18,212,182)
```
#d41291
```
#d41291 rgb(212,18,145)
```

Split Complementary Color

#d4b612
```
#d4b612 rgb(212,182,18)
```
#12d4b6
```
#12d4b6 rgb(18,212,182)
```
#b612d4
```
#b612d4 rgb(182,18,212)
```

Triadic Color

#30d412
```
#30d412 rgb(48,212,18)
```
#12d4b6
```
#12d4b6 rgb(18,212,182)
```
#b612d4
```
#b612d4 rgb(182,18,212)
```
#d41230
```
#d41230 rgb(212,18,48)
```

Tetradic Color

#0c8d79
```
#0c8d79 rgb(12,141,121)
```
#0ea58e
```
#0ea58e rgb(14,165,142)
```
#10bca2
```
#10bca2 rgb(16,188,162)
```
#12d4b6
```
#12d4b6 rgb(18,212,182)
```
#14ebca
```
#14ebca rgb(20,235,202)
```
#2cedcf
```
#2cedcf rgb(44,237,207)
```
#43efd5
```
#43efd5 rgb(67,239,213)
```

Monochromatic Color

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

#12d486
```
#12d486 rgb(18,212,134)
```
#12d496
```
#12d496 rgb(18,212,150)
```
#12d4a6
```
#12d4a6 rgb(18,212,166)
```
#12d4b6
```
#12d4b6 rgb(18,212,182)
```
#12d4c6
```
#12d4c6 rgb(18,212,198)
```
#12d2d4
```
#12d2d4 rgb(18,210,212)
```
#12c2d4
```
#12c2d4 rgb(18,194,212)
```

Similar Colors

Text with hexadecimal color #12d4b6

This text has a font color of #12d4b6.

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

#12d4b6 background color

This paragraph has a background color of #12d4b6.

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

#12d4b6 border color

This element has a border color of #12d4b6.

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

CSS codes

.text {color:#12d4b6;}

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

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

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, #010d0b is the darkest color, while #fafffe is the lightest one.

#010d0b
```
#010d0b rgb(1,13,11)
```
#031f1b
```
#031f1b rgb(3,31,27)
```
#04312a
```
#04312a rgb(4,49,42)
```
#06433a
```
#06433a rgb(6,67,58)
```
#075549
```
#075549 rgb(7,85,73)
```
#096859
```
#096859 rgb(9,104,89)
```
#0a7a68
```
#0a7a68 rgb(10,122,104)
```
#0c8c78
```
#0c8c78 rgb(12,140,120)
```
#0d9e87
```
#0d9e87 rgb(13,158,135)
```
#0fb097
```
#0fb097 rgb(15,176,151)
```
#10c2a6
```
#10c2a6 rgb(16,194,166)
```
#12d4b6
```
#12d4b6 rgb(18,212,182)
```
#14e6c6
```
#14e6c6 rgb(20,230,198)
```

Shade Color Variation

#21eccd
```
#21eccd rgb(33,236,205)
```
#33eed1
```
#33eed1 rgb(51,238,209)
```
#45efd5
```
#45efd5 rgb(69,239,213)
```
#57f1d9
```
#57f1d9 rgb(87,241,217)
```
#69f2dd
```
#69f2dd rgb(105,242,221)
```
#7bf4e1
```
#7bf4e1 rgb(123,244,225)
```
#8ef5e5
```
#8ef5e5 rgb(142,245,229)
```
#a0f7e9
```
#a0f7e9 rgb(160,247,233)
```
#b2f8ee
```
#b2f8ee rgb(178,248,238)
```
#c4faf2
```
#c4faf2 rgb(196,250,242)
```
#d6fcf6
```
#d6fcf6 rgb(214,252,246)
```
#e8fdfa
```
#e8fdfa rgb(232,253,250)
```
#fafffe
```
#fafffe rgb(250,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a7c79 is the less saturated color, while #00e6c2 is the most saturated one.

#6a7c79
```
#6a7c79 rgb(106,124,121)
```
#62847f
```
#62847f rgb(98,132,127)
```
#598d85
```
#598d85 rgb(89,141,133)
```
#50968b
```
#50968b rgb(80,150,139)
```
#479f91
```
#479f91 rgb(71,159,145)
```
#3ea897
```
#3ea897 rgb(62,168,151)
```
#35b19e
```
#35b19e rgb(53,177,158)
```
#2db9a4
```
#2db9a4 rgb(45,185,164)
```
#24c2aa
```
#24c2aa rgb(36,194,170)
```
#1bcbb0
```
#1bcbb0 rgb(27,203,176)
```
#12d4b6
```
#12d4b6 rgb(18,212,182)
```
#09ddbc
```
#09ddbc rgb(9,221,188)
```
#00e6c2
```
#00e6c2 rgb(0,230,194)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#7ca39d Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7bfae Protanopia 1% of men
#cfbac3 Deuteranopia 1% of men
#4ad0df Tritanopia 0.001% of the population

Trichromacy

#85c6b1 Protanomaly 1% of men, 0.01% of women
#8ac3be Deuteranomaly 6% of men, 0.4% of women
#36d1d0 Tritanomaly 0.01% of the population

#12d4b6 hex color

#12d4b6 Color Information

#12d4b6 Color Conversion

Color Schemes with #12d4b6

Alternatives to #12d4b6

#12d4b6 Preview

Shades and Tints of #12d4b6

Tones of #12d4b6

Color Blindness Simulator