#12a250 hex color

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

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

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

The hexadecimal color #12a250 has RGB values of R:18, G:162, B:80 and CMYK values of C:0.89, M:0, Y:0.51, K:0.36. Its decimal value is 1221200.

Hex triplet	12a250	`#12a250`
RGB Decimal	18, 162, 80	`rgb(18,162,80)`
RGB Percent	7.1, 63.5, 31.4	`rgb(7.1%,63.5%,31.4%)`
CMYK	89, 0, 51, 36
HSL	145.8°, 80, 35.3	`hsl(145.8,80%,35.3%)`
HSV (or HSB)	145.8°, 88.9, 63.5
Web Safe	009966	`#009966`

CIE-LAB	58.553, -53.467, 32.802
XYZ	14.617, 26.547, 11.943
xyY	0.275, 0.5, 26.547
CIE-LCH	58.553, 62.727, 148.471
CIE-LUV	58.553, -51.396, 48.869
Hunter-Lab	51.524, -39.528, 22.324
Binary	00010010, 10100010, 01010000

#12a250
```
#12a250 rgb(18,162,80)
```
#a21264
```
#a21264 rgb(162,18,100)
```

Complementary Color

#1ca212
```
#1ca212 rgb(28,162,18)
```
#12a250
```
#12a250 rgb(18,162,80)
```
#12a298
```
#12a298 rgb(18,162,152)
```

Analogous Color

#a2121c
```
#a2121c rgb(162,18,28)
```
#12a250
```
#12a250 rgb(18,162,80)
```
#9812a2
```
#9812a2 rgb(152,18,162)
```

Split Complementary Color

#a25012
```
#a25012 rgb(162,80,18)
```
#12a250
```
#12a250 rgb(18,162,80)
```
#5012a2
```
#5012a2 rgb(80,18,162)
```

Triadic Color

#64a212
```
#64a212 rgb(100,162,18)
```
#12a250
```
#12a250 rgb(18,162,80)
```
#5012a2
```
#5012a2 rgb(80,18,162)
```
#a21264
```
#a21264 rgb(162,18,100)
```

Tetradic Color

#0a5d2e
```
#0a5d2e rgb(10,93,46)
```
#0d7439
```
#0d7439 rgb(13,116,57)
```
#0f8b45
```
#0f8b45 rgb(15,139,69)
```
#12a250
```
#12a250 rgb(18,162,80)
```
#15b95b
```
#15b95b rgb(21,185,91)
```
#17d067
```
#17d067 rgb(23,208,103)
```
#1be672
```
#1be672 rgb(27,230,114)
```

Monochromatic Color

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

#12a22c
```
#12a22c rgb(18,162,44)
```
#12a238
```
#12a238 rgb(18,162,56)
```
#12a244
```
#12a244 rgb(18,162,68)
```
#12a250
```
#12a250 rgb(18,162,80)
```
#12a25c
```
#12a25c rgb(18,162,92)
```
#12a268
```
#12a268 rgb(18,162,104)
```
#12a274
```
#12a274 rgb(18,162,116)
```

Similar Colors

Text with hexadecimal color #12a250

This text has a font color of #12a250.

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

#12a250 background color

This paragraph has a background color of #12a250.

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

#12a250 border color

This element has a border color of #12a250.

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

CSS codes

.text {color:#12a250;}

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

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

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)
```
#02150a
```
#02150a rgb(2,21,10)
```
#042613
```
#042613 rgb(4,38,19)
```
#06381c
```
#06381c rgb(6,56,28)
```
#084a24
```
#084a24 rgb(8,74,36)
```
#0a5b2d
```
#0a5b2d rgb(10,91,45)
```
#0c6d36
```
#0c6d36 rgb(12,109,54)
```
#0e7f3f
```
#0e7f3f rgb(14,127,63)
```
#109047
```
#109047 rgb(16,144,71)
```
#12a250
```
#12a250 rgb(18,162,80)
```
#14b459
```
#14b459 rgb(20,180,89)
```
#16c561
```
#16c561 rgb(22,197,97)
```
#18d76a
```
#18d76a rgb(24,215,106)
```

Shade Color Variation

#1de673
```
#1de673 rgb(29,230,115)
```
#2ee87e
```
#2ee87e rgb(46,232,126)
```
#40ea89
```
#40ea89 rgb(64,234,137)
```
#52ec94
```
#52ec94 rgb(82,236,148)
```
#63ee9f
```
#63ee9f rgb(99,238,159)
```
#75f0aa
```
#75f0aa rgb(117,240,170)
```
#87f2b5
```
#87f2b5 rgb(135,242,181)
```
#98f4c0
```
#98f4c0 rgb(152,244,192)
```
#aaf6ca
```
#aaf6ca rgb(170,246,202)
```
#bcf8d5
```
#bcf8d5 rgb(188,248,213)
```
#cdf9e0
```
#cdf9e0 rgb(205,249,224)
```
#dffbeb
```
#dffbeb rgb(223,251,235)
```
#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 #04b04e 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)
```
#3c7856
```
#3c7856 rgb(60,120,86)
```
#357f55
```
#357f55 rgb(53,127,85)
```
#2e8654
```
#2e8654 rgb(46,134,84)
```
#278d53
```
#278d53 rgb(39,141,83)
```
#209452
```
#209452 rgb(32,148,82)
```
#199b51
```
#199b51 rgb(25,155,81)
```
#12a250
```
#12a250 rgb(18,162,80)
```
#0ba94f
```
#0ba94f rgb(11,169,79)
```
#04b04e
```
#04b04e rgb(4,176,78)
```

Tone Color Variation

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

#a19252 Protanopia 1% of men
#af8c62 Deuteranopia 1% of men
#4d9da9 Tritanopia 0.001% of the population

Trichromacy

#6d9851 Protanomaly 1% of men, 0.01% of women
#76945b Deuteranomaly 6% of men, 0.4% of women
#389f88 Tritanomaly 0.01% of the population

#12a250 hex color

#12a250 Color Information

#12a250 Color Conversion

Color Schemes with #12a250

Alternatives to #12a250

#12a250 Preview

Shades and Tints of #12a250

Tones of #12a250

Color Blindness Simulator