#12a880 hex color

In a RGB color space, hex #12a880 is composed of 7.1% red, 65.9% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 89.3% cyan, 0% magenta, 23.8% yellow and 34.1% black. It has a hue angle of 164 degrees, a saturation of 80.6% and a lightness of 36.5%. #12a880 color hex could be obtained by blending #24ffff with #005101. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 7
- G 66
- B 50
RGB color chart
- C 89
- M 0
- Y 24
- K 34
CMYK color chart

● #12a880 color description : Dark cyan - lime green.

The hexadecimal color #12a880 has RGB values of R:18, G:168, B:128 and CMYK values of C:0.89, M:0, Y:0.24, K:0.34. Its decimal value is 1222784.

Hex triplet	12a880	`#12a880`
RGB Decimal	18, 168, 128	`rgb(18,168,128)`
RGB Percent	7.1, 65.9, 50.2	`rgb(7.1%,65.9%,50.2%)`
CMYK	89, 0, 24, 34
HSL	164°, 80.6, 36.5	`hsl(164,80.6%,36.5%)`
HSV (or HSB)	164°, 89.3, 65.9
Web Safe	009999	`#009999`

CIE-LAB	61.386, -45.651, 10.638
XYZ	18.147, 29.69, 25.195
xyY	0.248, 0.407, 29.69
CIE-LCH	61.386, 46.874, 166.882
CIE-LUV	61.386, -50.429, 21.818
Hunter-Lab	54.489, -35.909, 10.727
Binary	00010010, 10101000, 10000000

#12a880
```
#12a880 rgb(18,168,128)
```
#a8123a
```
#a8123a rgb(168,18,58)
```

Complementary Color

#12a835
```
#12a835 rgb(18,168,53)
```
#12a880
```
#12a880 rgb(18,168,128)
```
#1285a8
```
#1285a8 rgb(18,133,168)
```

Analogous Color

#a83512
```
#a83512 rgb(168,53,18)
```
#12a880
```
#12a880 rgb(18,168,128)
```
#a81285
```
#a81285 rgb(168,18,133)
```

Split Complementary Color

#a88012
```
#a88012 rgb(168,128,18)
```
#12a880
```
#12a880 rgb(18,168,128)
```
#8012a8
```
#8012a8 rgb(128,18,168)
```

Triadic Color

#3aa812
```
#3aa812 rgb(58,168,18)
```
#12a880
```
#12a880 rgb(18,168,128)
```
#8012a8
```
#8012a8 rgb(128,18,168)
```
#a8123a
```
#a8123a rgb(168,18,58)
```

Tetradic Color

#0b634b
```
#0b634b rgb(11,99,75)
```
#0d7a5d
```
#0d7a5d rgb(13,122,93)
```
#10916e
```
#10916e rgb(16,145,110)
```
#12a880
```
#12a880 rgb(18,168,128)
```
#14bf92
```
#14bf92 rgb(20,191,146)
```
#17d6a3
```
#17d6a3 rgb(23,214,163)
```
#1fe7b2
```
#1fe7b2 rgb(31,231,178)
```

Monochromatic Color

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

#12a85a
```
#12a85a rgb(18,168,90)
```
#12a867
```
#12a867 rgb(18,168,103)
```
#12a874
```
#12a874 rgb(18,168,116)
```
#12a880
```
#12a880 rgb(18,168,128)
```
#12a88d
```
#12a88d rgb(18,168,141)
```
#12a899
```
#12a899 rgb(18,168,153)
```
#12a8a6
```
#12a8a6 rgb(18,168,166)
```

Similar Colors

Text with hexadecimal color #12a880

This text has a font color of #12a880.

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

#12a880 background color

This paragraph has a background color of #12a880.

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

#12a880 border color

This element has a border color of #12a880.

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

CSS codes

.text {color:#12a880;}

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

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

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

#010907
```
#010907 rgb(1,9,7)
```
#031a14
```
#031a14 rgb(3,26,20)
```
#052c22
```
#052c22 rgb(5,44,34)
```
#073e2f
```
#073e2f rgb(7,62,47)
```
#094f3d
```
#094f3d rgb(9,79,61)
```
#0a614a
```
#0a614a rgb(10,97,74)
```
#0c7358
```
#0c7358 rgb(12,115,88)
```
#0e8565
```
#0e8565 rgb(14,133,101)
```
#109673
```
#109673 rgb(16,150,115)
```
#12a880
```
#12a880 rgb(18,168,128)
```
#14ba8d
```
#14ba8d rgb(20,186,141)
```
#16cb9b
```
#16cb9b rgb(22,203,155)
```
#18dda8
```
#18dda8 rgb(24,221,168)
```

Shade Color Variation

#21e7b2
```
#21e7b2 rgb(33,231,178)
```
#33e9b9
```
#33e9b9 rgb(51,233,185)
```
#45ebbf
```
#45ebbf rgb(69,235,191)
```
#56edc5
```
#56edc5 rgb(86,237,197)
```
#68efcb
```
#68efcb rgb(104,239,203)
```
#7af1d1
```
#7af1d1 rgb(122,241,209)
```
#8cf3d7
```
#8cf3d7 rgb(140,243,215)
```
#9df5dd
```
#9df5dd rgb(157,245,221)
```
#aff6e3
```
#aff6e3 rgb(175,246,227)
```
#c1f8e9
```
#c1f8e9 rgb(193,248,233)
```
#d2faf0
```
#d2faf0 rgb(210,250,240)
```
#e4fcf6
```
#e4fcf6 rgb(228,252,246)
```
#f6fefc
```
#f6fefc rgb(246,254,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a605f is the less saturated color, while #04b687 is the most saturated one.

#5a605f
```
#5a605f rgb(90,96,95)
```
#526862
```
#526862 rgb(82,104,98)
```
#4b6f65
```
#4b6f65 rgb(75,111,101)
```
#447669
```
#447669 rgb(68,118,105)
```
#3d7d6c
```
#3d7d6c rgb(61,125,108)
```
#36846f
```
#36846f rgb(54,132,111)
```
#2f8b73
```
#2f8b73 rgb(47,139,115)
```
#279376
```
#279376 rgb(39,147,118)
```
#209a79
```
#209a79 rgb(32,154,121)
```
#19a17d
```
#19a17d rgb(25,161,125)
```
#12a880
```
#12a880 rgb(18,168,128)
```
#0baf83
```
#0baf83 rgb(11,175,131)
```
#04b687
```
#04b687 rgb(4,182,135)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#638179 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2997d Protanopia 1% of men
#ac948e Deuteranopia 1% of men
#44a6b2 Tritanopia 0.001% of the population

Trichromacy

#6e9e7e Protanomaly 1% of men, 0.01% of women
#749b89 Deuteranomaly 6% of men, 0.4% of women
#32a7a0 Tritanomaly 0.01% of the population

#12a880 hex color

#12a880 Color Information

#12a880 Color Conversion

Color Schemes with #12a880

Alternatives to #12a880

#12a880 Preview

Shades and Tints of #12a880

Tones of #12a880

Color Blindness Simulator