colorhexa.com

#12c2ec hex color

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

- R 7
- G 76
- B 93
RGB color chart
- C 92
- M 18
- Y 0
- K 7
CMYK color chart

● #12c2ec color description : Vivid cyan.

The hexadecimal color #12c2ec has RGB values of R:18, G:194, B:236 and CMYK values of C:0.92, M:0.18, Y:0, K:0.07. Its decimal value is 1229548.

Hex triplet	12c2ec	`#12c2ec`
RGB Decimal	18, 194, 236	`rgb(18,194,236)`
RGB Percent	7.1, 76.1, 92.5	`rgb(7.1%,76.1%,92.5%)`
CMYK	92, 18, 0, 7
HSL	191.6°, 85.8, 49.8	`hsl(191.6,85.8%,49.8%)`
HSV (or HSB)	191.6°, 92.4, 92.5
Web Safe	00ccff	`#00ccff`

CIE-LAB	72.737, -25.208, -31.998
XYZ	34.677, 44.765, 86.165
xyY	0.209, 0.27, 44.765
CIE-LCH	72.737, 40.735, 231.769
CIE-LUV	72.737, -51.105, -47.928
Hunter-Lab	66.907, -24.571, -29.522
Binary	00010010, 11000010, 11101100

#12c2ec
```
#12c2ec rgb(18,194,236)
```
#ec3c12
```
#ec3c12 rgb(236,60,18)
```

Complementary Color

#12eca9
```
#12eca9 rgb(18,236,169)
```
#12c2ec
```
#12c2ec rgb(18,194,236)
```
#1255ec
```
#1255ec rgb(18,85,236)
```

Analogous Color

#eca912
```
#eca912 rgb(236,169,18)
```
#12c2ec
```
#12c2ec rgb(18,194,236)
```
#ec1255
```
#ec1255 rgb(236,18,85)
```

Split Complementary Color

#c2ec12
```
#c2ec12 rgb(194,236,18)
```
#12c2ec
```
#12c2ec rgb(18,194,236)
```
#ec12c2
```
#ec12c2 rgb(236,18,194)
```

Triadic Color

#12ec3c
```
#12ec3c rgb(18,236,60)
```
#12c2ec
```
#12c2ec rgb(18,194,236)
```
#ec12c2
```
#ec12c2 rgb(236,18,194)
```
#ec3c12
```
#ec3c12 rgb(236,60,18)
```

Tetradic Color

#0d88a5
```
#0d88a5 rgb(13,136,165)
```
#0e9bbd
```
#0e9bbd rgb(14,155,189)
```
#10afd4
```
#10afd4 rgb(16,175,212)
```
#12c2ec
```
#12c2ec rgb(18,194,236)
```
#29c9ef
```
#29c9ef rgb(41,201,239)
```
#41cff0
```
#41cff0 rgb(65,207,240)
```
#58d5f2
```
#58d5f2 rgb(88,213,242)
```

Monochromatic Color

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

#12ece0
```
#12ece0 rgb(18,236,224)
```
#12e6ec
```
#12e6ec rgb(18,230,236)
```
#12d4ec
```
#12d4ec rgb(18,212,236)
```
#12c2ec
```
#12c2ec rgb(18,194,236)
```
#12b0ec
```
#12b0ec rgb(18,176,236)
```
#129eec
```
#129eec rgb(18,158,236)
```
#128cec
```
#128cec rgb(18,140,236)
```

Similar Colors

Text with hexadecimal color #12c2ec

This text has a font color of #12c2ec.

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

#12c2ec background color

This paragraph has a background color of #12c2ec.

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

#12c2ec border color

This element has a border color of #12c2ec.

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

CSS codes

.text {color:#12c2ec;}

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

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

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

#010e11
```
#010e11 rgb(1,14,17)
```
#031d24
```
#031d24 rgb(3,29,36)
```
#042c36
```
#042c36 rgb(4,44,54)
```
#053b48
```
#053b48 rgb(5,59,72)
```
#074a5a
```
#074a5a rgb(7,74,90)
```
#08596c
```
#08596c rgb(8,89,108)
```
#0a687f
```
#0a687f rgb(10,104,127)
```
#0b7791
```
#0b7791 rgb(11,119,145)
```
#0c86a3
```
#0c86a3 rgb(12,134,163)
```
#0e95b5
```
#0e95b5 rgb(14,149,181)
```
#0fa4c8
```
#0fa4c8 rgb(15,164,200)
```
#11b3da
```
#11b3da rgb(17,179,218)
```
#12c2ec
```
#12c2ec rgb(18,194,236)
```

Shade Color Variation

#23c7ee
```
#23c7ee rgb(35,199,238)
```
#36ccf0
```
#36ccf0 rgb(54,204,240)
```
#48d0f1
```
#48d0f1 rgb(72,208,241)
```
#5ad5f2
```
#5ad5f2 rgb(90,213,242)
```
#6cdaf4
```
#6cdaf4 rgb(108,218,244)
```
#7edef5
```
#7edef5 rgb(126,222,245)
```
#91e3f7
```
#91e3f7 rgb(145,227,247)
```
#a3e8f8
```
#a3e8f8 rgb(163,232,248)
```
#b5ecf9
```
#b5ecf9 rgb(181,236,249)
```
#c7f1fb
```
#c7f1fb rgb(199,241,251)
```
#daf5fc
```
#daf5fc rgb(218,245,252)
```
#ecfafe
```
#ecfafe rgb(236,250,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#7d8081
```
#7d8081 rgb(125,128,129)
```
#74868a
```
#74868a rgb(116,134,138)
```
#6a8c94
```
#6a8c94 rgb(106,140,148)
```
#60929e
```
#60929e rgb(96,146,158)
```
#5698a8
```
#5698a8 rgb(86,152,168)
```
#4d9eb1
```
#4d9eb1 rgb(77,158,177)
```
#43a4bb
```
#43a4bb rgb(67,164,187)
```
#39aac5
```
#39aac5 rgb(57,170,197)
```
#2fb0cf
```
#2fb0cf rgb(47,176,207)
```
#26b6d8
```
#26b6d8 rgb(38,182,216)
```
#1cbce2
```
#1cbce2 rgb(28,188,226)
```
#12c2ec
```
#12c2ec rgb(18,194,236)
```
#08c8f6
```
#08c8f6 rgb(8,200,246)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#789ca4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aab4e2 Protanopia 1% of men
#a1b4f3 Deuteranopia 1% of men
#00c8d6 Tritanopia 0.001% of the population

Trichromacy

#72b9e5 Protanomaly 1% of men, 0.01% of women
#6db9f0 Deuteranomaly 6% of men, 0.4% of women
#06c5de Tritanomaly 0.01% of the population