#12e7c2 hex color

In a RGB color space, hex #12e7c2 is composed of 7.1% red, 90.6% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 92.2% cyan, 0% magenta, 16% yellow and 9.4% black. It has a hue angle of 169.6 degrees, a saturation of 85.5% and a lightness of 48.8%. #12e7c2 color hex could be obtained by blending #24ffff with #00cf85. Closest websafe color is: #00ffcc.

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

● #12e7c2 color description : Vivid cyan.

The hexadecimal color #12e7c2 has RGB values of R:18, G:231, B:194 and CMYK values of C:0.92, M:0, Y:0.16, K:0.09. Its decimal value is 1238978.

Hex triplet	12e7c2	`#12e7c2`
RGB Decimal	18, 231, 194	`rgb(18,231,194)`
RGB Percent	7.1, 90.6, 76.1	`rgb(7.1%,90.6%,76.1%)`
CMYK	92, 0, 16, 9
HSL	169.6°, 85.5, 48.8	`hsl(169.6,85.5%,48.8%)`
HSV (or HSB)	169.6°, 92.2, 90.6
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	82.471, -54.302, 5.073
XYZ	38.559, 61.171, 60.811
xyY	0.24, 0.381, 61.171
CIE-LCH	82.471, 54.539, 174.662
CIE-LUV	82.471, -66.871, 16.302
Hunter-Lab	78.212, -48.869, 8.65
Binary	00010010, 11100111, 11000010

#12e7c2
```
#12e7c2 rgb(18,231,194)
```
#e71237
```
#e71237 rgb(231,18,55)
```

Complementary Color

#12e758
```
#12e758 rgb(18,231,88)
```
#12e7c2
```
#12e7c2 rgb(18,231,194)
```
#12a2e7
```
#12a2e7 rgb(18,162,231)
```

Analogous Color

#e75812
```
#e75812 rgb(231,88,18)
```
#12e7c2
```
#12e7c2 rgb(18,231,194)
```
#e712a2
```
#e712a2 rgb(231,18,162)
```

Split Complementary Color

#e7c212
```
#e7c212 rgb(231,194,18)
```
#12e7c2
```
#12e7c2 rgb(18,231,194)
```
#c212e7
```
#c212e7 rgb(194,18,231)
```

Triadic Color

#37e712
```
#37e712 rgb(55,231,18)
```
#12e7c2
```
#12e7c2 rgb(18,231,194)
```
#c212e7
```
#c212e7 rgb(194,18,231)
```
#e71237
```
#e71237 rgb(231,18,55)
```

Tetradic Color

#0ca086
```
#0ca086 rgb(12,160,134)
```
#0eb89a
```
#0eb89a rgb(14,184,154)
```
#10cfae
```
#10cfae rgb(16,207,174)
```
#12e7c2
```
#12e7c2 rgb(18,231,194)
```
#25eecb
```
#25eecb rgb(37,238,203)
```
#3cf0d1
```
#3cf0d1 rgb(60,240,209)
```
#54f2d6
```
#54f2d6 rgb(84,242,214)
```

Monochromatic Color

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

#12e78d
```
#12e78d rgb(18,231,141)
```
#12e79f
```
#12e79f rgb(18,231,159)
```
#12e7b0
```
#12e7b0 rgb(18,231,176)
```
#12e7c2
```
#12e7c2 rgb(18,231,194)
```
#12e7d4
```
#12e7d4 rgb(18,231,212)
```
#12e7e6
```
#12e7e6 rgb(18,231,230)
```
#12d7e7
```
#12d7e7 rgb(18,215,231)
```

Similar Colors

Text with hexadecimal color #12e7c2

This text has a font color of #12e7c2.

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

#12e7c2 background color

This paragraph has a background color of #12e7c2.

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

#12e7c2 border color

This element has a border color of #12e7c2.

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

CSS codes

.text {color:#12e7c2;}

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

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

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

#010d0b
```
#010d0b rgb(1,13,11)
```
#021f1a
```
#021f1a rgb(2,31,26)
```
#043129
```
#043129 rgb(4,49,41)
```
#054338
```
#054338 rgb(5,67,56)
```
#075548
```
#075548 rgb(7,85,72)
```
#086857
```
#086857 rgb(8,104,87)
```
#097a66
```
#097a66 rgb(9,122,102)
```
#0b8c76
```
#0b8c76 rgb(11,140,118)
```
#0c9e85
```
#0c9e85 rgb(12,158,133)
```
#0eb094
```
#0eb094 rgb(14,176,148)
```
#0fc3a3
```
#0fc3a3 rgb(15,195,163)
```
#11d5b3
```
#11d5b3 rgb(17,213,179)
```
#12e7c2
```
#12e7c2 rgb(18,231,194)
```

Shade Color Variation

#1feeca
```
#1feeca rgb(31,238,202)
```
#31efce
```
#31efce rgb(49,239,206)
```
#43f0d2
```
#43f0d2 rgb(67,240,210)
```
#56f2d7
```
#56f2d7 rgb(86,242,215)
```
#68f3db
```
#68f3db rgb(104,243,219)
```
#7af5df
```
#7af5df rgb(122,245,223)
```
#8cf6e4
```
#8cf6e4 rgb(140,246,228)
```
#9ef7e8
```
#9ef7e8 rgb(158,247,232)
```
#b1f9ec
```
#b1f9ec rgb(177,249,236)
```
#c3faf1
```
#c3faf1 rgb(195,250,241)
```
#d5fcf5
```
#d5fcf5 rgb(213,252,245)
```
#e7fdf9
```
#e7fdf9 rgb(231,253,249)
```
#f9fffe
```
#f9fffe rgb(249,255,254)
```

Tint Color Variation

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

#7b7e7d
```
#7b7e7d rgb(123,126,125)
```
#728784
```
#728784 rgb(114,135,132)
```
#68918a
```
#68918a rgb(104,145,138)
```
#5f9a90
```
#5f9a90 rgb(95,154,144)
```
#55a496
```
#55a496 rgb(85,164,150)
```
#4bae9d
```
#4bae9d rgb(75,174,157)
```
#42b7a3
```
#42b7a3 rgb(66,183,163)
```
#38c1a9
```
#38c1a9 rgb(56,193,169)
```
#2fcaaf
```
#2fcaaf rgb(47,202,175)
```
#25d4b6
```
#25d4b6 rgb(37,212,182)
```
#1cddbc
```
#1cddbc rgb(28,221,188)
```
#12e7c2
```
#12e7c2 rgb(18,231,194)
```
#08f1c8
```
#08f1c8 rgb(8,241,200)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#86b1a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8cfb8 Protanopia 1% of men
#e2c9d0 Deuteranopia 1% of men
#52e1f2 Tritanopia 0.001% of the population

Trichromacy

#90d7bc Protanomaly 1% of men, 0.01% of women
#96d4ca Deuteranomaly 6% of men, 0.4% of women
#3be3e0 Tritanomaly 0.01% of the population

#12e7c2 hex color

#12e7c2 Color Information

#12e7c2 Color Conversion

Color Schemes with #12e7c2

Alternatives to #12e7c2

#12e7c2 Preview

Shades and Tints of #12e7c2

Tones of #12e7c2

Color Blindness Simulator