#12a648 hex color

In a RGB color space, hex #12a648 is composed of 7.1% red, 65.1% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 89.2% cyan, 0% magenta, 56.6% yellow and 34.9% black. It has a hue angle of 141.9 degrees, a saturation of 80.4% and a lightness of 36.1%. #12a648 color hex could be obtained by blending #24ff90 with #004d00. Closest websafe color is: #009933.

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

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

The hexadecimal color #12a648 has RGB values of R:18, G:166, B:72 and CMYK values of C:0.89, M:0, Y:0.57, K:0.35. Its decimal value is 1222216.

Hex triplet	12a648	`#12a648`
RGB Decimal	18, 166, 72	`rgb(18,166,72)`
RGB Percent	7.1, 65.1, 28.2	`rgb(7.1%,65.1%,28.2%)`
CMYK	89, 0, 57, 35
HSL	141.9°, 80.4, 36.1	`hsl(141.9,80.4%,36.1%)`
HSV (or HSB)	141.9°, 89.2, 65.1
Web Safe	009933	`#009933`

CIE-LAB	59.769, -56.062, 38.296
XYZ	15.054, 27.867, 10.716
xyY	0.281, 0.52, 27.867
CIE-LCH	59.769, 67.893, 145.663
CIE-LUV	59.769, -53.145, 54.999
Hunter-Lab	52.789, -41.477, 24.917
Binary	00010010, 10100110, 01001000

#12a648
```
#12a648 rgb(18,166,72)
```
#a61270
```
#a61270 rgb(166,18,112)
```

Complementary Color

#26a612
```
#26a612 rgb(38,166,18)
```
#12a648
```
#12a648 rgb(18,166,72)
```
#12a692
```
#12a692 rgb(18,166,146)
```

Analogous Color

#a61226
```
#a61226 rgb(166,18,38)
```
#12a648
```
#12a648 rgb(18,166,72)
```
#9212a6
```
#9212a6 rgb(146,18,166)
```

Split Complementary Color

#a64812
```
#a64812 rgb(166,72,18)
```
#12a648
```
#12a648 rgb(18,166,72)
```
#4812a6
```
#4812a6 rgb(72,18,166)
```

Triadic Color

#70a612
```
#70a612 rgb(112,166,18)
```
#12a648
```
#12a648 rgb(18,166,72)
```
#4812a6
```
#4812a6 rgb(72,18,166)
```
#a61270
```
#a61270 rgb(166,18,112)
```

Tetradic Color

#0b612a
```
#0b612a rgb(11,97,42)
```
#0d7834
```
#0d7834 rgb(13,120,52)
```
#108f3e
```
#108f3e rgb(16,143,62)
```
#12a648
```
#12a648 rgb(18,166,72)
```
#14bd52
```
#14bd52 rgb(20,189,82)
```
#17d45c
```
#17d45c rgb(23,212,92)
```
#1ee767
```
#1ee767 rgb(30,231,103)
```

Monochromatic Color

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

#12a623
```
#12a623 rgb(18,166,35)
```
#12a62f
```
#12a62f rgb(18,166,47)
```
#12a63c
```
#12a63c rgb(18,166,60)
```
#12a648
```
#12a648 rgb(18,166,72)
```
#12a654
```
#12a654 rgb(18,166,84)
```
#12a661
```
#12a661 rgb(18,166,97)
```
#12a66d
```
#12a66d rgb(18,166,109)
```

Similar Colors

Text with hexadecimal color #12a648

This text has a font color of #12a648.

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

#12a648 background color

This paragraph has a background color of #12a648.

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

#12a648 border color

This element has a border color of #12a648.

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

CSS codes

.text {color:#12a648;}

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

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

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

#010703
```
#010703 rgb(1,7,3)
```
#03180b
```
#03180b rgb(3,24,11)
```
#052a12
```
#052a12 rgb(5,42,18)
```
#063c1a
```
#063c1a rgb(6,60,26)
```
#084e22
```
#084e22 rgb(8,78,34)
```
#0a5f29
```
#0a5f29 rgb(10,95,41)
```
#0c7131
```
#0c7131 rgb(12,113,49)
```
#0e8339
```
#0e8339 rgb(14,131,57)
```
#109440
```
#109440 rgb(16,148,64)
```
#12a648
```
#12a648 rgb(18,166,72)
```
#14b850
```
#14b850 rgb(20,184,80)
```
#16c957
```
#16c957 rgb(22,201,87)
```
#18db5f
```
#18db5f rgb(24,219,95)
```

Shade Color Variation

#20e768
```
#20e768 rgb(32,231,104)
```
#31e974
```
#31e974 rgb(49,233,116)
```
#43eb80
```
#43eb80 rgb(67,235,128)
```
#55ed8c
```
#55ed8c rgb(85,237,140)
```
#66ee98
```
#66ee98 rgb(102,238,152)
```
#78f0a4
```
#78f0a4 rgb(120,240,164)
```
#8af2b0
```
#8af2b0 rgb(138,242,176)
```
#9cf4bc
```
#9cf4bc rgb(156,244,188)
```
#adf6c8
```
#adf6c8 rgb(173,246,200)
```
#bff8d4
```
#bff8d4 rgb(191,248,212)
```
#d1fae0
```
#d1fae0 rgb(209,250,224)
```
#e2fcec
```
#e2fcec rgb(226,252,236)
```
#f4fef8
```
#f4fef8 rgb(244,254,248)
```

Tint Color Variation

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

#595f5b
```
#595f5b rgb(89,95,91)
```
#526659
```
#526659 rgb(82,102,89)
```
#4b6d57
```
#4b6d57 rgb(75,109,87)
```
#447455
```
#447455 rgb(68,116,85)
```
#3c7c53
```
#3c7c53 rgb(60,124,83)
```
#358352
```
#358352 rgb(53,131,82)
```
#2e8a50
```
#2e8a50 rgb(46,138,80)
```
#27914e
```
#27914e rgb(39,145,78)
```
#20984c
```
#20984c rgb(32,152,76)
```
#199f4a
```
#199f4a rgb(25,159,74)
```
#12a648
```
#12a648 rgb(18,166,72)
```
#0bad46
```
#0bad46 rgb(11,173,70)
```
#04b444
```
#04b444 rgb(4,180,68)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#5c7a67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5954a Protanopia 1% of men
#b48f5b Deuteranopia 1% of men
#50a0ac Tritanopia 0.001% of the population

Trichromacy

#6f9b49 Protanomaly 1% of men, 0.01% of women
#799754 Deuteranomaly 6% of men, 0.4% of women
#3aa288 Tritanomaly 0.01% of the population

#12a648 hex color

#12a648 Color Information

#12a648 Color Conversion

Color Schemes with #12a648

Alternatives to #12a648

#12a648 Preview

Shades and Tints of #12a648

Tones of #12a648

Color Blindness Simulator