#12e895 hex color

In a RGB color space, hex #12e895 is composed of 7.1% red, 91% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 92.2% cyan, 0% magenta, 35.8% yellow and 9% black. It has a hue angle of 156.7 degrees, a saturation of 85.6% and a lightness of 49%. #12e895 color hex could be obtained by blending #24ffff with #00d12b. Closest websafe color is: #00ff99.

♥
- f
- t
- g
- R 7
- G 91
- B 58
RGB color chart
- C 92
- M 0
- Y 36
- K 9
CMYK color chart

● #12e895 color description : Vivid cyan - lime green.

The hexadecimal color #12e895 has RGB values of R:18, G:232, B:149 and CMYK values of C:0.92, M:0, Y:0.36, K:0.09. Its decimal value is 1239189.

Hex triplet	12e895	`#12e895`
RGB Decimal	18, 232, 149	`rgb(18,232,149)`
RGB Percent	7.1, 91, 58.4	`rgb(7.1%,91%,58.4%)`
CMYK	92, 0, 36, 9
HSL	156.7°, 85.6, 49	`hsl(156.7,85.6%,49%)`
HSV (or HSB)	156.7°, 92.2, 91
Web Safe	00ff99	`#00ff99`

CIE-LAB	81.843, -64.971, 27.642
XYZ	34.528, 60.008, 38.195
xyY	0.26, 0.452, 60.008
CIE-LCH	81.843, 70.606, 156.952
CIE-LUV	81.843, -70.442, 49.361
Hunter-Lab	77.465, -56.001, 24.992
Binary	00010010, 11101000, 10010101

#12e895
```
#12e895 rgb(18,232,149)
```
#e81265
```
#e81265 rgb(232,18,101)
```

Complementary Color

#12e82a
```
#12e82a rgb(18,232,42)
```
#12e895
```
#12e895 rgb(18,232,149)
```
#12d0e8
```
#12d0e8 rgb(18,208,232)
```

Analogous Color

#e82a12
```
#e82a12 rgb(232,42,18)
```
#12e895
```
#12e895 rgb(18,232,149)
```
#e812d0
```
#e812d0 rgb(232,18,208)
```

Split Complementary Color

#e89512
```
#e89512 rgb(232,149,18)
```
#12e895
```
#12e895 rgb(18,232,149)
```
#9512e8
```
#9512e8 rgb(149,18,232)
```

Triadic Color

#65e812
```
#65e812 rgb(101,232,18)
```
#12e895
```
#12e895 rgb(18,232,149)
```
#9512e8
```
#9512e8 rgb(149,18,232)
```
#e81265
```
#e81265 rgb(232,18,101)
```

Tetradic Color

#0ca167
```
#0ca167 rgb(12,161,103)
```
#0eb977
```
#0eb977 rgb(14,185,119)
```
#10d086
```
#10d086 rgb(16,208,134)
```
#12e895
```
#12e895 rgb(18,232,149)
```
#25eea0
```
#25eea0 rgb(37,238,160)
```
#3df0ab
```
#3df0ab rgb(61,240,171)
```
#55f2b5
```
#55f2b5 rgb(85,242,181)
```

Monochromatic Color

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

#12e860
```
#12e860 rgb(18,232,96)
```
#12e871
```
#12e871 rgb(18,232,113)
```
#12e883
```
#12e883 rgb(18,232,131)
```
#12e895
```
#12e895 rgb(18,232,149)
```
#12e8a7
```
#12e8a7 rgb(18,232,167)
```
#12e8b9
```
#12e8b9 rgb(18,232,185)
```
#12e8cb
```
#12e8cb rgb(18,232,203)
```

Similar Colors

Text with hexadecimal color #12e895

This text has a font color of #12e895.

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

#12e895 background color

This paragraph has a background color of #12e895.

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

#12e895 border color

This element has a border color of #12e895.

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

CSS codes

.text {color:#12e895;}

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

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

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

#010e09
```
#010e09 rgb(1,14,9)
```
#022014
```
#022014 rgb(2,32,20)
```
#043220
```
#043220 rgb(4,50,32)
```
#05442c
```
#05442c rgb(5,68,44)
```
#075637
```
#075637 rgb(7,86,55)
```
#086943
```
#086943 rgb(8,105,67)
```
#0a7b4f
```
#0a7b4f rgb(10,123,79)
```
#0b8d5b
```
#0b8d5b rgb(11,141,91)
```
#0c9f66
```
#0c9f66 rgb(12,159,102)
```
#0eb172
```
#0eb172 rgb(14,177,114)
```
#0fc47e
```
#0fc47e rgb(15,196,126)
```
#11d689
```
#11d689 rgb(17,214,137)
```
#12e895
```
#12e895 rgb(18,232,149)
```

Shade Color Variation

#20ee9e
```
#20ee9e rgb(32,238,158)
```
#32efa6
```
#32efa6 rgb(50,239,166)
```
#44f1ae
```
#44f1ae rgb(68,241,174)
```
#57f2b6
```
#57f2b6 rgb(87,242,182)
```
#69f3be
```
#69f3be rgb(105,243,190)
```
#7bf5c6
```
#7bf5c6 rgb(123,245,198)
```
#8df6cd
```
#8df6cd rgb(141,246,205)
```
#9ff8d5
```
#9ff8d5 rgb(159,248,213)
```
#b2f9dd
```
#b2f9dd rgb(178,249,221)
```
#c4fae5
```
#c4fae5 rgb(196,250,229)
```
#d6fced
```
#d6fced rgb(214,252,237)
```
#e8fdf5
```
#e8fdf5 rgb(232,253,245)
```
#fafffd
```
#fafffd rgb(250,255,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7e7d is the less saturated color, while #08f297 is the most saturated one.

#7c7e7d
```
#7c7e7d rgb(124,126,125)
```
#72887f
```
#72887f rgb(114,136,127)
```
#699182
```
#699182 rgb(105,145,130)
```
#5f9b84
```
#5f9b84 rgb(95,155,132)
```
#55a586
```
#55a586 rgb(85,165,134)
```
#4cae88
```
#4cae88 rgb(76,174,136)
```
#42b88a
```
#42b88a rgb(66,184,138)
```
#38c28c
```
#38c28c rgb(56,194,140)
```
#2fcb8f
```
#2fcb8f rgb(47,203,143)
```
#25d591
```
#25d591 rgb(37,213,145)
```
#1cde93
```
#1cde93 rgb(28,222,147)
```
#12e895
```
#12e895 rgb(18,232,149)
```
#08f297
```
#08f297 rgb(8,242,151)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#83ae9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#decd8f Protanopia 1% of men
#efc6a6 Deuteranopia 1% of men
#63deee Tritanopia 0.001% of the population

Trichromacy

#94d791 Protanomaly 1% of men, 0.01% of women
#9ed2a0 Deuteranomaly 6% of men, 0.4% of women
#45e2ce Tritanomaly 0.01% of the population

#12e895 hex color

#12e895 Color Information

#12e895 Color Conversion

Color Schemes with #12e895

Alternatives to #12e895

#12e895 Preview

Shades and Tints of #12e895

Tones of #12e895

Color Blindness Simulator