#12a367 hex color

In a RGB color space, hex #12a367 is composed of 7.1% red, 63.9% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 89% cyan, 0% magenta, 36.8% yellow and 36.1% black. It has a hue angle of 155.2 degrees, a saturation of 80.1% and a lightness of 35.5%. #12a367 color hex could be obtained by blending #24ffce with #004700. Closest websafe color is: #009966.

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

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

The hexadecimal color #12a367 has RGB values of R:18, G:163, B:103 and CMYK values of C:0.89, M:0, Y:0.37, K:0.36. Its decimal value is 1221479.

Hex triplet	12a367	`#12a367`
RGB Decimal	18, 163, 103	`rgb(18,163,103)`
RGB Percent	7.1, 63.9, 40.4	`rgb(7.1%,63.9%,40.4%)`
CMYK	89, 0, 37, 36
HSL	155.2°, 80.1, 35.5	`hsl(155.2,80.1%,35.5%)`
HSV (or HSB)	155.2°, 89, 63.9
Web Safe	009966	`#009966`

CIE-LAB	59.251, -49.475, 21.486
XYZ	15.794, 27.301, 17.268
xyY	0.262, 0.452, 27.301
CIE-LCH	59.251, 53.939, 156.526
CIE-LUV	59.251, -50.398, 35.935
Hunter-Lab	52.25, -37.482, 16.98
Binary	00010010, 10100011, 01100111

#12a367
```
#12a367 rgb(18,163,103)
```
#a3124e
```
#a3124e rgb(163,18,78)
```

Complementary Color

#12a31f
```
#12a31f rgb(18,163,31)
```
#12a367
```
#12a367 rgb(18,163,103)
```
#1297a3
```
#1297a3 rgb(18,151,163)
```

Analogous Color

#a31f12
```
#a31f12 rgb(163,31,18)
```
#12a367
```
#12a367 rgb(18,163,103)
```
#a31297
```
#a31297 rgb(163,18,151)
```

Split Complementary Color

#a36712
```
#a36712 rgb(163,103,18)
```
#12a367
```
#12a367 rgb(18,163,103)
```
#6712a3
```
#6712a3 rgb(103,18,163)
```

Triadic Color

#4ea312
```
#4ea312 rgb(78,163,18)
```
#12a367
```
#12a367 rgb(18,163,103)
```
#6712a3
```
#6712a3 rgb(103,18,163)
```
#a3124e
```
#a3124e rgb(163,18,78)
```

Tetradic Color

#0a5e3b
```
#0a5e3b rgb(10,94,59)
```
#0d754a
```
#0d754a rgb(13,117,74)
```
#0f8c58
```
#0f8c58 rgb(15,140,88)
```
#12a367
```
#12a367 rgb(18,163,103)
```
#15ba76
```
#15ba76 rgb(21,186,118)
```
#17d184
```
#17d184 rgb(23,209,132)
```
#1ce692
```
#1ce692 rgb(28,230,146)
```

Monochromatic Color

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

#12a343
```
#12a343 rgb(18,163,67)
```
#12a34f
```
#12a34f rgb(18,163,79)
```
#12a35b
```
#12a35b rgb(18,163,91)
```
#12a367
```
#12a367 rgb(18,163,103)
```
#12a373
```
#12a373 rgb(18,163,115)
```
#12a37f
```
#12a37f rgb(18,163,127)
```
#12a38b
```
#12a38b rgb(18,163,139)
```

Similar Colors

Text with hexadecimal color #12a367

This text has a font color of #12a367.

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

#12a367 background color

This paragraph has a background color of #12a367.

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

#12a367 border color

This element has a border color of #12a367.

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

CSS codes

.text {color:#12a367;}

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

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

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

#000403
```
#000403 rgb(0,4,3)
```
#02160e
```
#02160e rgb(2,22,14)
```
#042719
```
#042719 rgb(4,39,25)
```
#063924
```
#063924 rgb(6,57,36)
```
#084b2f
```
#084b2f rgb(8,75,47)
```
#0a5c3a
```
#0a5c3a rgb(10,92,58)
```
#0c6e46
```
#0c6e46 rgb(12,110,70)
```
#0e8051
```
#0e8051 rgb(14,128,81)
```
#10915c
```
#10915c rgb(16,145,92)
```
#12a367
```
#12a367 rgb(18,163,103)
```
#14b572
```
#14b572 rgb(20,181,114)
```
#16c67d
```
#16c67d rgb(22,198,125)
```
#18d888
```
#18d888 rgb(24,216,136)
```

Shade Color Variation

#1de693
```
#1de693 rgb(29,230,147)
```
#2fe89b
```
#2fe89b rgb(47,232,155)
```
#41eaa4
```
#41eaa4 rgb(65,234,164)
```
#52ecac
```
#52ecac rgb(82,236,172)
```
#64eeb5
```
#64eeb5 rgb(100,238,181)
```
#76f0bd
```
#76f0bd rgb(118,240,189)
```
#87f2c6
```
#87f2c6 rgb(135,242,198)
```
#99f4ce
```
#99f4ce rgb(153,244,206)
```
#abf6d7
```
#abf6d7 rgb(171,246,215)
```
#bcf8df
```
#bcf8df rgb(188,248,223)
```
#cefae8
```
#cefae8 rgb(206,250,232)
```
#e0fcf0
```
#e0fcf0 rgb(224,252,240)
```
#f1fdf8
```
#f1fdf8 rgb(241,253,248)
```

Tint Color Variation

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

#585d5b
```
#585d5b rgb(88,93,91)
```
#51645c
```
#51645c rgb(81,100,92)
```
#4a6b5d
```
#4a6b5d rgb(74,107,93)
```
#43725f
```
#43725f rgb(67,114,95)
```
#3c7960
```
#3c7960 rgb(60,121,96)
```
#358061
```
#358061 rgb(53,128,97)
```
#2e8762
```
#2e8762 rgb(46,135,98)
```
#278e63
```
#278e63 rgb(39,142,99)
```
#209565
```
#209565 rgb(32,149,101)
```
#199c66
```
#199c66 rgb(25,156,102)
```
#12a367
```
#12a367 rgb(18,163,103)
```
#0baa68
```
#0baa68 rgb(11,170,104)
```
#04b169
```
#04b169 rgb(4,177,105)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#5e7b6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09467 Protanopia 1% of men
#ac8e77 Deuteranopia 1% of men
#49a0ab Tritanopia 0.001% of the population

Trichromacy

#6c9967 Protanomaly 1% of men, 0.01% of women
#749671 Deuteranomaly 6% of men, 0.4% of women
#35a192 Tritanomaly 0.01% of the population

#12a367 hex color

#12a367 Color Information

#12a367 Color Conversion

Color Schemes with #12a367

Alternatives to #12a367

#12a367 Preview

Shades and Tints of #12a367

Tones of #12a367

Color Blindness Simulator