#12a545 hex color

In a RGB color space, hex #12a545 is composed of 7.1% red, 64.7% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 89.1% cyan, 0% magenta, 58.2% yellow and 35.3% black. It has a hue angle of 140.8 degrees, a saturation of 80.3% and a lightness of 35.9%. #12a545 color hex could be obtained by blending #24ff8a with #004b00. Closest websafe color is: #009933.

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

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

The hexadecimal color #12a545 has RGB values of R:18, G:165, B:69 and CMYK values of C:0.89, M:0, Y:0.58, K:0.35. Its decimal value is 1221957.

Hex triplet	12a545	`#12a545`
RGB Decimal	18, 165, 69	`rgb(18,165,69)`
RGB Percent	7.1, 64.7, 27.1	`rgb(7.1%,64.7%,27.1%)`
CMYK	89, 0, 58, 35
HSL	140.8°, 80.3, 35.9	`hsl(140.8,80.3%,35.9%)`
HSV (or HSB)	140.8°, 89.1, 64.7
Web Safe	009933	`#009933`

CIE-LAB	59.404, -56.157, 39.315
XYZ	14.778, 27.467, 10.153
xyY	0.282, 0.524, 27.467
CIE-LCH	59.404, 68.551, 145.005
CIE-LUV	59.404, -52.947, 55.837
Hunter-Lab	52.409, -41.384, 25.201
Binary	00010010, 10100101, 01000101

#12a545
```
#12a545 rgb(18,165,69)
```
#a51272
```
#a51272 rgb(165,18,114)
```

Complementary Color

#29a512
```
#29a512 rgb(41,165,18)
```
#12a545
```
#12a545 rgb(18,165,69)
```
#12a58f
```
#12a58f rgb(18,165,143)
```

Analogous Color

#a51229
```
#a51229 rgb(165,18,41)
```
#12a545
```
#12a545 rgb(18,165,69)
```
#8f12a5
```
#8f12a5 rgb(143,18,165)
```

Split Complementary Color

#a54512
```
#a54512 rgb(165,69,18)
```
#12a545
```
#12a545 rgb(18,165,69)
```
#4512a5
```
#4512a5 rgb(69,18,165)
```

Triadic Color

#72a512
```
#72a512 rgb(114,165,18)
```
#12a545
```
#12a545 rgb(18,165,69)
```
#4512a5
```
#4512a5 rgb(69,18,165)
```
#a51272
```
#a51272 rgb(165,18,114)
```

Tetradic Color

#0a6028
```
#0a6028 rgb(10,96,40)
```
#0d7732
```
#0d7732 rgb(13,119,50)
```
#0f8e3b
```
#0f8e3b rgb(15,142,59)
```
#12a545
```
#12a545 rgb(18,165,69)
```
#15bc4f
```
#15bc4f rgb(21,188,79)
```
#17d358
```
#17d358 rgb(23,211,88)
```
#1de663
```
#1de663 rgb(29,230,99)
```

Monochromatic Color

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

#12a520
```
#12a520 rgb(18,165,32)
```
#12a52d
```
#12a52d rgb(18,165,45)
```
#12a539
```
#12a539 rgb(18,165,57)
```
#12a545
```
#12a545 rgb(18,165,69)
```
#12a551
```
#12a551 rgb(18,165,81)
```
#12a55d
```
#12a55d rgb(18,165,93)
```
#12a56a
```
#12a56a rgb(18,165,106)
```

Similar Colors

Text with hexadecimal color #12a545

This text has a font color of #12a545.

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

#12a545 background color

This paragraph has a background color of #12a545.

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

#12a545 border color

This element has a border color of #12a545.

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

CSS codes

.text {color:#12a545;}

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

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

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

#010602
```
#010602 rgb(1,6,2)
```
#03180a
```
#03180a rgb(3,24,10)
```
#042911
```
#042911 rgb(4,41,17)
```
#063b19
```
#063b19 rgb(6,59,25)
```
#084d20
```
#084d20 rgb(8,77,32)
```
#0a5e27
```
#0a5e27 rgb(10,94,39)
```
#0c702f
```
#0c702f rgb(12,112,47)
```
#0e8236
```
#0e8236 rgb(14,130,54)
```
#10933e
```
#10933e rgb(16,147,62)
```
#12a545
```
#12a545 rgb(18,165,69)
```
#14b74c
```
#14b74c rgb(20,183,76)
```
#16c854
```
#16c854 rgb(22,200,84)
```
#18da5b
```
#18da5b rgb(24,218,91)
```

Shade Color Variation

#1fe764
```
#1fe764 rgb(31,231,100)
```
#31e870
```
#31e870 rgb(49,232,112)
```
#42ea7d
```
#42ea7d rgb(66,234,125)
```
#54ec89
```
#54ec89 rgb(84,236,137)
```
#66ee95
```
#66ee95 rgb(102,238,149)
```
#77f0a1
```
#77f0a1 rgb(119,240,161)
```
#89f2ad
```
#89f2ad rgb(137,242,173)
```
#9bf4ba
```
#9bf4ba rgb(155,244,186)
```
#acf6c6
```
#acf6c6 rgb(172,246,198)
```
#bef8d2
```
#bef8d2 rgb(190,248,210)
```
#d0fade
```
#d0fade rgb(208,250,222)
```
#e1fceb
```
#e1fceb rgb(225,252,235)
```
#f3fef7
```
#f3fef7 rgb(243,254,247)
```

Tint Color Variation

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

#585f5b
```
#585f5b rgb(88,95,91)
```
#516658
```
#516658 rgb(81,102,88)
```
#4a6d56
```
#4a6d56 rgb(74,109,86)
```
#437454
```
#437454 rgb(67,116,84)
```
#3c7b52
```
#3c7b52 rgb(60,123,82)
```
#358250
```
#358250 rgb(53,130,80)
```
#2e894e
```
#2e894e rgb(46,137,78)
```
#27904b
```
#27904b rgb(39,144,75)
```
#209749
```
#209749 rgb(32,151,73)
```
#199e47
```
#199e47 rgb(25,158,71)
```
#12a545
```
#12a545 rgb(18,165,69)
```
#0bac43
```
#0bac43 rgb(11,172,67)
```
#04b341
```
#04b341 rgb(4,179,65)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#5c7966 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49448 Protanopia 1% of men
#b38e58 Deuteranopia 1% of men
#509fab Tritanopia 0.001% of the population

Trichromacy

#6f9a47 Protanomaly 1% of men, 0.01% of women
#799651 Deuteranomaly 6% of men, 0.4% of women
#39a186 Tritanomaly 0.01% of the population

#12a545 hex color

#12a545 Color Information

#12a545 Color Conversion

Color Schemes with #12a545

Alternatives to #12a545

#12a545 Preview

Shades and Tints of #12a545

Tones of #12a545

Color Blindness Simulator