#12ecc6 hex color

In a RGB color space, hex #12ecc6 is composed of 7.1% red, 92.5% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 92.4% cyan, 0% magenta, 16.1% yellow and 7.5% black. It has a hue angle of 169.5 degrees, a saturation of 85.8% and a lightness of 49.8%. #12ecc6 color hex could be obtained by blending #24ffff with #00d98d. Closest websafe color is: #00ffcc.

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

● #12ecc6 color description : Vivid cyan.

The hexadecimal color #12ecc6 has RGB values of R:18, G:236, B:198 and CMYK values of C:0.92, M:0, Y:0.16, K:0.07. Its decimal value is 1240262.

Hex triplet	12ecc6	`#12ecc6`
RGB Decimal	18, 236, 198	`rgb(18,236,198)`
RGB Percent	7.1, 92.5, 77.6	`rgb(7.1%,92.5%,77.6%)`
CMYK	92, 0, 16, 7
HSL	169.5°, 85.8, 49.8	`hsl(169.5,85.8%,49.8%)`
HSV (or HSB)	169.5°, 92.4, 92.5
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	84.066, -55.273, 5.271
XYZ	40.434, 64.192, 63.682
xyY	0.24, 0.381, 64.192
CIE-LCH	84.066, 55.524, 174.553
CIE-LUV	84.066, -68.22, 16.805
Hunter-Lab	80.12, -50.127, 8.958
Binary	00010010, 11101100, 11000110

#12ecc6
```
#12ecc6 rgb(18,236,198)
```
#ec1238
```
#ec1238 rgb(236,18,56)
```

Complementary Color

#12ec59
```
#12ec59 rgb(18,236,89)
```
#12ecc6
```
#12ecc6 rgb(18,236,198)
```
#12a5ec
```
#12a5ec rgb(18,165,236)
```

Analogous Color

#ec5912
```
#ec5912 rgb(236,89,18)
```
#12ecc6
```
#12ecc6 rgb(18,236,198)
```
#ec12a5
```
#ec12a5 rgb(236,18,165)
```

Split Complementary Color

#ecc612
```
#ecc612 rgb(236,198,18)
```
#12ecc6
```
#12ecc6 rgb(18,236,198)
```
#c612ec
```
#c612ec rgb(198,18,236)
```

Triadic Color

#38ec12
```
#38ec12 rgb(56,236,18)
```
#12ecc6
```
#12ecc6 rgb(18,236,198)
```
#c612ec
```
#c612ec rgb(198,18,236)
```
#ec1238
```
#ec1238 rgb(236,18,56)
```

Tetradic Color

#0da58a
```
#0da58a rgb(13,165,138)
```
#0ebd9e
```
#0ebd9e rgb(14,189,158)
```
#10d4b2
```
#10d4b2 rgb(16,212,178)
```
#12ecc6
```
#12ecc6 rgb(18,236,198)
```
#29efcc
```
#29efcc rgb(41,239,204)
```
#41f0d2
```
#41f0d2 rgb(65,240,210)
```
#58f2d7
```
#58f2d7 rgb(88,242,215)
```

Monochromatic Color

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

#12ec90
```
#12ec90 rgb(18,236,144)
```
#12eca2
```
#12eca2 rgb(18,236,162)
```
#12ecb4
```
#12ecb4 rgb(18,236,180)
```
#12ecc6
```
#12ecc6 rgb(18,236,198)
```
#12ecd8
```
#12ecd8 rgb(18,236,216)
```
#12ecea
```
#12ecea rgb(18,236,234)
```
#12dcec
```
#12dcec rgb(18,220,236)
```

Similar Colors

Text with hexadecimal color #12ecc6

This text has a font color of #12ecc6.

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

#12ecc6 background color

This paragraph has a background color of #12ecc6.

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

#12ecc6 border color

This element has a border color of #12ecc6.

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

CSS codes

.text {color:#12ecc6;}

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

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

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, #01110f is the darkest color, while #feffff is the lightest one.

#01110f
```
#01110f rgb(1,17,15)
```
#03241e
```
#03241e rgb(3,36,30)
```
#04362d
```
#04362d rgb(4,54,45)
```
#05483c
```
#05483c rgb(5,72,60)
```
#075a4c
```
#075a4c rgb(7,90,76)
```
#086c5b
```
#086c5b rgb(8,108,91)
```
#0a7f6a
```
#0a7f6a rgb(10,127,106)
```
#0b917a
```
#0b917a rgb(11,145,122)
```
#0ca389
```
#0ca389 rgb(12,163,137)
```
#0eb598
```
#0eb598 rgb(14,181,152)
```
#0fc8a7
```
#0fc8a7 rgb(15,200,167)
```
#11dab7
```
#11dab7 rgb(17,218,183)
```
#12ecc6
```
#12ecc6 rgb(18,236,198)
```

Shade Color Variation

#23eecb
```
#23eecb rgb(35,238,203)
```
#36f0cf
```
#36f0cf rgb(54,240,207)
```
#48f1d4
```
#48f1d4 rgb(72,241,212)
```
#5af2d8
```
#5af2d8 rgb(90,242,216)
```
#6cf4dc
```
#6cf4dc rgb(108,244,220)
```
#7ef5e1
```
#7ef5e1 rgb(126,245,225)
```
#91f7e5
```
#91f7e5 rgb(145,247,229)
```
#a3f8e9
```
#a3f8e9 rgb(163,248,233)
```
#b5f9ed
```
#b5f9ed rgb(181,249,237)
```
#c7fbf2
```
#c7fbf2 rgb(199,251,242)
```
#dafcf6
```
#dafcf6 rgb(218,252,246)
```
#ecfefa
```
#ecfefa rgb(236,254,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#7d8180
```
#7d8180 rgb(125,129,128)
```
#748a86
```
#748a86 rgb(116,138,134)
```
#6a948d
```
#6a948d rgb(106,148,141)
```
#609e93
```
#609e93 rgb(96,158,147)
```
#56a899
```
#56a899 rgb(86,168,153)
```
#4db1a0
```
#4db1a0 rgb(77,177,160)
```
#43bba6
```
#43bba6 rgb(67,187,166)
```
#39c5ad
```
#39c5ad rgb(57,197,173)
```
#2fcfb3
```
#2fcfb3 rgb(47,207,179)
```
#26d8b9
```
#26d8b9 rgb(38,216,185)
```
#1ce2c0
```
#1ce2c0 rgb(28,226,192)
```
#12ecc6
```
#12ecc6 rgb(18,236,198)
```
#08f6cc
```
#08f6cc rgb(8,246,204)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#88b4ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddd3bc Protanopia 1% of men
#e7cdd4 Deuteranopia 1% of men
#54e6f7 Tritanopia 0.001% of the population

Trichromacy

#93dcbf Protanomaly 1% of men, 0.01% of women
#99d8ce Deuteranomaly 6% of men, 0.4% of women
#3ce8e5 Tritanomaly 0.01% of the population

#12ecc6 hex color

#12ecc6 Color Information

#12ecc6 Color Conversion

Color Schemes with #12ecc6

Alternatives to #12ecc6

#12ecc6 Preview

Shades and Tints of #12ecc6

Tones of #12ecc6

Color Blindness Simulator