#12a856 hex color

In a RGB color space, hex #12a856 is composed of 7.1% red, 65.9% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 89.3% cyan, 0% magenta, 48.8% yellow and 34.1% black. It has a hue angle of 147.2 degrees, a saturation of 80.6% and a lightness of 36.5%. #12a856 color hex could be obtained by blending #24ffac with #005100. Closest websafe color is: #009966.

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

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

The hexadecimal color #12a856 has RGB values of R:18, G:168, B:86 and CMYK values of C:0.89, M:0, Y:0.49, K:0.34. Its decimal value is 1222742.

Hex triplet	12a856	`#12a856`
RGB Decimal	18, 168, 86	`rgb(18,168,86)`
RGB Percent	7.1, 65.9, 33.7	`rgb(7.1%,65.9%,33.7%)`
CMYK	89, 0, 49, 34
HSL	147.2°, 80.6, 36.5	`hsl(147.2,80.6%,36.5%)`
HSV (or HSB)	147.2°, 89.3, 65.9
Web Safe	009966	`#009966`

CIE-LAB	60.608, -54.53, 32.296
XYZ	15.931, 28.804, 13.524
xyY	0.273, 0.494, 28.804
CIE-LCH	60.608, 63.376, 149.364
CIE-LUV	60.608, -53.113, 49.066
Hunter-Lab	53.669, -40.937, 22.629
Binary	00010010, 10101000, 01010110

#12a856
```
#12a856 rgb(18,168,86)
```
#a81264
```
#a81264 rgb(168,18,100)
```

Complementary Color

#19a812
```
#19a812 rgb(25,168,18)
```
#12a856
```
#12a856 rgb(18,168,86)
```
#12a8a1
```
#12a8a1 rgb(18,168,161)
```

Analogous Color

#a81219
```
#a81219 rgb(168,18,25)
```
#12a856
```
#12a856 rgb(18,168,86)
```
#a112a8
```
#a112a8 rgb(161,18,168)
```

Split Complementary Color

#a85612
```
#a85612 rgb(168,86,18)
```
#12a856
```
#12a856 rgb(18,168,86)
```
#5612a8
```
#5612a8 rgb(86,18,168)
```

Triadic Color

#64a812
```
#64a812 rgb(100,168,18)
```
#12a856
```
#12a856 rgb(18,168,86)
```
#5612a8
```
#5612a8 rgb(86,18,168)
```
#a81264
```
#a81264 rgb(168,18,100)
```

Tetradic Color

#0b6333
```
#0b6333 rgb(11,99,51)
```
#0d7a3e
```
#0d7a3e rgb(13,122,62)
```
#10914a
```
#10914a rgb(16,145,74)
```
#12a856
```
#12a856 rgb(18,168,86)
```
#14bf62
```
#14bf62 rgb(20,191,98)
```
#17d66e
```
#17d66e rgb(23,214,110)
```
#1fe77a
```
#1fe77a rgb(31,231,122)
```

Monochromatic Color

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

#12a831
```
#12a831 rgb(18,168,49)
```
#12a83d
```
#12a83d rgb(18,168,61)
```
#12a84a
```
#12a84a rgb(18,168,74)
```
#12a856
```
#12a856 rgb(18,168,86)
```
#12a863
```
#12a863 rgb(18,168,99)
```
#12a86f
```
#12a86f rgb(18,168,111)
```
#12a87c
```
#12a87c rgb(18,168,124)
```

Similar Colors

Text with hexadecimal color #12a856

This text has a font color of #12a856.

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

#12a856 background color

This paragraph has a background color of #12a856.

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

#12a856 border color

This element has a border color of #12a856.

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

CSS codes

.text {color:#12a856;}

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

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

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

#010904
```
#010904 rgb(1,9,4)
```
#031a0d
```
#031a0d rgb(3,26,13)
```
#052c17
```
#052c17 rgb(5,44,23)
```
#073e20
```
#073e20 rgb(7,62,32)
```
#094f29
```
#094f29 rgb(9,79,41)
```
#0a6132
```
#0a6132 rgb(10,97,50)
```
#0c733b
```
#0c733b rgb(12,115,59)
```
#0e8544
```
#0e8544 rgb(14,133,68)
```
#10964d
```
#10964d rgb(16,150,77)
```
#12a856
```
#12a856 rgb(18,168,86)
```
#14ba5f
```
#14ba5f rgb(20,186,95)
```
#16cb68
```
#16cb68 rgb(22,203,104)
```
#18dd71
```
#18dd71 rgb(24,221,113)
```

Shade Color Variation

#21e77b
```
#21e77b rgb(33,231,123)
```
#33e986
```
#33e986 rgb(51,233,134)
```
#45eb90
```
#45eb90 rgb(69,235,144)
```
#56ed9b
```
#56ed9b rgb(86,237,155)
```
#68efa5
```
#68efa5 rgb(104,239,165)
```
#7af1b0
```
#7af1b0 rgb(122,241,176)
```
#8cf3ba
```
#8cf3ba rgb(140,243,186)
```
#9df5c5
```
#9df5c5 rgb(157,245,197)
```
#aff6cf
```
#aff6cf rgb(175,246,207)
```
#c1f8da
```
#c1f8da rgb(193,248,218)
```
#d2fae4
```
#d2fae4 rgb(210,250,228)
```
#e4fcef
```
#e4fcef rgb(228,252,239)
```
#f6fefa
```
#f6fefa rgb(246,254,250)
```

Tint Color Variation

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

#5a605d
```
#5a605d rgb(90,96,93)
```
#52685c
```
#52685c rgb(82,104,92)
```
#4b6f5b
```
#4b6f5b rgb(75,111,91)
```
#44765b
```
#44765b rgb(68,118,91)
```
#3d7d5a
```
#3d7d5a rgb(61,125,90)
```
#368459
```
#368459 rgb(54,132,89)
```
#2f8b59
```
#2f8b59 rgb(47,139,89)
```
#279358
```
#279358 rgb(39,147,88)
```
#209a57
```
#209a57 rgb(32,154,87)
```
#19a157
```
#19a157 rgb(25,161,87)
```
#12a856
```
#12a856 rgb(18,168,86)
```
#0baf55
```
#0baf55 rgb(11,175,85)
```
#04b655
```
#04b655 rgb(4,182,85)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#5f7d6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69757 Protanopia 1% of men
#b49168 Deuteranopia 1% of men
#4fa3af Tritanopia 0.001% of the population

Trichromacy

#709d57 Protanomaly 1% of men, 0.01% of women
#799961 Deuteranomaly 6% of men, 0.4% of women
#39a58e Tritanomaly 0.01% of the population

#12a856 hex color

#12a856 Color Information

#12a856 Color Conversion

Color Schemes with #12a856

Alternatives to #12a856

#12a856 Preview

Shades and Tints of #12a856

Tones of #12a856

Color Blindness Simulator