#12a6cc hex color

In a RGB color space, hex #12a6cc is composed of 7.1% red, 65.1% green and 80% blue. Whereas in a CMYK color space, it is composed of 91.2% cyan, 18.6% magenta, 0% yellow and 20% black. It has a hue angle of 192.3 degrees, a saturation of 83.8% and a lightness of 43.5%. #12a6cc color hex could be obtained by blending #24ffff with #004d99. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 7
- G 65
- B 80
RGB color chart
- C 91
- M 19
- Y 0
- K 20
CMYK color chart

● #12a6cc color description : Strong cyan.

The hexadecimal color #12a6cc has RGB values of R:18, G:166, B:204 and CMYK values of C:0.91, M:0.19, Y:0, K:0.2. Its decimal value is 1222348.

Hex triplet	12a6cc	`#12a6cc`
RGB Decimal	18, 166, 204	`rgb(18,166,204)`
RGB Percent	7.1, 65.1, 80	`rgb(7.1%,65.1%,80%)`
CMYK	91, 19, 0, 20
HSL	192.3°, 83.8, 43.5	`hsl(192.3,83.8%,43.5%)`
HSV (or HSB)	192.3°, 91.2, 80
Web Safe	0099cc	`#0099cc`

CIE-LAB	63.143, -21.707, -29.271
XYZ	24.782, 31.758, 61.947
xyY	0.209, 0.268, 31.758
CIE-LCH	63.143, 36.442, 233.439
CIE-LUV	63.143, -43.956, -42.921
Hunter-Lab	56.354, -20.125, -25.726
Binary	00010010, 10100110, 11001100

#12a6cc
```
#12a6cc rgb(18,166,204)
```
#cc3812
```
#cc3812 rgb(204,56,18)
```

Complementary Color

#12cc95
```
#12cc95 rgb(18,204,149)
```
#12a6cc
```
#12a6cc rgb(18,166,204)
```
#1249cc
```
#1249cc rgb(18,73,204)
```

Analogous Color

#cc9512
```
#cc9512 rgb(204,149,18)
```
#12a6cc
```
#12a6cc rgb(18,166,204)
```
#cc1249
```
#cc1249 rgb(204,18,73)
```

Split Complementary Color

#a6cc12
```
#a6cc12 rgb(166,204,18)
```
#12a6cc
```
#12a6cc rgb(18,166,204)
```
#cc12a6
```
#cc12a6 rgb(204,18,166)
```

Triadic Color

#12cc38
```
#12cc38 rgb(18,204,56)
```
#12a6cc
```
#12a6cc rgb(18,166,204)
```
#cc12a6
```
#cc12a6 rgb(204,18,166)
```
#cc3812
```
#cc3812 rgb(204,56,18)
```

Tetradic Color

#0c6d86
```
#0c6d86 rgb(12,109,134)
```
#0e809d
```
#0e809d rgb(14,128,157)
```
#1093b5
```
#1093b5 rgb(16,147,181)
```
#12a6cc
```
#12a6cc rgb(18,166,204)
```
#14b9e3
```
#14b9e3 rgb(20,185,227)
```
#25c3ec
```
#25c3ec rgb(37,195,236)
```
#3dcaee
```
#3dcaee rgb(61,202,238)
```

Monochromatic Color

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

#12ccc4
```
#12ccc4 rgb(18,204,196)
```
#12c5cc
```
#12c5cc rgb(18,197,204)
```
#12b6cc
```
#12b6cc rgb(18,182,204)
```
#12a6cc
```
#12a6cc rgb(18,166,204)
```
#1297cc
```
#1297cc rgb(18,151,204)
```
#1287cc
```
#1287cc rgb(18,135,204)
```
#1278cc
```
#1278cc rgb(18,120,204)
```

Similar Colors

Text with hexadecimal color #12a6cc

This text has a font color of #12a6cc.

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

#12a6cc background color

This paragraph has a background color of #12a6cc.

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

#12a6cc border color

This element has a border color of #12a6cc.

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

CSS codes

.text {color:#12a6cc;}

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

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

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, #010506 is the darkest color, while #f3fcfe is the lightest one.

#010506
```
#010506 rgb(1,5,6)
```
#021318
```
#021318 rgb(2,19,24)
```
#04222a
```
#04222a rgb(4,34,42)
```
#05313c
```
#05313c rgb(5,49,60)
```
#073f4e
```
#073f4e rgb(7,63,78)
```
#084e60
```
#084e60 rgb(8,78,96)
```
#0a5d72
```
#0a5d72 rgb(10,93,114)
```
#0c6b84
```
#0c6b84 rgb(12,107,132)
```
#0d7a96
```
#0d7a96 rgb(13,122,150)
```
#0f89a8
```
#0f89a8 rgb(15,137,168)
```
#1097ba
```
#1097ba rgb(16,151,186)
```
#12a6cc
```
#12a6cc rgb(18,166,204)
```
#14b5de
```
#14b5de rgb(20,181,222)
```

Shade Color Variation

#1ac0eb
```
#1ac0eb rgb(26,192,235)
```
#2cc5ec
```
#2cc5ec rgb(44,197,236)
```
#3ecaee
```
#3ecaee rgb(62,202,238)
```
#50cff0
```
#50cff0 rgb(80,207,240)
```
#63d4f1
```
#63d4f1 rgb(99,212,241)
```
#75d9f3
```
#75d9f3 rgb(117,217,243)
```
#87def4
```
#87def4 rgb(135,222,244)
```
#99e3f6
```
#99e3f6 rgb(153,227,246)
```
#abe8f8
```
#abe8f8 rgb(171,232,248)
```
#bdedf9
```
#bdedf9 rgb(189,237,249)
```
#cff2fb
```
#cff2fb rgb(207,242,251)
```
#e1f7fc
```
#e1f7fc rgb(225,247,252)
```
#f3fcfe
```
#f3fcfe rgb(243,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #677477 is the less saturated color, while #01b0dd is the most saturated one.

#677477
```
#677477 rgb(103,116,119)
```
#5f797f
```
#5f797f rgb(95,121,127)
```
#567e88
```
#567e88 rgb(86,126,136)
```
#4e8390
```
#4e8390 rgb(78,131,144)
```
#458899
```
#458899 rgb(69,136,153)
```
#3d8da1
```
#3d8da1 rgb(61,141,161)
```
#3492aa
```
#3492aa rgb(52,146,170)
```
#2c97b2
```
#2c97b2 rgb(44,151,178)
```
#239cbb
```
#239cbb rgb(35,156,187)
```
#1ba1c3
```
#1ba1c3 rgb(27,161,195)
```
#12a6cc
```
#12a6cc rgb(18,166,204)
```
#09abd5
```
#09abd5 rgb(9,171,213)
```
#01b0dd
```
#01b0dd rgb(1,176,221)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#68868e Atypical Achromatopsia 0.001% of the population

Dichromacy

#939cc5 Protanopia 1% of men
#8b9cd4 Deuteranopia 1% of men
#00adb9 Tritanopia 0.001% of the population

Trichromacy

#649fc7 Protanomaly 1% of men, 0.01% of women
#5f9fd1 Deuteranomaly 6% of men, 0.4% of women
#06aac0 Tritanomaly 0.01% of the population

#12a6cc hex color

#12a6cc Color Information

#12a6cc Color Conversion

Color Schemes with #12a6cc

Alternatives to #12a6cc

#12a6cc Preview

Shades and Tints of #12a6cc

Tones of #12a6cc

Color Blindness Simulator