#12a77f hex color

In a RGB color space, hex #12a77f is composed of 7.1% red, 65.5% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 89.2% cyan, 0% magenta, 24% yellow and 34.5% black. It has a hue angle of 163.9 degrees, a saturation of 80.5% and a lightness of 36.3%. #12a77f color hex could be obtained by blending #24fffe with #004f00. Closest websafe color is: #009966.

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

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

The hexadecimal color #12a77f has RGB values of R:18, G:167, B:127 and CMYK values of C:0.89, M:0, Y:0.24, K:0.35. Its decimal value is 1222527.

Hex triplet	12a77f	`#12a77f`
RGB Decimal	18, 167, 127	`rgb(18,167,127)`
RGB Percent	7.1, 65.5, 49.8	`rgb(7.1%,65.5%,49.8%)`
CMYK	89, 0, 24, 35
HSL	163.9°, 80.5, 36.3	`hsl(163.9,80.5%,36.3%)`
HSV (or HSB)	163.9°, 89.2, 65.5
Web Safe	009966	`#009966`

CIE-LAB	61.042, -45.494, 10.709
XYZ	17.897, 29.296, 24.789
xyY	0.249, 0.407, 29.296
CIE-LCH	61.042, 46.737, 166.754
CIE-LUV	61.042, -50.152, 21.862
Hunter-Lab	54.126, -35.698, 10.734
Binary	00010010, 10100111, 01111111

#12a77f
```
#12a77f rgb(18,167,127)
```
#a7123a
```
#a7123a rgb(167,18,58)
```

Complementary Color

#12a734
```
#12a734 rgb(18,167,52)
```
#12a77f
```
#12a77f rgb(18,167,127)
```
#1285a7
```
#1285a7 rgb(18,133,167)
```

Analogous Color

#a73512
```
#a73512 rgb(167,53,18)
```
#12a77f
```
#12a77f rgb(18,167,127)
```
#a71285
```
#a71285 rgb(167,18,133)
```

Split Complementary Color

#a77f12
```
#a77f12 rgb(167,127,18)
```
#12a77f
```
#12a77f rgb(18,167,127)
```
#7f12a7
```
#7f12a7 rgb(127,18,167)
```

Triadic Color

#3aa712
```
#3aa712 rgb(58,167,18)
```
#12a77f
```
#12a77f rgb(18,167,127)
```
#7f12a7
```
#7f12a7 rgb(127,18,167)
```
#a7123a
```
#a7123a rgb(167,18,58)
```

Tetradic Color

#0b624a
```
#0b624a rgb(11,98,74)
```
#0d795c
```
#0d795c rgb(13,121,92)
```
#10906d
```
#10906d rgb(16,144,109)
```
#12a77f
```
#12a77f rgb(18,167,127)
```
#14be91
```
#14be91 rgb(20,190,145)
```
#17d5a2
```
#17d5a2 rgb(23,213,162)
```
#1fe7b1
```
#1fe7b1 rgb(31,231,177)
```

Monochromatic Color

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

#12a75a
```
#12a75a rgb(18,167,90)
```
#12a766
```
#12a766 rgb(18,167,102)
```
#12a773
```
#12a773 rgb(18,167,115)
```
#12a77f
```
#12a77f rgb(18,167,127)
```
#12a78b
```
#12a78b rgb(18,167,139)
```
#12a798
```
#12a798 rgb(18,167,152)
```
#12a7a4
```
#12a7a4 rgb(18,167,164)
```

Similar Colors

Text with hexadecimal color #12a77f

This text has a font color of #12a77f.

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

#12a77f background color

This paragraph has a background color of #12a77f.

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

#12a77f border color

This element has a border color of #12a77f.

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

CSS codes

.text {color:#12a77f;}

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

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

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

#010806
```
#010806 rgb(1,8,6)
```
#031913
```
#031913 rgb(3,25,19)
```
#052b21
```
#052b21 rgb(5,43,33)
```
#073d2e
```
#073d2e rgb(7,61,46)
```
#084e3c
```
#084e3c rgb(8,78,60)
```
#0a6049
```
#0a6049 rgb(10,96,73)
```
#0c7257
```
#0c7257 rgb(12,114,87)
```
#0e8464
```
#0e8464 rgb(14,132,100)
```
#109572
```
#109572 rgb(16,149,114)
```
#12a77f
```
#12a77f rgb(18,167,127)
```
#14b98c
```
#14b98c rgb(20,185,140)
```
#16ca9a
```
#16ca9a rgb(22,202,154)
```
#18dca7
```
#18dca7 rgb(24,220,167)
```

Shade Color Variation

#20e7b2
```
#20e7b2 rgb(32,231,178)
```
#32e9b8
```
#32e9b8 rgb(50,233,184)
```
#44ebbe
```
#44ebbe rgb(68,235,190)
```
#56edc4
```
#56edc4 rgb(86,237,196)
```
#67efca
```
#67efca rgb(103,239,202)
```
#79f1d0
```
#79f1d0 rgb(121,241,208)
```
#8bf2d7
```
#8bf2d7 rgb(139,242,215)
```
#9cf4dd
```
#9cf4dd rgb(156,244,221)
```
#aef6e3
```
#aef6e3 rgb(174,246,227)
```
#c0f8e9
```
#c0f8e9 rgb(192,248,233)
```
#d2faef
```
#d2faef rgb(210,250,239)
```
#e3fcf5
```
#e3fcf5 rgb(227,252,245)
```
#f5fefc
```
#f5fefc rgb(245,254,252)
```

Tint Color Variation

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

#59605e
```
#59605e rgb(89,96,94)
```
#526761
```
#526761 rgb(82,103,97)
```
#4b6e65
```
#4b6e65 rgb(75,110,101)
```
#447568
```
#447568 rgb(68,117,104)
```
#3d7c6b
```
#3d7c6b rgb(61,124,107)
```
#36836f
```
#36836f rgb(54,131,111)
```
#2e8b72
```
#2e8b72 rgb(46,139,114)
```
#279275
```
#279275 rgb(39,146,117)
```
#209978
```
#209978 rgb(32,153,120)
```
#19a07c
```
#19a07c rgb(25,160,124)
```
#12a77f
```
#12a77f rgb(18,167,127)
```
#0bae82
```
#0bae82 rgb(11,174,130)
```
#04b586
```
#04b586 rgb(4,181,134)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#628078 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1987c Protanopia 1% of men
#ab938d Deuteranopia 1% of men
#44a5b1 Tritanopia 0.001% of the population

Trichromacy

#6d9d7d Protanomaly 1% of men, 0.01% of women
#739a88 Deuteranomaly 6% of men, 0.4% of women
#32a69f Tritanomaly 0.01% of the population

#12a77f hex color

#12a77f Color Information

#12a77f Color Conversion

Color Schemes with #12a77f

Alternatives to #12a77f

#12a77f Preview

Shades and Tints of #12a77f

Tones of #12a77f

Color Blindness Simulator