#12a252 hex color

In a RGB color space, hex #12a252 is composed of 7.1% red, 63.5% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 88.9% cyan, 0% magenta, 49.4% yellow and 36.5% black. It has a hue angle of 146.7 degrees, a saturation of 80% and a lightness of 35.3%. #12a252 color hex could be obtained by blending #24ffa4 with #004500. Closest websafe color is: #009966.

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

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

The hexadecimal color #12a252 has RGB values of R:18, G:162, B:82 and CMYK values of C:0.89, M:0, Y:0.49, K:0.36. Its decimal value is 1221202.

Hex triplet	12a252	`#12a252`
RGB Decimal	18, 162, 82	`rgb(18,162,82)`
RGB Percent	7.1, 63.5, 32.2	`rgb(7.1%,63.5%,32.2%)`
CMYK	89, 0, 49, 36
HSL	146.7°, 80, 35.3	`hsl(146.7,80%,35.3%)`
HSV (or HSB)	146.7°, 88.9, 63.5
Web Safe	009966	`#009966`

CIE-LAB	58.581, -53.13, 31.807
XYZ	14.692, 26.577, 12.338
xyY	0.274, 0.496, 26.577
CIE-LCH	58.581, 61.923, 149.093
CIE-LUV	58.581, -51.291, 47.809
Hunter-Lab	51.553, -39.348, 21.898
Binary	00010010, 10100010, 01010010

#12a252
```
#12a252 rgb(18,162,82)
```
#a21262
```
#a21262 rgb(162,18,98)
```

Complementary Color

#1aa212
```
#1aa212 rgb(26,162,18)
```
#12a252
```
#12a252 rgb(18,162,82)
```
#12a29a
```
#12a29a rgb(18,162,154)
```

Analogous Color

#a2121a
```
#a2121a rgb(162,18,26)
```
#12a252
```
#12a252 rgb(18,162,82)
```
#9a12a2
```
#9a12a2 rgb(154,18,162)
```

Split Complementary Color

#a25212
```
#a25212 rgb(162,82,18)
```
#12a252
```
#12a252 rgb(18,162,82)
```
#5212a2
```
#5212a2 rgb(82,18,162)
```

Triadic Color

#62a212
```
#62a212 rgb(98,162,18)
```
#12a252
```
#12a252 rgb(18,162,82)
```
#5212a2
```
#5212a2 rgb(82,18,162)
```
#a21262
```
#a21262 rgb(162,18,98)
```

Tetradic Color

#0a5d2f
```
#0a5d2f rgb(10,93,47)
```
#0d743b
```
#0d743b rgb(13,116,59)
```
#0f8b46
```
#0f8b46 rgb(15,139,70)
```
#12a252
```
#12a252 rgb(18,162,82)
```
#15b95e
```
#15b95e rgb(21,185,94)
```
#17d069
```
#17d069 rgb(23,208,105)
```
#1be675
```
#1be675 rgb(27,230,117)
```

Monochromatic Color

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

#12a22e
```
#12a22e rgb(18,162,46)
```
#12a23a
```
#12a23a rgb(18,162,58)
```
#12a246
```
#12a246 rgb(18,162,70)
```
#12a252
```
#12a252 rgb(18,162,82)
```
#12a25e
```
#12a25e rgb(18,162,94)
```
#12a26a
```
#12a26a rgb(18,162,106)
```
#12a276
```
#12a276 rgb(18,162,118)
```

Similar Colors

Text with hexadecimal color #12a252

This text has a font color of #12a252.

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

#12a252 background color

This paragraph has a background color of #12a252.

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

#12a252 border color

This element has a border color of #12a252.

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

CSS codes

.text {color:#12a252;}

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

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

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

#000302
```
#000302 rgb(0,3,2)
```
#02150b
```
#02150b rgb(2,21,11)
```
#042613
```
#042613 rgb(4,38,19)
```
#06381c
```
#06381c rgb(6,56,28)
```
#084a25
```
#084a25 rgb(8,74,37)
```
#0a5b2e
```
#0a5b2e rgb(10,91,46)
```
#0c6d37
```
#0c6d37 rgb(12,109,55)
```
#0e7f40
```
#0e7f40 rgb(14,127,64)
```
#109049
```
#109049 rgb(16,144,73)
```
#12a252
```
#12a252 rgb(18,162,82)
```
#14b45b
```
#14b45b rgb(20,180,91)
```
#16c564
```
#16c564 rgb(22,197,100)
```
#18d76d
```
#18d76d rgb(24,215,109)
```

Shade Color Variation

#1de676
```
#1de676 rgb(29,230,118)
```
#2ee881
```
#2ee881 rgb(46,232,129)
```
#40ea8b
```
#40ea8b rgb(64,234,139)
```
#52ec96
```
#52ec96 rgb(82,236,150)
```
#63eea1
```
#63eea1 rgb(99,238,161)
```
#75f0ab
```
#75f0ab rgb(117,240,171)
```
#87f2b6
```
#87f2b6 rgb(135,242,182)
```
#98f4c1
```
#98f4c1 rgb(152,244,193)
```
#aaf6cb
```
#aaf6cb rgb(170,246,203)
```
#bcf8d6
```
#bcf8d6 rgb(188,248,214)
```
#cdf9e1
```
#cdf9e1 rgb(205,249,225)
```
#dffbec
```
#dffbec rgb(223,251,236)
```
#f0fdf6
```
#f0fdf6 rgb(240,253,246)
```

Tint Color Variation

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

#575d5a
```
#575d5a rgb(87,93,90)
```
#506459
```
#506459 rgb(80,100,89)
```
#496b58
```
#496b58 rgb(73,107,88)
```
#427257
```
#427257 rgb(66,114,87)
```
#3c7857
```
#3c7857 rgb(60,120,87)
```
#357f56
```
#357f56 rgb(53,127,86)
```
#2e8655
```
#2e8655 rgb(46,134,85)
```
#278d54
```
#278d54 rgb(39,141,84)
```
#209454
```
#209454 rgb(32,148,84)
```
#199b53
```
#199b53 rgb(25,155,83)
```
#12a252
```
#12a252 rgb(18,162,82)
```
#0ba951
```
#0ba951 rgb(11,169,81)
```
#04b050
```
#04b050 rgb(4,176,80)
```

Tone Color Variation

Below, you can see how #12a252 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
#5c7868 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09254 Protanopia 1% of men
#ae8c64 Deuteranopia 1% of men
#4d9da9 Tritanopia 0.001% of the population

Trichromacy

#6c9853 Protanomaly 1% of men, 0.01% of women
#75945d Deuteranomaly 6% of men, 0.4% of women
#379f89 Tritanomaly 0.01% of the population

#12a252 hex color

#12a252 Color Information

#12a252 Color Conversion

Color Schemes with #12a252

Alternatives to #12a252

#12a252 Preview

Shades and Tints of #12a252

Tones of #12a252

Color Blindness Simulator