colorhexa.com

#12a1d2 hex color

In a RGB color space, hex #12a1d2 is composed of 7.1% red, 63.1% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 91.4% cyan, 23.3% magenta, 0% yellow and 17.6% black. It has a hue angle of 195.3 degrees, a saturation of 84.2% and a lightness of 44.7%. #12a1d2 color hex could be obtained by blending #24ffff with #0043a5. Closest websafe color is: #0099cc.

- R 7
- G 63
- B 82
RGB color chart
- C 91
- M 23
- Y 0
- K 18
CMYK color chart

● #12a1d2 color description : Strong blue.

The hexadecimal color #12a1d2 has RGB values of R:18, G:161, B:210 and CMYK values of C:0.91, M:0.23, Y:0, K:0.18. Its decimal value is 1221074.

Hex triplet	12a1d2	`#12a1d2`
RGB Decimal	18, 161, 210	`rgb(18,161,210)`
RGB Percent	7.1, 63.1, 82.4	`rgb(7.1%,63.1%,82.4%)`
CMYK	91, 23, 0, 18
HSL	195.3°, 84.2, 44.7	`hsl(195.3,84.2%,44.7%)`
HSV (or HSB)	195.3°, 91.4, 82.4
Web Safe	0099cc	`#0099cc`

CIE-LAB	61.886, -16.969, -34.559
XYZ	24.624, 30.269, 65.514
xyY	0.205, 0.251, 30.269
CIE-LCH	61.886, 38.5, 243.849
CIE-LUV	61.886, -41.805, -52.188
Hunter-Lab	55.017, -16.389, -32.09
Binary	00010010, 10100001, 11010010

#12a1d2
```
#12a1d2 rgb(18,161,210)
```
#d24312
```
#d24312 rgb(210,67,18)
```

Complementary Color

#12d2a3
```
#12d2a3 rgb(18,210,163)
```
#12a1d2
```
#12a1d2 rgb(18,161,210)
```
#1241d2
```
#1241d2 rgb(18,65,210)
```

Analogous Color

#d2a312
```
#d2a312 rgb(210,163,18)
```
#12a1d2
```
#12a1d2 rgb(18,161,210)
```
#d21241
```
#d21241 rgb(210,18,65)
```

Split Complementary Color

#a1d212
```
#a1d212 rgb(161,210,18)
```
#12a1d2
```
#12a1d2 rgb(18,161,210)
```
#d212a1
```
#d212a1 rgb(210,18,161)
```

Triadic Color

#12d243
```
#12d243 rgb(18,210,67)
```
#12a1d2
```
#12a1d2 rgb(18,161,210)
```
#d212a1
```
#d212a1 rgb(210,18,161)
```
#d24312
```
#d24312 rgb(210,67,18)
```

Tetradic Color

#0c6b8c
```
#0c6b8c rgb(12,107,140)
```
#0e7da3
```
#0e7da3 rgb(14,125,163)
```
#108fbb
```
#108fbb rgb(16,143,187)
```
#12a1d2
```
#12a1d2 rgb(18,161,210)
```
#14b3e9
```
#14b3e9 rgb(20,179,233)
```
#2abbed
```
#2abbed rgb(42,187,237)
```
#42c3ef
```
#42c3ef rgb(66,195,239)
```

Monochromatic Color

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

#12d1d2
```
#12d1d2 rgb(18,209,210)
```
#12c1d2
```
#12c1d2 rgb(18,193,210)
```
#12b1d2
```
#12b1d2 rgb(18,177,210)
```
#12a1d2
```
#12a1d2 rgb(18,161,210)
```
#1291d2
```
#1291d2 rgb(18,145,210)
```
#1281d2
```
#1281d2 rgb(18,129,210)
```
#1271d2
```
#1271d2 rgb(18,113,210)
```

Similar Colors

Text with hexadecimal color #12a1d2

This text has a font color of #12a1d2.

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

#12a1d2 background color

This paragraph has a background color of #12a1d2.

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

#12a1d2 border color

This element has a border color of #12a1d2.

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

CSS codes

.text {color:#12a1d2;}

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

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

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, #01090b is the darkest color, while #f8fdfe is the lightest one.

#01090b
```
#01090b rgb(1,9,11)
```
#03161d
```
#03161d rgb(3,22,29)
```
#04242f
```
#04242f rgb(4,36,47)
```
#063241
```
#063241 rgb(6,50,65)
```
#074054
```
#074054 rgb(7,64,84)
```
#094e66
```
#094e66 rgb(9,78,102)
```
#0a5c78
```
#0a5c78 rgb(10,92,120)
```
#0c6a8a
```
#0c6a8a rgb(12,106,138)
```
#0d779c
```
#0d779c rgb(13,119,156)
```
#0f85ae
```
#0f85ae rgb(15,133,174)
```
#1093c0
```
#1093c0 rgb(16,147,192)
```
#12a1d2
```
#12a1d2 rgb(18,161,210)
```
#14afe4
```
#14afe4 rgb(20,175,228)
```

Shade Color Variation

#1fb8ec
```
#1fb8ec rgb(31,184,236)
```
#31bded
```
#31bded rgb(49,189,237)
```
#44c3ef
```
#44c3ef rgb(68,195,239)
```
#56c9f0
```
#56c9f0 rgb(86,201,240)
```
#68cff2
```
#68cff2 rgb(104,207,242)
```
#7ad4f4
```
#7ad4f4 rgb(122,212,244)
```
#8cdaf5
```
#8cdaf5 rgb(140,218,245)
```
#9ee0f7
```
#9ee0f7 rgb(158,224,247)
```
#b0e6f8
```
#b0e6f8 rgb(176,230,248)
```
#c2ecfa
```
#c2ecfa rgb(194,236,250)
```
#d4f1fb
```
#d4f1fb rgb(212,241,251)
```
#e6f7fd
```
#e6f7fd rgb(230,247,253)
```
#f8fdfe
```
#f8fdfe rgb(248,253,254)
```

Tint Color Variation

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

#6a767a
```
#6a767a rgb(106,118,122)
```
#617a83
```
#617a83 rgb(97,122,131)
```
#587f8c
```
#587f8c rgb(88,127,140)
```
#4f8395
```
#4f8395 rgb(79,131,149)
```
#47879d
```
#47879d rgb(71,135,157)
```
#3e8ca6
```
#3e8ca6 rgb(62,140,166)
```
#3590af
```
#3590af rgb(53,144,175)
```
#2c94b8
```
#2c94b8 rgb(44,148,184)
```
#2498c0
```
#2498c0 rgb(36,152,192)
```
#1b9dc9
```
#1b9dc9 rgb(27,157,201)
```
#12a1d2
```
#12a1d2 rgb(18,161,210)
```
#09a5db
```
#09a5db rgb(9,165,219)
```
#00aae4
```
#00aae4 rgb(0,170,228)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#67838d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b99cb Protanopia 1% of men
#7f99d9 Deuteranopia 1% of men
#00aab5 Tritanopia 0.001% of the population

Trichromacy

#5f9ccd Protanomaly 1% of men, 0.01% of women
#579cd6 Deuteranomaly 6% of men, 0.4% of women
#06a6c0 Tritanomaly 0.01% of the population