colorhexa.com

#12d8a7 hex color

In a RGB color space, hex #12d8a7 is composed of 7.1% red, 84.7% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 91.7% cyan, 0% magenta, 22.7% yellow and 15.3% black. It has a hue angle of 165.2 degrees, a saturation of 84.6% and a lightness of 45.9%. #12d8a7 color hex could be obtained by blending #24ffff with #00b14f. Closest websafe color is: #00cc99.

- R 7
- G 85
- B 65
RGB color chart
- C 92
- M 0
- Y 23
- K 15
CMYK color chart

● #12d8a7 color description : Strong cyan.

The hexadecimal color #12d8a7 has RGB values of R:18, G:216, B:167 and CMYK values of C:0.92, M:0, Y:0.23, K:0.15. Its decimal value is 1235111.

Hex triplet	12d8a7	`#12d8a7`
RGB Decimal	18, 216, 167	`rgb(18,216,167)`
RGB Percent	7.1, 84.7, 65.5	`rgb(7.1%,84.7%,65.5%)`
CMYK	92, 0, 23, 15
HSL	165.2°, 84.6, 45.9	`hsl(165.2,84.6%,45.9%)`
HSV (or HSB)	165.2°, 91.7, 84.7
Web Safe	00cc99	`#00cc99`

CIE-LAB	77.297, -55.114, 11.965
XYZ	31.778, 52.027, 44.924
xyY	0.247, 0.404, 52.027
CIE-LCH	77.297, 56.398, 167.752
CIE-LUV	77.297, -63.919, 26.262
Hunter-Lab	72.13, -47.587, 13.563
Binary	00010010, 11011000, 10100111

#12d8a7
```
#12d8a7 rgb(18,216,167)
```
#d81243
```
#d81243 rgb(216,18,67)
```

Complementary Color

#12d844
```
#12d844 rgb(18,216,68)
```
#12d8a7
```
#12d8a7 rgb(18,216,167)
```
#12a6d8
```
#12a6d8 rgb(18,166,216)
```

Analogous Color

#d84412
```
#d84412 rgb(216,68,18)
```
#12d8a7
```
#12d8a7 rgb(18,216,167)
```
#d812a6
```
#d812a6 rgb(216,18,166)
```

Split Complementary Color

#d8a712
```
#d8a712 rgb(216,167,18)
```
#12d8a7
```
#12d8a7 rgb(18,216,167)
```
#a712d8
```
#a712d8 rgb(167,18,216)
```

Triadic Color

#43d812
```
#43d812 rgb(67,216,18)
```
#12d8a7
```
#12d8a7 rgb(18,216,167)
```
#a712d8
```
#a712d8 rgb(167,18,216)
```
#d81243
```
#d81243 rgb(216,18,67)
```

Tetradic Color

#0c9170
```
#0c9170 rgb(12,145,112)
```
#0ea983
```
#0ea983 rgb(14,169,131)
```
#10c095
```
#10c095 rgb(16,192,149)
```
#12d8a7
```
#12d8a7 rgb(18,216,167)
```
#18ecb7
```
#18ecb7 rgb(24,236,183)
```
#2feebf
```
#2feebf rgb(47,238,191)
```
#47f0c6
```
#47f0c6 rgb(71,240,198)
```

Monochromatic Color

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

#12d876
```
#12d876 rgb(18,216,118)
```
#12d886
```
#12d886 rgb(18,216,134)
```
#12d897
```
#12d897 rgb(18,216,151)
```
#12d8a7
```
#12d8a7 rgb(18,216,167)
```
#12d8b8
```
#12d8b8 rgb(18,216,184)
```
#12d8c8
```
#12d8c8 rgb(18,216,200)
```
#12d8d8
```
#12d8d8 rgb(18,216,216)
```

Similar Colors

Text with hexadecimal color #12d8a7

This text has a font color of #12d8a7.

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

#12d8a7 background color

This paragraph has a background color of #12d8a7.

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

#12d8a7 border color

This element has a border color of #12d8a7.

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

CSS codes

.text {color:#12d8a7;}

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

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

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, #01110d is the darkest color, while #feffff is the lightest one.

#01110d
```
#01110d rgb(1,17,13)
```
#03231b
```
#03231b rgb(3,35,27)
```
#043529
```
#043529 rgb(4,53,41)
```
#064737
```
#064737 rgb(6,71,55)
```
#075945
```
#075945 rgb(7,89,69)
```
#096b53
```
#096b53 rgb(9,107,83)
```
#0a7d61
```
#0a7d61 rgb(10,125,97)
```
#0c906f
```
#0c906f rgb(12,144,111)
```
#0da27d
```
#0da27d rgb(13,162,125)
```
#0fb48b
```
#0fb48b rgb(15,180,139)
```
#10c699
```
#10c699 rgb(16,198,153)
```
#12d8a7
```
#12d8a7 rgb(18,216,167)
```
#14eab5
```
#14eab5 rgb(20,234,181)
```

Shade Color Variation

#24edbb
```
#24edbb rgb(36,237,187)
```
#37eec1
```
#37eec1 rgb(55,238,193)
```
#49f0c6
```
#49f0c6 rgb(73,240,198)
```
#5bf1cc
```
#5bf1cc rgb(91,241,204)
```
#6df3d2
```
#6df3d2 rgb(109,243,210)
```
#7ff4d7
```
#7ff4d7 rgb(127,244,215)
```
#91f6dd
```
#91f6dd rgb(145,246,221)
```
#a3f7e3
```
#a3f7e3 rgb(163,247,227)
```
#b5f9e8
```
#b5f9e8 rgb(181,249,232)
```
#c7faee
```
#c7faee rgb(199,250,238)
```
#dafcf3
```
#dafcf3 rgb(218,252,243)
```
#ecfdf9
```
#ecfdf9 rgb(236,253,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#757575
```
#757575 rgb(117,117,117)
```
#6c7e7a
```
#6c7e7a rgb(108,126,122)
```
#63877e
```
#63877e rgb(99,135,126)
```
#5a9083
```
#5a9083 rgb(90,144,131)
```
#519987
```
#519987 rgb(81,153,135)
```
#48a28c
```
#48a28c rgb(72,162,140)
```
#3fab90
```
#3fab90 rgb(63,171,144)
```
#36b495
```
#36b495 rgb(54,180,149)
```
#2dbd99
```
#2dbd99 rgb(45,189,153)
```
#24c69e
```
#24c69e rgb(36,198,158)
```
#1bcfa2
```
#1bcfa2 rgb(27,207,162)
```
#12d8a7
```
#12d8a7 rgb(18,216,167)
```
#09e1ac
```
#09e1ac rgb(9,225,172)
```

Tone Color Variation

Below, you can see how #12d8a7 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
#7ca49a Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdc1a0 Protanopia 1% of men
#d8bbb6 Deuteranopia 1% of men
#54d2e1 Tritanopia 0.001% of the population

Trichromacy

#89c9a2 Protanomaly 1% of men, 0.01% of women
#90c6b0 Deuteranomaly 6% of men, 0.4% of women
#3cd4cc Tritanomaly 0.01% of the population