#12dd96 hex color

In a RGB color space, hex #12dd96 is composed of 7.1% red, 86.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 91.9% cyan, 0% magenta, 32.1% yellow and 13.3% black. It has a hue angle of 159 degrees, a saturation of 84.9% and a lightness of 46.9%. #12dd96 color hex could be obtained by blending #24ffff with #00bb2d. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 7
- G 87
- B 59
RGB color chart
- C 92
- M 0
- Y 32
- K 13
CMYK color chart

● #12dd96 color description : Vivid cyan - lime green.

The hexadecimal color #12dd96 has RGB values of R:18, G:221, B:150 and CMYK values of C:0.92, M:0, Y:0.32, K:0.13. Its decimal value is 1236374.

Hex triplet	12dd96	`#12dd96`
RGB Decimal	18, 221, 150	`rgb(18,221,150)`
RGB Percent	7.1, 86.7, 58.8	`rgb(7.1%,86.7%,58.8%)`
CMYK	92, 0, 32, 13
HSL	159°, 84.9, 46.9	`hsl(159,84.9%,46.9%)`
HSV (or HSB)	159°, 91.9, 86.7
Web Safe	00cc99	`#00cc99`

CIE-LAB	78.485, -60.853, 22.568
XYZ	31.608, 54.04, 37.617
xyY	0.256, 0.438, 54.04
CIE-LCH	78.485, 64.903, 159.652
CIE-LUV	78.485, -66.787, 41.74
Hunter-Lab	73.512, -51.895, 21.119
Binary	00010010, 11011101, 10010110

#12dd96
```
#12dd96 rgb(18,221,150)
```
#dd1259
```
#dd1259 rgb(221,18,89)
```

Complementary Color

#12dd31
```
#12dd31 rgb(18,221,49)
```
#12dd96
```
#12dd96 rgb(18,221,150)
```
#12bfdd
```
#12bfdd rgb(18,191,221)
```

Analogous Color

#dd3112
```
#dd3112 rgb(221,49,18)
```
#12dd96
```
#12dd96 rgb(18,221,150)
```
#dd12bf
```
#dd12bf rgb(221,18,191)
```

Split Complementary Color

#dd9612
```
#dd9612 rgb(221,150,18)
```
#12dd96
```
#12dd96 rgb(18,221,150)
```
#9612dd
```
#9612dd rgb(150,18,221)
```

Triadic Color

#59dd12
```
#59dd12 rgb(89,221,18)
```
#12dd96
```
#12dd96 rgb(18,221,150)
```
#9612dd
```
#9612dd rgb(150,18,221)
```
#dd1259
```
#dd1259 rgb(221,18,89)
```

Tetradic Color

#0c9666
```
#0c9666 rgb(12,150,102)
```
#0eae76
```
#0eae76 rgb(14,174,118)
```
#10c586
```
#10c586 rgb(16,197,134)
```
#12dd96
```
#12dd96 rgb(18,221,150)
```
#1ceda4
```
#1ceda4 rgb(28,237,164)
```
#34eead
```
#34eead rgb(52,238,173)
```
#4bf0b7
```
#4bf0b7 rgb(75,240,183)
```

Monochromatic Color

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

#12dd63
```
#12dd63 rgb(18,221,99)
```
#12dd74
```
#12dd74 rgb(18,221,116)
```
#12dd85
```
#12dd85 rgb(18,221,133)
```
#12dd96
```
#12dd96 rgb(18,221,150)
```
#12dda7
```
#12dda7 rgb(18,221,167)
```
#12ddb8
```
#12ddb8 rgb(18,221,184)
```
#12ddc9
```
#12ddc9 rgb(18,221,201)
```

Similar Colors

Text with hexadecimal color #12dd96

This text has a font color of #12dd96.

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

#12dd96 background color

This paragraph has a background color of #12dd96.

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

#12dd96 border color

This element has a border color of #12dd96.

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

CSS codes

.text {color:#12dd96;}

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

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

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

#000302
```
#000302 rgb(0,3,2)
```
#02150f
```
#02150f rgb(2,21,15)
```
#03281b
```
#03281b rgb(3,40,27)
```
#053a27
```
#053a27 rgb(5,58,39)
```
#064c34
```
#064c34 rgb(6,76,52)
```
#085e40
```
#085e40 rgb(8,94,64)
```
#09704c
```
#09704c rgb(9,112,76)
```
#0b8258
```
#0b8258 rgb(11,130,88)
```
#0c9465
```
#0c9465 rgb(12,148,101)
```
#0ea771
```
#0ea771 rgb(14,167,113)
```
#0fb97d
```
#0fb97d rgb(15,185,125)
```
#11cb8a
```
#11cb8a rgb(17,203,138)
```
#12dd96
```
#12dd96 rgb(18,221,150)
```

Shade Color Variation

#17eca1
```
#17eca1 rgb(23,236,161)
```
#29eea9
```
#29eea9 rgb(41,238,169)
```
#3befb0
```
#3befb0 rgb(59,239,176)
```
#4df0b7
```
#4df0b7 rgb(77,240,183)
```
#5ff2bf
```
#5ff2bf rgb(95,242,191)
```
#71f3c6
```
#71f3c6 rgb(113,243,198)
```
#83f5cd
```
#83f5cd rgb(131,245,205)
```
#96f6d5
```
#96f6d5 rgb(150,246,213)
```
#a8f8dc
```
#a8f8dc rgb(168,248,220)
```
#baf9e3
```
#baf9e3 rgb(186,249,227)
```
#ccfbea
```
#ccfbea rgb(204,251,234)
```
#defcf2
```
#defcf2 rgb(222,252,242)
```
#f0fef9
```
#f0fef9 rgb(240,254,249)
```

Tint Color Variation

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

#777878
```
#777878 rgb(119,120,120)
```
#6e817a
```
#6e817a rgb(110,129,122)
```
#658a7d
```
#658a7d rgb(101,138,125)
```
#5c9380
```
#5c9380 rgb(92,147,128)
```
#529d83
```
#529d83 rgb(82,157,131)
```
#49a685
```
#49a685 rgb(73,166,133)
```
#40af88
```
#40af88 rgb(64,175,136)
```
#37b88b
```
#37b88b rgb(55,184,139)
```
#2ec18e
```
#2ec18e rgb(46,193,142)
```
#24cb90
```
#24cb90 rgb(36,203,144)
```
#1bd493
```
#1bd493 rgb(27,212,147)
```
#12dd96
```
#12dd96 rgb(18,221,150)
```
#09e699
```
#09e699 rgb(9,230,153)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#7da698 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3c590 Protanopia 1% of men
#e2bea6 Deuteranopia 1% of men
#5cd5e4 Tritanopia 0.001% of the population

Trichromacy

#8dcd92 Protanomaly 1% of men, 0.01% of women
#96c9a0 Deuteranomaly 6% of men, 0.4% of women
#41d8c8 Tritanomaly 0.01% of the population

#12dd96 hex color

#12dd96 Color Information

#12dd96 Color Conversion

Color Schemes with #12dd96

Alternatives to #12dd96

#12dd96 Preview

Shades and Tints of #12dd96

Tones of #12dd96

Color Blindness Simulator