#12a745 hex color

In a RGB color space, hex #12a745 is composed of 7.1% red, 65.5% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 89.2% cyan, 0% magenta, 58.7% yellow and 34.5% black. It has a hue angle of 140.5 degrees, a saturation of 80.5% and a lightness of 36.3%. #12a745 color hex could be obtained by blending #24ff8a with #004f00. Closest websafe color is: #009933.

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

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

The hexadecimal color #12a745 has RGB values of R:18, G:167, B:69 and CMYK values of C:0.89, M:0, Y:0.59, K:0.35. Its decimal value is 1222469.

Hex triplet	12a745	`#12a745`
RGB Decimal	18, 167, 69	`rgb(18,167,69)`
RGB Percent	7.1, 65.5, 27.1	`rgb(7.1%,65.5%,27.1%)`
CMYK	89, 0, 59, 35
HSL	140.5°, 80.5, 36.3	`hsl(140.5,80.5%,36.3%)`
HSV (or HSB)	140.5°, 89.2, 65.5
Web Safe	009933	`#009933`

CIE-LAB	60.064, -56.813, 40.092
XYZ	15.141, 28.194, 10.274
xyY	0.282, 0.526, 28.194
CIE-LCH	60.064, 69.535, 144.79
CIE-LUV	60.064, -53.618, 56.881
Hunter-Lab	53.098, -42.021, 25.697
Binary	00010010, 10100111, 01000101

#12a745
```
#12a745 rgb(18,167,69)
```
#a71274
```
#a71274 rgb(167,18,116)
```

Complementary Color

#2aa712
```
#2aa712 rgb(42,167,18)
```
#12a745
```
#12a745 rgb(18,167,69)
```
#12a790
```
#12a790 rgb(18,167,144)
```

Analogous Color

#a7122a
```
#a7122a rgb(167,18,42)
```
#12a745
```
#12a745 rgb(18,167,69)
```
#9012a7
```
#9012a7 rgb(144,18,167)
```

Split Complementary Color

#a74512
```
#a74512 rgb(167,69,18)
```
#12a745
```
#12a745 rgb(18,167,69)
```
#4512a7
```
#4512a7 rgb(69,18,167)
```

Triadic Color

#74a712
```
#74a712 rgb(116,167,18)
```
#12a745
```
#12a745 rgb(18,167,69)
```
#4512a7
```
#4512a7 rgb(69,18,167)
```
#a71274
```
#a71274 rgb(167,18,116)
```

Tetradic Color

#0b6228
```
#0b6228 rgb(11,98,40)
```
#0d7932
```
#0d7932 rgb(13,121,50)
```
#10903b
```
#10903b rgb(16,144,59)
```
#12a745
```
#12a745 rgb(18,167,69)
```
#14be4f
```
#14be4f rgb(20,190,79)
```
#17d558
```
#17d558 rgb(23,213,88)
```
#1fe763
```
#1fe763 rgb(31,231,99)
```

Monochromatic Color

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

#12a720
```
#12a720 rgb(18,167,32)
```
#12a72c
```
#12a72c rgb(18,167,44)
```
#12a739
```
#12a739 rgb(18,167,57)
```
#12a745
```
#12a745 rgb(18,167,69)
```
#12a751
```
#12a751 rgb(18,167,81)
```
#12a75e
```
#12a75e rgb(18,167,94)
```
#12a76a
```
#12a76a rgb(18,167,106)
```

Similar Colors

Text with hexadecimal color #12a745

This text has a font color of #12a745.

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

#12a745 background color

This paragraph has a background color of #12a745.

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

#12a745 border color

This element has a border color of #12a745.

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

CSS codes

.text {color:#12a745;}

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

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

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

#010803
```
#010803 rgb(1,8,3)
```
#03190a
```
#03190a rgb(3,25,10)
```
#052b12
```
#052b12 rgb(5,43,18)
```
#073d19
```
#073d19 rgb(7,61,25)
```
#084e20
```
#084e20 rgb(8,78,32)
```
#0a6028
```
#0a6028 rgb(10,96,40)
```
#0c722f
```
#0c722f rgb(12,114,47)
```
#0e8436
```
#0e8436 rgb(14,132,54)
```
#10953e
```
#10953e rgb(16,149,62)
```
#12a745
```
#12a745 rgb(18,167,69)
```
#14b94c
```
#14b94c rgb(20,185,76)
```
#16ca54
```
#16ca54 rgb(22,202,84)
```
#18dc5b
```
#18dc5b rgb(24,220,91)
```

Shade Color Variation

#20e764
```
#20e764 rgb(32,231,100)
```
#32e971
```
#32e971 rgb(50,233,113)
```
#44eb7d
```
#44eb7d rgb(68,235,125)
```
#56ed89
```
#56ed89 rgb(86,237,137)
```
#67ef96
```
#67ef96 rgb(103,239,150)
```
#79f1a2
```
#79f1a2 rgb(121,241,162)
```
#8bf2ae
```
#8bf2ae rgb(139,242,174)
```
#9cf4bb
```
#9cf4bb rgb(156,244,187)
```
#aef6c7
```
#aef6c7 rgb(174,246,199)
```
#c0f8d3
```
#c0f8d3 rgb(192,248,211)
```
#d2fadf
```
#d2fadf rgb(210,250,223)
```
#e3fcec
```
#e3fcec rgb(227,252,236)
```
#f5fef8
```
#f5fef8 rgb(245,254,248)
```

Tint Color Variation

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

#59605b
```
#59605b rgb(89,96,91)
```
#526759
```
#526759 rgb(82,103,89)
```
#4b6e57
```
#4b6e57 rgb(75,110,87)
```
#447555
```
#447555 rgb(68,117,85)
```
#3d7c52
```
#3d7c52 rgb(61,124,82)
```
#368350
```
#368350 rgb(54,131,80)
```
#2e8b4e
```
#2e8b4e rgb(46,139,78)
```
#27924c
```
#27924c rgb(39,146,76)
```
#209949
```
#209949 rgb(32,153,73)
```
#19a047
```
#19a047 rgb(25,160,71)
```
#12a745
```
#12a745 rgb(18,167,69)
```
#0bae43
```
#0bae43 rgb(11,174,67)
```
#04b541
```
#04b541 rgb(4,181,65)
```

Tone Color Variation

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

#a69648 Protanopia 1% of men
#b59059 Deuteranopia 1% of men
#51a1ad Tritanopia 0.001% of the population

Trichromacy

#709c47 Protanomaly 1% of men, 0.01% of women
#7a9851 Deuteranomaly 6% of men, 0.4% of women
#3aa387 Tritanomaly 0.01% of the population

#12a745 hex color

#12a745 Color Information

#12a745 Color Conversion

Color Schemes with #12a745

Alternatives to #12a745

#12a745 Preview

Shades and Tints of #12a745

Tones of #12a745

Color Blindness Simulator