#12d458 hex color

In a RGB color space, hex #12d458 is composed of 7.1% red, 83.1% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 91.5% cyan, 0% magenta, 58.5% yellow and 16.9% black. It has a hue angle of 141.6 degrees, a saturation of 84.3% and a lightness of 45.1%. #12d458 color hex could be obtained by blending #24ffb0 with #00a900. Closest websafe color is: #00cc66.

♥
- f
- t
- g
- R 7
- G 83
- B 35
RGB color chart
- C 92
- M 0
- Y 58
- K 17
CMYK color chart

● #12d458 color description : Strong cyan - lime green.

The hexadecimal color #12d458 has RGB values of R:18, G:212, B:88 and CMYK values of C:0.92, M:0, Y:0.58, K:0.17. Its decimal value is 1234008.

Hex triplet	12d458	`#12d458`
RGB Decimal	18, 212, 88	`rgb(18,212,88)`
RGB Percent	7.1, 83.1, 34.5	`rgb(7.1%,83.1%,34.5%)`
CMYK	92, 0, 58, 17
HSL	141.6°, 84.3, 45.1	`hsl(141.6,84.3%,45.1%)`
HSV (or HSB)	141.6°, 91.5, 83.1
Web Safe	00cc66	`#00cc66`

CIE-LAB	74.773, -68.559, 48.528
XYZ	25.553, 47.917, 17.134
xyY	0.282, 0.529, 47.917
CIE-LCH	74.773, 83.996, 144.708
CIE-LUV	74.773, -67.449, 71.578
Hunter-Lab	69.222, -55.248, 33.78
Binary	00010010, 11010100, 01011000

#12d458
```
#12d458 rgb(18,212,88)
```
#d4128e
```
#d4128e rgb(212,18,142)
```

Complementary Color

#2dd412
```
#2dd412 rgb(45,212,18)
```
#12d458
```
#12d458 rgb(18,212,88)
```
#12d4b9
```
#12d4b9 rgb(18,212,185)
```

Analogous Color

#d4122d
```
#d4122d rgb(212,18,45)
```
#12d458
```
#12d458 rgb(18,212,88)
```
#b912d4
```
#b912d4 rgb(185,18,212)
```

Split Complementary Color

#d45812
```
#d45812 rgb(212,88,18)
```
#12d458
```
#12d458 rgb(18,212,88)
```
#5812d4
```
#5812d4 rgb(88,18,212)
```

Triadic Color

#8ed412
```
#8ed412 rgb(142,212,18)
```
#12d458
```
#12d458 rgb(18,212,88)
```
#5812d4
```
#5812d4 rgb(88,18,212)
```
#d4128e
```
#d4128e rgb(212,18,142)
```

Tetradic Color

#0c8d3b
```
#0c8d3b rgb(12,141,59)
```
#0ea544
```
#0ea544 rgb(14,165,68)
```
#10bc4e
```
#10bc4e rgb(16,188,78)
```
#12d458
```
#12d458 rgb(18,212,88)
```
#14eb62
```
#14eb62 rgb(20,235,98)
```
#2ced72
```
#2ced72 rgb(44,237,114)
```
#43ef81
```
#43ef81 rgb(67,239,129)
```

Monochromatic Color

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

#12d428
```
#12d428 rgb(18,212,40)
```
#12d438
```
#12d438 rgb(18,212,56)
```
#12d448
```
#12d448 rgb(18,212,72)
```
#12d458
```
#12d458 rgb(18,212,88)
```
#12d468
```
#12d468 rgb(18,212,104)
```
#12d478
```
#12d478 rgb(18,212,120)
```
#12d489
```
#12d489 rgb(18,212,137)
```

Similar Colors

Text with hexadecimal color #12d458

This text has a font color of #12d458.

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

#12d458 background color

This paragraph has a background color of #12d458.

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

#12d458 border color

This element has a border color of #12d458.

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

CSS codes

.text {color:#12d458;}

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

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

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, #010d05 is the darkest color, while #fafffc is the lightest one.

#010d05
```
#010d05 rgb(1,13,5)
```
#031f0d
```
#031f0d rgb(3,31,13)
```
#043114
```
#043114 rgb(4,49,20)
```
#06431c
```
#06431c rgb(6,67,28)
```
#075523
```
#075523 rgb(7,85,35)
```
#09682b
```
#09682b rgb(9,104,43)
```
#0a7a32
```
#0a7a32 rgb(10,122,50)
```
#0c8c3a
```
#0c8c3a rgb(12,140,58)
```
#0d9e41
```
#0d9e41 rgb(13,158,65)
```
#0fb049
```
#0fb049 rgb(15,176,73)
```
#10c250
```
#10c250 rgb(16,194,80)
```
#12d458
```
#12d458 rgb(18,212,88)
```
#14e660
```
#14e660 rgb(20,230,96)
```

Shade Color Variation

#21ec6a
```
#21ec6a rgb(33,236,106)
```
#33ee76
```
#33ee76 rgb(51,238,118)
```
#45ef83
```
#45ef83 rgb(69,239,131)
```
#57f18f
```
#57f18f rgb(87,241,143)
```
#69f29b
```
#69f29b rgb(105,242,155)
```
#7bf4a7
```
#7bf4a7 rgb(123,244,167)
```
#8ef5b3
```
#8ef5b3 rgb(142,245,179)
```
#a0f7bf
```
#a0f7bf rgb(160,247,191)
```
#b2f8cb
```
#b2f8cb rgb(178,248,203)
```
#c4fad7
```
#c4fad7 rgb(196,250,215)
```
#d6fce3
```
#d6fce3 rgb(214,252,227)
```
#e8fdf0
```
#e8fdf0 rgb(232,253,240)
```
#fafffc
```
#fafffc rgb(250,255,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a7c71 is the less saturated color, while #00e653 is the most saturated one.

#6a7c71
```
#6a7c71 rgb(106,124,113)
```
#62846e
```
#62846e rgb(98,132,110)
```
#598d6c
```
#598d6c rgb(89,141,108)
```
#509669
```
#509669 rgb(80,150,105)
```
#479f67
```
#479f67 rgb(71,159,103)
```
#3ea864
```
#3ea864 rgb(62,168,100)
```
#35b162
```
#35b162 rgb(53,177,98)
```
#2db95f
```
#2db95f rgb(45,185,95)
```
#24c25d
```
#24c25d rgb(36,194,93)
```
#1bcb5a
```
#1bcb5a rgb(27,203,90)
```
#12d458
```
#12d458 rgb(18,212,88)
```
#09dd56
```
#09dd56 rgb(9,221,86)
```
#00e653
```
#00e653 rgb(0,230,83)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#749a82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfbb58 Protanopia 1% of men
#e3b36d Deuteranopia 1% of men
#64c9d8 Tritanopia 0.001% of the population

Trichromacy

#8ac458 Protanomaly 1% of men, 0.01% of women
#97bf65 Deuteranomaly 6% of men, 0.4% of women
#46cda9 Tritanomaly 0.01% of the population

#12d458 hex color

#12d458 Color Information

#12d458 Color Conversion

Color Schemes with #12d458

Alternatives to #12d458

#12d458 Preview

Shades and Tints of #12d458

Tones of #12d458

Color Blindness Simulator