#12d5a6 hex color

In a RGB color space, hex #12d5a6 is composed of 7.1% red, 83.5% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 91.5% cyan, 0% magenta, 22.1% yellow and 16.5% black. It has a hue angle of 165.5 degrees, a saturation of 84.4% and a lightness of 45.3%. #12d5a6 color hex could be obtained by blending #24ffff with #00ab4d. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 7
- G 84
- B 65
RGB color chart
- C 92
- M 0
- Y 22
- K 16
CMYK color chart

● #12d5a6 color description : Strong cyan.

The hexadecimal color #12d5a6 has RGB values of R:18, G:213, B:166 and CMYK values of C:0.92, M:0, Y:0.22, K:0.16. Its decimal value is 1234342.

Hex triplet	12d5a6	`#12d5a6`
RGB Decimal	18, 213, 166	`rgb(18,213,166)`
RGB Percent	7.1, 83.5, 65.1	`rgb(7.1%,83.5%,65.1%)`
CMYK	92, 0, 22, 16
HSL	165.5°, 84.4, 45.3	`hsl(165.5,84.4%,45.3%)`
HSV (or HSB)	165.5°, 91.5, 83.5
Web Safe	00cc99	`#00cc99`

CIE-LAB	76.355, -54.19, 11.162
XYZ	30.924, 50.467, 44.186
xyY	0.246, 0.402, 50.467
CIE-LCH	76.355, 55.328, 168.361
CIE-LUV	76.355, -62.99, 24.917
Hunter-Lab	71.04, -46.619, 12.851
Binary	00010010, 11010101, 10100110

#12d5a6
```
#12d5a6 rgb(18,213,166)
```
#d51241
```
#d51241 rgb(213,18,65)
```

Complementary Color

#12d545
```
#12d545 rgb(18,213,69)
```
#12d5a6
```
#12d5a6 rgb(18,213,166)
```
#12a3d5
```
#12a3d5 rgb(18,163,213)
```

Analogous Color

#d54512
```
#d54512 rgb(213,69,18)
```
#12d5a6
```
#12d5a6 rgb(18,213,166)
```
#d512a3
```
#d512a3 rgb(213,18,163)
```

Split Complementary Color

#d5a612
```
#d5a612 rgb(213,166,18)
```
#12d5a6
```
#12d5a6 rgb(18,213,166)
```
#a612d5
```
#a612d5 rgb(166,18,213)
```

Triadic Color

#41d512
```
#41d512 rgb(65,213,18)
```
#12d5a6
```
#12d5a6 rgb(18,213,166)
```
#a612d5
```
#a612d5 rgb(166,18,213)
```
#d51241
```
#d51241 rgb(213,18,65)
```

Tetradic Color

#0c8e6f
```
#0c8e6f rgb(12,142,111)
```
#0ea681
```
#0ea681 rgb(14,166,129)
```
#10bd94
```
#10bd94 rgb(16,189,148)
```
#12d5a6
```
#12d5a6 rgb(18,213,166)
```
#15ebb8
```
#15ebb8 rgb(21,235,184)
```
#2dedbf
```
#2dedbf rgb(45,237,191)
```
#44efc6
```
#44efc6 rgb(68,239,198)
```

Monochromatic Color

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

#12d575
```
#12d575 rgb(18,213,117)
```
#12d586
```
#12d586 rgb(18,213,134)
```
#12d596
```
#12d596 rgb(18,213,150)
```
#12d5a6
```
#12d5a6 rgb(18,213,166)
```
#12d5b6
```
#12d5b6 rgb(18,213,182)
```
#12d5c7
```
#12d5c7 rgb(18,213,199)
```
#12d3d5
```
#12d3d5 rgb(18,211,213)
```

Similar Colors

Text with hexadecimal color #12d5a6

This text has a font color of #12d5a6.

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

#12d5a6 background color

This paragraph has a background color of #12d5a6.

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

#12d5a6 border color

This element has a border color of #12d5a6.

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

CSS codes

.text {color:#12d5a6;}

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

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

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

#010e0b
```
#010e0b rgb(1,14,11)
```
#032019
```
#032019 rgb(3,32,25)
```
#043227
```
#043227 rgb(4,50,39)
```
#064435
```
#064435 rgb(6,68,53)
```
#075643
```
#075643 rgb(7,86,67)
```
#096851
```
#096851 rgb(9,104,81)
```
#0a7b60
```
#0a7b60 rgb(10,123,96)
```
#0c8d6e
```
#0c8d6e rgb(12,141,110)
```
#0d9f7c
```
#0d9f7c rgb(13,159,124)
```
#0fb18a
```
#0fb18a rgb(15,177,138)
```
#10c398
```
#10c398 rgb(16,195,152)
```
#12d5a6
```
#12d5a6 rgb(18,213,166)
```
#14e7b4
```
#14e7b4 rgb(20,231,180)
```

Shade Color Variation

#22ecbc
```
#22ecbc rgb(34,236,188)
```
#34eec1
```
#34eec1 rgb(52,238,193)
```
#46efc7
```
#46efc7 rgb(70,239,199)
```
#58f1cc
```
#58f1cc rgb(88,241,204)
```
#6af2d2
```
#6af2d2 rgb(106,242,210)
```
#7cf4d7
```
#7cf4d7 rgb(124,244,215)
```
#8ef5dd
```
#8ef5dd rgb(142,245,221)
```
#a1f7e2
```
#a1f7e2 rgb(161,247,226)
```
#b3f9e8
```
#b3f9e8 rgb(179,249,232)
```
#c5faed
```
#c5faed rgb(197,250,237)
```
#d7fcf3
```
#d7fcf3 rgb(215,252,243)
```
#e9fdf8
```
#e9fdf8 rgb(233,253,248)
```
#fbfffe
```
#fbfffe rgb(251,255,254)
```

Tint Color Variation

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

#6b7c78
```
#6b7c78 rgb(107,124,120)
```
#62857d
```
#62857d rgb(98,133,125)
```
#598e81
```
#598e81 rgb(89,142,129)
```
#509786
```
#509786 rgb(80,151,134)
```
#47a08a
```
#47a08a rgb(71,160,138)
```
#3ea98f
```
#3ea98f rgb(62,169,143)
```
#36b194
```
#36b194 rgb(54,177,148)
```
#2dba98
```
#2dba98 rgb(45,186,152)
```
#24c39d
```
#24c39d rgb(36,195,157)
```
#1bcca1
```
#1bcca1 rgb(27,204,161)
```
#12d5a6
```
#12d5a6 rgb(18,213,166)
```
#09deab
```
#09deab rgb(9,222,171)
```
#00e7af
```
#00e7af rgb(0,231,175)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#7ba298 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cabf9f Protanopia 1% of men
#d5b9b5 Deuteranopia 1% of men
#52cfdf Tritanopia 0.001% of the population

Trichromacy

#87c7a1 Protanomaly 1% of men, 0.01% of women
#8ec3af Deuteranomaly 6% of men, 0.4% of women
#3bd1ca Tritanomaly 0.01% of the population

#12d5a6 hex color

#12d5a6 Color Information

#12d5a6 Color Conversion

Color Schemes with #12d5a6

Alternatives to #12d5a6

#12d5a6 Preview

Shades and Tints of #12d5a6

Tones of #12d5a6

Color Blindness Simulator