#12a2d9 hex color

In a RGB color space, hex #12a2d9 is composed of 7.1% red, 63.5% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 91.7% cyan, 25.3% magenta, 0% yellow and 14.9% black. It has a hue angle of 196.6 degrees, a saturation of 84.7% and a lightness of 46.1%. #12a2d9 color hex could be obtained by blending #24ffff with #0045b3. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 7
- G 64
- B 85
RGB color chart
- C 92
- M 25
- Y 0
- K 15
CMYK color chart

● #12a2d9 color description : Vivid blue.

The hexadecimal color #12a2d9 has RGB values of R:18, G:162, B:217 and CMYK values of C:0.92, M:0.25, Y:0, K:0.15. Its decimal value is 1221337.

Hex triplet	12a2d9	`#12a2d9`
RGB Decimal	18, 162, 217	`rgb(18,162,217)`
RGB Percent	7.1, 63.5, 85.1	`rgb(7.1%,63.5%,85.1%)`
CMYK	92, 25, 0, 15
HSL	196.6°, 84.7, 46.1	`hsl(196.6,84.7%,46.1%)`
HSV (or HSB)	196.6°, 91.7, 85.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	62.488, -15.026, -37.509
XYZ	25.691, 30.977, 70.267
xyY	0.202, 0.244, 30.977
CIE-LCH	62.488, 40.407, 248.169
CIE-LUV	62.488, -41.651, -57.444
Hunter-Lab	55.657, -15.004, -35.894
Binary	00010010, 10100010, 11011001

#12a2d9
```
#12a2d9 rgb(18,162,217)
```
#d94912
```
#d94912 rgb(217,73,18)
```

Complementary Color

#12d9ad
```
#12d9ad rgb(18,217,173)
```
#12a2d9
```
#12a2d9 rgb(18,162,217)
```
#123fd9
```
#123fd9 rgb(18,63,217)
```

Analogous Color

#d9ad12
```
#d9ad12 rgb(217,173,18)
```
#12a2d9
```
#12a2d9 rgb(18,162,217)
```
#d9123f
```
#d9123f rgb(217,18,63)
```

Split Complementary Color

#a2d912
```
#a2d912 rgb(162,217,18)
```
#12a2d9
```
#12a2d9 rgb(18,162,217)
```
#d912a2
```
#d912a2 rgb(217,18,162)
```

Triadic Color

#12d949
```
#12d949 rgb(18,217,73)
```
#12a2d9
```
#12a2d9 rgb(18,162,217)
```
#d912a2
```
#d912a2 rgb(217,18,162)
```
#d94912
```
#d94912 rgb(217,73,18)
```

Tetradic Color

#0c6d92
```
#0c6d92 rgb(12,109,146)
```
#0e7faa
```
#0e7faa rgb(14,127,170)
```
#1090c1
```
#1090c1 rgb(16,144,193)
```
#12a2d9
```
#12a2d9 rgb(18,162,217)
```
#19b1ec
```
#19b1ec rgb(25,177,236)
```
#30b9ee
```
#30b9ee rgb(48,185,238)
```
#48c1f0
```
#48c1f0 rgb(72,193,240)
```

Monochromatic Color

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

#12d4d9
```
#12d4d9 rgb(18,212,217)
```
#12c3d9
```
#12c3d9 rgb(18,195,217)
```
#12b3d9
```
#12b3d9 rgb(18,179,217)
```
#12a2d9
```
#12a2d9 rgb(18,162,217)
```
#1291d9
```
#1291d9 rgb(18,145,217)
```
#1281d9
```
#1281d9 rgb(18,129,217)
```
#1270d9
```
#1270d9 rgb(18,112,217)
```

Similar Colors

Text with hexadecimal color #12a2d9

This text has a font color of #12a2d9.

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

#12a2d9 background color

This paragraph has a background color of #12a2d9.

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

#12a2d9 border color

This element has a border color of #12a2d9.

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

CSS codes

.text {color:#12a2d9;}

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

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

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

#010d12
```
#010d12 rgb(1,13,18)
```
#031b24
```
#031b24 rgb(3,27,36)
```
#042836
```
#042836 rgb(4,40,54)
```
#063648
```
#063648 rgb(6,54,72)
```
#07435a
```
#07435a rgb(7,67,90)
```
#09516c
```
#09516c rgb(9,81,108)
```
#0a5e7e
```
#0a5e7e rgb(10,94,126)
```
#0c6c91
```
#0c6c91 rgb(12,108,145)
```
#0d79a3
```
#0d79a3 rgb(13,121,163)
```
#0f87b5
```
#0f87b5 rgb(15,135,181)
```
#1094c7
```
#1094c7 rgb(16,148,199)
```
#12a2d9
```
#12a2d9 rgb(18,162,217)
```
#14b0eb
```
#14b0eb rgb(20,176,235)
```

Shade Color Variation

#25b6ed
```
#25b6ed rgb(37,182,237)
```
#37bcee
```
#37bcee rgb(55,188,238)
```
#4ac2f0
```
#4ac2f0 rgb(74,194,240)
```
#5cc8f1
```
#5cc8f1 rgb(92,200,241)
```
#6ecef3
```
#6ecef3 rgb(110,206,243)
```
#80d4f4
```
#80d4f4 rgb(128,212,244)
```
#92daf6
```
#92daf6 rgb(146,218,246)
```
#a4e0f7
```
#a4e0f7 rgb(164,224,247)
```
#b6e7f9
```
#b6e7f9 rgb(182,231,249)
```
#c8edfa
```
#c8edfa rgb(200,237,250)
```
#daf3fc
```
#daf3fc rgb(218,243,252)
```
#edf9fd
```
#edf9fd rgb(237,249,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#757676
```
#757676 rgb(117,118,118)
```
#6c7a7f
```
#6c7a7f rgb(108,122,127)
```
#637e88
```
#637e88 rgb(99,126,136)
```
#5a8291
```
#5a8291 rgb(90,130,145)
```
#51869a
```
#51869a rgb(81,134,154)
```
#488aa3
```
#488aa3 rgb(72,138,163)
```
#3f8eac
```
#3f8eac rgb(63,142,172)
```
#3692b5
```
#3692b5 rgb(54,146,181)
```
#2d96be
```
#2d96be rgb(45,150,190)
```
#249ac7
```
#249ac7 rgb(36,154,199)
```
#1b9ed0
```
#1b9ed0 rgb(27,158,208)
```
#12a2d9
```
#12a2d9 rgb(18,162,217)
```
#09a6e2
```
#09a6e2 rgb(9,166,226)
```

Tone Color Variation

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

#8a9ad2 Protanopia 1% of men
#7c9bdf Deuteranopia 1% of men
#00abb7 Tritanopia 0.001% of the population

Trichromacy

#5e9dd4 Protanomaly 1% of men, 0.01% of women
#559ddd Deuteranomaly 6% of men, 0.4% of women
#06a8c3 Tritanomaly 0.01% of the population

#12a2d9 hex color

#12a2d9 Color Information

#12a2d9 Color Conversion

Color Schemes with #12a2d9

Alternatives to #12a2d9

#12a2d9 Preview

Shades and Tints of #12a2d9

Tones of #12a2d9

Color Blindness Simulator