#12a166 hex color

In a RGB color space, hex #12a166 is composed of 7.1% red, 63.1% green and 40% blue. Whereas in a CMYK color space, it is composed of 88.8% cyan, 0% magenta, 36.6% yellow and 36.9% black. It has a hue angle of 155.2 degrees, a saturation of 79.9% and a lightness of 35.1%. #12a166 color hex could be obtained by blending #24ffcc with #004300. Closest websafe color is: #009966.

♥
- f
- t
- g
- R 7
- G 63
- B 40
RGB color chart
- C 89
- M 0
- Y 37
- K 37
CMYK color chart

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

The hexadecimal color #12a166 has RGB values of R:18, G:161, B:102 and CMYK values of C:0.89, M:0, Y:0.37, K:0.37. Its decimal value is 1220966.

Hex triplet	12a166	`#12a166`
RGB Decimal	18, 161, 102	`rgb(18,161,102)`
RGB Percent	7.1, 63.1, 40	`rgb(7.1%,63.1%,40%)`
CMYK	89, 0, 37, 37
HSL	155.2°, 79.9, 35.1	`hsl(155.2,79.9%,35.1%)`
HSV (or HSB)	155.2°, 88.8, 63.1
Web Safe	009966	`#009966`

CIE-LAB	58.58, -48.933, 21.128
XYZ	15.391, 26.576, 16.888
xyY	0.262, 0.452, 26.576
CIE-LCH	58.58, 53.3, 156.646
CIE-LUV	58.58, -49.77, 35.316
Hunter-Lab	51.552, -36.923, 16.663
Binary	00010010, 10100001, 01100110

#12a166
```
#12a166 rgb(18,161,102)
```
#a1124d
```
#a1124d rgb(161,18,77)
```

Complementary Color

#12a11f
```
#12a11f rgb(18,161,31)
```
#12a166
```
#12a166 rgb(18,161,102)
```
#1295a1
```
#1295a1 rgb(18,149,161)
```

Analogous Color

#a11f12
```
#a11f12 rgb(161,31,18)
```
#12a166
```
#12a166 rgb(18,161,102)
```
#a11295
```
#a11295 rgb(161,18,149)
```

Split Complementary Color

#a16612
```
#a16612 rgb(161,102,18)
```
#12a166
```
#12a166 rgb(18,161,102)
```
#6612a1
```
#6612a1 rgb(102,18,161)
```

Triadic Color

#4da112
```
#4da112 rgb(77,161,18)
```
#12a166
```
#12a166 rgb(18,161,102)
```
#6612a1
```
#6612a1 rgb(102,18,161)
```
#a1124d
```
#a1124d rgb(161,18,77)
```

Tetradic Color

#0a5c3a
```
#0a5c3a rgb(10,92,58)
```
#0d7349
```
#0d7349 rgb(13,115,73)
```
#0f8a57
```
#0f8a57 rgb(15,138,87)
```
#12a166
```
#12a166 rgb(18,161,102)
```
#15b875
```
#15b875 rgb(21,184,117)
```
#17cf83
```
#17cf83 rgb(23,207,131)
```
#1ae592
```
#1ae592 rgb(26,229,146)
```

Monochromatic Color

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

#12a142
```
#12a142 rgb(18,161,66)
```
#12a14e
```
#12a14e rgb(18,161,78)
```
#12a15a
```
#12a15a rgb(18,161,90)
```
#12a166
```
#12a166 rgb(18,161,102)
```
#12a172
```
#12a172 rgb(18,161,114)
```
#12a17e
```
#12a17e rgb(18,161,126)
```
#12a18a
```
#12a18a rgb(18,161,138)
```

Similar Colors

Text with hexadecimal color #12a166

This text has a font color of #12a166.

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

#12a166 background color

This paragraph has a background color of #12a166.

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

#12a166 border color

This element has a border color of #12a166.

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

CSS codes

.text {color:#12a166;}

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

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

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

#000201
```
#000201 rgb(0,2,1)
```
#02140d
```
#02140d rgb(2,20,13)
```
#042518
```
#042518 rgb(4,37,24)
```
#063723
```
#063723 rgb(6,55,35)
```
#08492e
```
#08492e rgb(8,73,46)
```
#0a5a39
```
#0a5a39 rgb(10,90,57)
```
#0c6c44
```
#0c6c44 rgb(12,108,68)
```
#0e7e50
```
#0e7e50 rgb(14,126,80)
```
#108f5b
```
#108f5b rgb(16,143,91)
```
#12a166
```
#12a166 rgb(18,161,102)
```
#14b371
```
#14b371 rgb(20,179,113)
```
#16c47c
```
#16c47c rgb(22,196,124)
```
#18d688
```
#18d688 rgb(24,214,136)
```

Shade Color Variation

#1ce692
```
#1ce692 rgb(28,230,146)
```
#2de89b
```
#2de89b rgb(45,232,155)
```
#3feaa3
```
#3feaa3 rgb(63,234,163)
```
#51ecac
```
#51ecac rgb(81,236,172)
```
#62edb4
```
#62edb4 rgb(98,237,180)
```
#74efbd
```
#74efbd rgb(116,239,189)
```
#86f1c5
```
#86f1c5 rgb(134,241,197)
```
#97f3cd
```
#97f3cd rgb(151,243,205)
```
#a9f5d6
```
#a9f5d6 rgb(169,245,214)
```
#bbf7de
```
#bbf7de rgb(187,247,222)
```
#ccf9e7
```
#ccf9e7 rgb(204,249,231)
```
#defbef
```
#defbef rgb(222,251,239)
```
#f0fdf8
```
#f0fdf8 rgb(240,253,248)
```

Tint Color Variation

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

#575c5a
```
#575c5a rgb(87,92,90)
```
#50635b
```
#50635b rgb(80,99,91)
```
#496a5c
```
#496a5c rgb(73,106,92)
```
#42715e
```
#42715e rgb(66,113,94)
```
#3b785f
```
#3b785f rgb(59,120,95)
```
#347f60
```
#347f60 rgb(52,127,96)
```
#2e8561
```
#2e8561 rgb(46,133,97)
```
#278c62
```
#278c62 rgb(39,140,98)
```
#209364
```
#209364 rgb(32,147,100)
```
#199a65
```
#199a65 rgb(25,154,101)
```
#12a166
```
#12a166 rgb(18,161,102)
```
#0ba867
```
#0ba867 rgb(11,168,103)
```
#04af68
```
#04af68 rgb(4,175,104)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#5d7a6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9266 Protanopia 1% of men
#aa8d76 Deuteranopia 1% of men
#489ea9 Tritanopia 0.001% of the population

Trichromacy

#6b9766 Protanomaly 1% of men, 0.01% of women
#729470 Deuteranomaly 6% of men, 0.4% of women
#349f91 Tritanomaly 0.01% of the population

#12a166 hex color

#12a166 Color Information

#12a166 Color Conversion

Color Schemes with #12a166

Alternatives to #12a166

#12a166 Preview

Shades and Tints of #12a166

Tones of #12a166

Color Blindness Simulator