#12a2c1 hex color

In a RGB color space, hex #12a2c1 is composed of 7.1% red, 63.5% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 90.7% cyan, 16.1% magenta, 0% yellow and 24.3% black. It has a hue angle of 190.6 degrees, a saturation of 82.9% and a lightness of 41.4%. #12a2c1 color hex could be obtained by blending #24ffff with #004583. Closest websafe color is: #0099cc.

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

● #12a2c1 color description : Strong cyan.

The hexadecimal color #12a2c1 has RGB values of R:18, G:162, B:193 and CMYK values of C:0.91, M:0.16, Y:0, K:0.24. Its decimal value is 1221313.

Hex triplet	12a2c1	`#12a2c1`
RGB Decimal	18, 162, 193	`rgb(18,162,193)`
RGB Percent	7.1, 63.5, 75.7	`rgb(7.1%,63.5%,75.7%)`
CMYK	91, 16, 0, 24
HSL	190.6°, 82.9, 41.4	`hsl(190.6,82.9%,41.4%)`
HSV (or HSB)	190.6°, 90.7, 75.7
Web Safe	0099cc	`#0099cc`

CIE-LAB	61.496, -23.396, -25.67
XYZ	22.793, 29.817, 55.003
xyY	0.212, 0.277, 29.817
CIE-LCH	61.496, 34.732, 227.653
CIE-LUV	61.496, -43.392, -36.591
Hunter-Lab	54.605, -21.051, -21.498
Binary	00010010, 10100010, 11000001

#12a2c1
```
#12a2c1 rgb(18,162,193)
```
#c13112
```
#c13112 rgb(193,49,18)
```

Complementary Color

#12c189
```
#12c189 rgb(18,193,137)
```
#12a2c1
```
#12a2c1 rgb(18,162,193)
```
#124bc1
```
#124bc1 rgb(18,75,193)
```

Analogous Color

#c18912
```
#c18912 rgb(193,137,18)
```
#12a2c1
```
#12a2c1 rgb(18,162,193)
```
#c1124a
```
#c1124a rgb(193,18,74)
```

Split Complementary Color

#a2c112
```
#a2c112 rgb(162,193,18)
```
#12a2c1
```
#12a2c1 rgb(18,162,193)
```
#c112a2
```
#c112a2 rgb(193,18,162)
```

Triadic Color

#12c131
```
#12c131 rgb(18,193,49)
```
#12a2c1
```
#12a2c1 rgb(18,162,193)
```
#c112a2
```
#c112a2 rgb(193,18,162)
```
#c13112
```
#c13112 rgb(193,49,18)
```

Tetradic Color

#0b677b
```
#0b677b rgb(11,103,123)
```
#0e7b92
```
#0e7b92 rgb(14,123,146)
```
#108eaa
```
#108eaa rgb(16,142,170)
```
#12a2c1
```
#12a2c1 rgb(18,162,193)
```
#14b6d8
```
#14b6d8 rgb(20,182,216)
```
#1cc5ea
```
#1cc5ea rgb(28,197,234)
```
#33cbec
```
#33cbec rgb(51,203,236)
```

Monochromatic Color

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

#12c1b4
```
#12c1b4 rgb(18,193,180)
```
#12bfc1
```
#12bfc1 rgb(18,191,193)
```
#12b1c1
```
#12b1c1 rgb(18,177,193)
```
#12a2c1
```
#12a2c1 rgb(18,162,193)
```
#1293c1
```
#1293c1 rgb(18,147,193)
```
#1285c1
```
#1285c1 rgb(18,133,193)
```
#1276c1
```
#1276c1 rgb(18,118,193)
```

Similar Colors

Text with hexadecimal color #12a2c1

This text has a font color of #12a2c1.

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

#12a2c1 background color

This paragraph has a background color of #12a2c1.

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

#12a2c1 border color

This element has a border color of #12a2c1.

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

CSS codes

.text {color:#12a2c1;}

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

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

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

#010b0e
```
#010b0e rgb(1,11,14)
```
#031a20
```
#031a20 rgb(3,26,32)
```
#052a31
```
#052a31 rgb(5,42,49)
```
#063943
```
#063943 rgb(6,57,67)
```
#084855
```
#084855 rgb(8,72,85)
```
#0a5767
```
#0a5767 rgb(10,87,103)
```
#0b6679
```
#0b6679 rgb(11,102,121)
```
#0d758b
```
#0d758b rgb(13,117,139)
```
#0f849d
```
#0f849d rgb(15,132,157)
```
#1093af
```
#1093af rgb(16,147,175)
```
#12a2c1
```
#12a2c1 rgb(18,162,193)
```
#14b1d3
```
#14b1d3 rgb(20,177,211)
```
#15c0e5
```
#15c0e5 rgb(21,192,229)
```

Shade Color Variation

#23c7eb
```
#23c7eb rgb(35,199,235)
```
#35ccec
```
#35ccec rgb(53,204,236)
```
#47d0ee
```
#47d0ee rgb(71,208,238)
```
#59d5f0
```
#59d5f0 rgb(89,213,240)
```
#6bd9f1
```
#6bd9f1 rgb(107,217,241)
```
#7ddef3
```
#7ddef3 rgb(125,222,243)
```
#8fe3f5
```
#8fe3f5 rgb(143,227,245)
```
#a1e7f6
```
#a1e7f6 rgb(161,231,246)
```
#b3ecf8
```
#b3ecf8 rgb(179,236,248)
```
#c5f0fa
```
#c5f0fa rgb(197,240,250)
```
#d7f5fb
```
#d7f5fb rgb(215,245,251)
```
#e9f9fd
```
#e9f9fd rgb(233,249,253)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #636e70 is the less saturated color, while #02acd1 is the most saturated one.

#636e70
```
#636e70 rgb(99,110,112)
```
#5b7378
```
#5b7378 rgb(91,115,120)
```
#537880
```
#537880 rgb(83,120,128)
```
#4b7d88
```
#4b7d88 rgb(75,125,136)
```
#438390
```
#438390 rgb(67,131,144)
```
#3b8898
```
#3b8898 rgb(59,136,152)
```
#328da1
```
#328da1 rgb(50,141,161)
```
#2a92a9
```
#2a92a9 rgb(42,146,169)
```
#2298b1
```
#2298b1 rgb(34,152,177)
```
#1a9db9
```
#1a9db9 rgb(26,157,185)
```
#12a2c1
```
#12a2c1 rgb(18,162,193)
```
#0aa7c9
```
#0aa7c9 rgb(10,167,201)
```
#02acd1
```
#02acd1 rgb(2,172,209)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#658288 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9198bb Protanopia 1% of men
#8b98ca Deuteranopia 1% of men
#00a8b5 Tritanopia 0.001% of the population

Trichromacy

#639cbd Protanomaly 1% of men, 0.01% of women
#5f9bc6 Deuteranomaly 6% of men, 0.4% of women
#06a6b9 Tritanomaly 0.01% of the population

#12a2c1 hex color

#12a2c1 Color Information

#12a2c1 Color Conversion

Color Schemes with #12a2c1

Alternatives to #12a2c1

#12a2c1 Preview

Shades and Tints of #12a2c1

Tones of #12a2c1

Color Blindness Simulator