#12aadc hex color

In a RGB color space, hex #12aadc is composed of 7.1% red, 66.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 91.8% cyan, 22.7% magenta, 0% yellow and 13.7% black. It has a hue angle of 194.9 degrees, a saturation of 84.9% and a lightness of 46.7%. #12aadc color hex could be obtained by blending #24ffff with #0055b9. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 7
- G 67
- B 86
RGB color chart
- C 92
- M 23
- Y 0
- K 14
CMYK color chart

● #12aadc color description : Vivid cyan.

The hexadecimal color #12aadc has RGB values of R:18, G:170, B:220 and CMYK values of C:0.92, M:0.23, Y:0, K:0.14. Its decimal value is 1223388.

Hex triplet	12aadc	`#12aadc`
RGB Decimal	18, 170, 220	`rgb(18,170,220)`
RGB Percent	7.1, 66.7, 86.3	`rgb(7.1%,66.7%,86.3%)`
CMYK	92, 23, 0, 14
HSL	194.9°, 84.9, 46.7	`hsl(194.9,84.9%,46.7%)`
HSV (or HSB)	194.9°, 91.8, 86.3
Web Safe	0099cc	`#0099cc`

CIE-LAB	64.996, -18.266, -35.257
XYZ	27.539, 34.043, 72.826
xyY	0.205, 0.253, 34.043
CIE-LCH	64.996, 39.708, 242.613
CIE-LUV	64.996, -44.155, -53.585
Hunter-Lab	58.346, -17.855, -33.162
Binary	00010010, 10101010, 11011100

#12aadc
```
#12aadc rgb(18,170,220)
```
#dc4412
```
#dc4412 rgb(220,68,18)
```

Complementary Color

#12dca9
```
#12dca9 rgb(18,220,169)
```
#12aadc
```
#12aadc rgb(18,170,220)
```
#1245dc
```
#1245dc rgb(18,69,220)
```

Analogous Color

#dca912
```
#dca912 rgb(220,169,18)
```
#12aadc
```
#12aadc rgb(18,170,220)
```
#dc1245
```
#dc1245 rgb(220,18,69)
```

Split Complementary Color

#aadc12
```
#aadc12 rgb(170,220,18)
```
#12aadc
```
#12aadc rgb(18,170,220)
```
#dc12aa
```
#dc12aa rgb(220,18,170)
```

Triadic Color

#12dc44
```
#12dc44 rgb(18,220,68)
```
#12aadc
```
#12aadc rgb(18,170,220)
```
#dc12aa
```
#dc12aa rgb(220,18,170)
```
#dc4412
```
#dc4412 rgb(220,68,18)
```

Tetradic Color

#0c7395
```
#0c7395 rgb(12,115,149)
```
#0e86ad
```
#0e86ad rgb(14,134,173)
```
#1098c4
```
#1098c4 rgb(16,152,196)
```
#12aadc
```
#12aadc rgb(18,170,220)
```
#1bb9ec
```
#1bb9ec rgb(27,185,236)
```
#33c0ee
```
#33c0ee rgb(51,192,238)
```
#4ac7f0
```
#4ac7f0 rgb(74,199,240)
```

Monochromatic Color

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

#12dcdc
```
#12dcdc rgb(18,220,220)
```
#12ccdc
```
#12ccdc rgb(18,204,220)
```
#12bbdc
```
#12bbdc rgb(18,187,220)
```
#12aadc
```
#12aadc rgb(18,170,220)
```
#1299dc
```
#1299dc rgb(18,153,220)
```
#1288dc
```
#1288dc rgb(18,136,220)
```
#1278dc
```
#1278dc rgb(18,120,220)
```

Similar Colors

Text with hexadecimal color #12aadc

This text has a font color of #12aadc.

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

#12aadc background color

This paragraph has a background color of #12aadc.

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

#12aadc border color

This element has a border color of #12aadc.

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

CSS codes

.text {color:#12aadc;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#021015
```
#021015 rgb(2,16,21)
```
#031e27
```
#031e27 rgb(3,30,39)
```
#052c39
```
#052c39 rgb(5,44,57)
```
#063a4b
```
#063a4b rgb(6,58,75)
```
#08485d
```
#08485d rgb(8,72,93)
```
#09566f
```
#09566f rgb(9,86,111)
```
#0b6481
```
#0b6481 rgb(11,100,129)
```
#0c7293
```
#0c7293 rgb(12,114,147)
```
#0e80a6
```
#0e80a6 rgb(14,128,166)
```
#0f8eb8
```
#0f8eb8 rgb(15,142,184)
```
#119cca
```
#119cca rgb(17,156,202)
```
#12aadc
```
#12aadc rgb(18,170,220)
```

Shade Color Variation

#16b7ec
```
#16b7ec rgb(22,183,236)
```
#28bced
```
#28bced rgb(40,188,237)
```
#3ac2ef
```
#3ac2ef rgb(58,194,239)
```
#4cc8f0
```
#4cc8f0 rgb(76,200,240)
```
#5ecdf2
```
#5ecdf2 rgb(94,205,242)
```
#70d3f3
```
#70d3f3 rgb(112,211,243)
```
#82d9f5
```
#82d9f5 rgb(130,217,245)
```
#95def6
```
#95def6 rgb(149,222,246)
```
#a7e4f8
```
#a7e4f8 rgb(167,228,248)
```
#b9e9f9
```
#b9e9f9 rgb(185,233,249)
```
#cbeffb
```
#cbeffb rgb(203,239,251)
```
#ddf5fc
```
#ddf5fc rgb(221,245,252)
```
#effafe
```
#effafe rgb(239,250,254)
```

Tint Color Variation

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

#777777
```
#777777 rgb(119,119,119)
```
#6e7c80
```
#6e7c80 rgb(110,124,128)
```
#64808a
```
#64808a rgb(100,128,138)
```
#5b8593
```
#5b8593 rgb(91,133,147)
```
#528a9c
```
#528a9c rgb(82,138,156)
```
#498ea5
```
#498ea5 rgb(73,142,165)
```
#4093ae
```
#4093ae rgb(64,147,174)
```
#3798b7
```
#3798b7 rgb(55,152,183)
```
#2d9cc1
```
#2d9cc1 rgb(45,156,193)
```
#24a1ca
```
#24a1ca rgb(36,161,202)
```
#1ba5d3
```
#1ba5d3 rgb(27,165,211)
```
#12aadc
```
#12aadc rgb(18,170,220)
```
#09afe5
```
#09afe5 rgb(9,175,229)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#6c8a94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#93a0d4 Protanopia 1% of men
#87a1e3 Deuteranopia 1% of men
#00b2be Tritanopia 0.001% of the population

Trichromacy

#64a4d7 Protanomaly 1% of men, 0.01% of women
#5ca4e0 Deuteranomaly 6% of men, 0.4% of women
#06afc9 Tritanomaly 0.01% of the population

#12aadc hex color

#12aadc Color Information

#12aadc Color Conversion

Color Schemes with #12aadc

Alternatives to #12aadc

#12aadc Preview

Shades and Tints of #12aadc

Tones of #12aadc

Color Blindness Simulator