#12a2d6 hex color

In a RGB color space, hex #12a2d6 is composed of 7.1% red, 63.5% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 91.6% cyan, 24.3% magenta, 0% yellow and 16.1% black. It has a hue angle of 195.9 degrees, a saturation of 84.5% and a lightness of 45.5%. #12a2d6 color hex could be obtained by blending #24ffff with #0045ad. Closest websafe color is: #0099cc.

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

● #12a2d6 color description : Strong blue.

The hexadecimal color #12a2d6 has RGB values of R:18, G:162, B:214 and CMYK values of C:0.92, M:0.24, Y:0, K:0.16. Its decimal value is 1221334.

Hex triplet	12a2d6	`#12a2d6`
RGB Decimal	18, 162, 214	`rgb(18,162,214)`
RGB Percent	7.1, 63.5, 83.9	`rgb(7.1%,63.5%,83.9%)`
CMYK	92, 24, 0, 16
HSL	195.9°, 84.5, 45.5	`hsl(195.9,84.5%,45.5%)`
HSV (or HSB)	195.9°, 91.6, 83.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	62.357, -16.092, -36.049
XYZ	25.304, 30.822, 68.23
xyY	0.203, 0.248, 30.822
CIE-LCH	62.357, 39.477, 245.944
CIE-LUV	62.357, -41.862, -54.849
Hunter-Lab	55.517, -15.797, -34.004
Binary	00010010, 10100010, 11010110

#12a2d6
```
#12a2d6 rgb(18,162,214)
```
#d64612
```
#d64612 rgb(214,70,18)
```

Complementary Color

#12d6a8
```
#12d6a8 rgb(18,214,168)
```
#12a2d6
```
#12a2d6 rgb(18,162,214)
```
#1240d6
```
#1240d6 rgb(18,64,214)
```

Analogous Color

#d6a812
```
#d6a812 rgb(214,168,18)
```
#12a2d6
```
#12a2d6 rgb(18,162,214)
```
#d61240
```
#d61240 rgb(214,18,64)
```

Split Complementary Color

#a2d612
```
#a2d612 rgb(162,214,18)
```
#12a2d6
```
#12a2d6 rgb(18,162,214)
```
#d612a2
```
#d612a2 rgb(214,18,162)
```

Triadic Color

#12d646
```
#12d646 rgb(18,214,70)
```
#12a2d6
```
#12a2d6 rgb(18,162,214)
```
#d612a2
```
#d612a2 rgb(214,18,162)
```
#d64612
```
#d64612 rgb(214,70,18)
```

Tetradic Color

#0c6d8f
```
#0c6d8f rgb(12,109,143)
```
#0e7ea7
```
#0e7ea7 rgb(14,126,167)
```
#1090be
```
#1090be rgb(16,144,190)
```
#12a2d6
```
#12a2d6 rgb(18,162,214)
```
#16b3eb
```
#16b3eb rgb(22,179,235)
```
#2ebbed
```
#2ebbed rgb(46,187,237)
```
#45c2ef
```
#45c2ef rgb(69,194,239)
```

Monochromatic Color

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

#12d3d6
```
#12d3d6 rgb(18,211,214)
```
#12c3d6
```
#12c3d6 rgb(18,195,214)
```
#12b2d6
```
#12b2d6 rgb(18,178,214)
```
#12a2d6
```
#12a2d6 rgb(18,162,214)
```
#1292d6
```
#1292d6 rgb(18,146,214)
```
#1281d6
```
#1281d6 rgb(18,129,214)
```
#1271d6
```
#1271d6 rgb(18,113,214)
```

Similar Colors

Text with hexadecimal color #12a2d6

This text has a font color of #12a2d6.

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

#12a2d6 background color

This paragraph has a background color of #12a2d6.

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

#12a2d6 border color

This element has a border color of #12a2d6.

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

CSS codes

.text {color:#12a2d6;}

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

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

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

#010b0f
```
#010b0f rgb(1,11,15)
```
#031921
```
#031921 rgb(3,25,33)
```
#042733
```
#042733 rgb(4,39,51)
```
#063445
```
#063445 rgb(6,52,69)
```
#074257
```
#074257 rgb(7,66,87)
```
#095069
```
#095069 rgb(9,80,105)
```
#0a5e7c
```
#0a5e7c rgb(10,94,124)
```
#0c6b8e
```
#0c6b8e rgb(12,107,142)
```
#0d79a0
```
#0d79a0 rgb(13,121,160)
```
#0f87b2
```
#0f87b2 rgb(15,135,178)
```
#1094c4
```
#1094c4 rgb(16,148,196)
```
#12a2d6
```
#12a2d6 rgb(18,162,214)
```
#14b0e8
```
#14b0e8 rgb(20,176,232)
```

Shade Color Variation

#23b7ec
```
#23b7ec rgb(35,183,236)
```
#35bdee
```
#35bdee rgb(53,189,238)
```
#47c3f0
```
#47c3f0 rgb(71,195,240)
```
#59c9f1
```
#59c9f1 rgb(89,201,241)
```
#6bcff3
```
#6bcff3 rgb(107,207,243)
```
#7dd5f4
```
#7dd5f4 rgb(125,213,244)
```
#8fdaf6
```
#8fdaf6 rgb(143,218,246)
```
#a1e0f7
```
#a1e0f7 rgb(161,224,247)
```
#b4e6f9
```
#b4e6f9 rgb(180,230,249)
```
#c6ecfa
```
#c6ecfa rgb(198,236,250)
```
#d8f2fc
```
#d8f2fc rgb(216,242,252)
```
#eaf8fd
```
#eaf8fd rgb(234,248,253)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b787d is the less saturated color, while #00aae8 is the most saturated one.

#6b787d
```
#6b787d rgb(107,120,125)
```
#627c86
```
#627c86 rgb(98,124,134)
```
#59808f
```
#59808f rgb(89,128,143)
```
#508598
```
#508598 rgb(80,133,152)
```
#4889a0
```
#4889a0 rgb(72,137,160)
```
#3f8da9
```
#3f8da9 rgb(63,141,169)
```
#3691b2
```
#3691b2 rgb(54,145,178)
```
#2d95bb
```
#2d95bb rgb(45,149,187)
```
#249ac4
```
#249ac4 rgb(36,154,196)
```
#1b9ecd
```
#1b9ecd rgb(27,158,205)
```
#12a2d6
```
#12a2d6 rgb(18,162,214)
```
#09a6df
```
#09a6df rgb(9,166,223)
```
#00aae8
```
#00aae8 rgb(0,170,232)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#68848f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b9acf Protanopia 1% of men
#7e9bdc Deuteranopia 1% of men
#00abb7 Tritanopia 0.001% of the population

Trichromacy

#5f9dd1 Protanomaly 1% of men, 0.01% of women
#579dda Deuteranomaly 6% of men, 0.4% of women
#06a7c2 Tritanomaly 0.01% of the population

#12a2d6 hex color

#12a2d6 Color Information

#12a2d6 Color Conversion

Color Schemes with #12a2d6

Alternatives to #12a2d6

#12a2d6 Preview

Shades and Tints of #12a2d6

Tones of #12a2d6

Color Blindness Simulator