#12a2b1 hex color

In a RGB color space, hex #12a2b1 is composed of 7.1% red, 63.5% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 89.8% cyan, 8.5% magenta, 0% yellow and 30.6% black. It has a hue angle of 185.7 degrees, a saturation of 81.5% and a lightness of 38.2%. #12a2b1 color hex could be obtained by blending #24ffff with #004563. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 7
- G 64
- B 69
RGB color chart
- C 90
- M 8
- Y 0
- K 31
CMYK color chart

● #12a2b1 color description : Dark cyan.

The hexadecimal color #12a2b1 has RGB values of R:18, G:162, B:177 and CMYK values of C:0.9, M:0.08, Y:0, K:0.31. Its decimal value is 1221297.

Hex triplet	12a2b1	`#12a2b1`
RGB Decimal	18, 162, 177	`rgb(18,162,177)`
RGB Percent	7.1, 63.5, 69.4	`rgb(7.1%,63.5%,69.4%)`
CMYK	90, 8, 0, 31
HSL	185.7°, 81.5, 38.2	`hsl(185.7,81.5%,38.2%)`
HSV (or HSB)	185.7°, 89.8, 69.4
Web Safe	009999	`#009999`

CIE-LAB	60.906, -28.727, -17.588
XYZ	21.103, 29.141, 46.105
xyY	0.219, 0.302, 29.141
CIE-LCH	60.906, 33.683, 211.477
CIE-LUV	60.906, -44.605, -22.708
Hunter-Lab	53.983, -24.69, -12.85
Binary	00010010, 10100010, 10110001

#12a2b1
```
#12a2b1 rgb(18,162,177)
```
#b12112
```
#b12112 rgb(177,33,18)
```

Complementary Color

#12b171
```
#12b171 rgb(18,177,113)
```
#12a2b1
```
#12a2b1 rgb(18,162,177)
```
#1253b1
```
#1253b1 rgb(18,83,177)
```

Analogous Color

#b17112
```
#b17112 rgb(177,113,18)
```
#12a2b1
```
#12a2b1 rgb(18,162,177)
```
#b11253
```
#b11253 rgb(177,18,83)
```

Split Complementary Color

#a2b112
```
#a2b112 rgb(162,177,18)
```
#12a2b1
```
#12a2b1 rgb(18,162,177)
```
#b112a2
```
#b112a2 rgb(177,18,162)
```

Triadic Color

#12b121
```
#12b121 rgb(18,177,33)
```
#12a2b1
```
#12a2b1 rgb(18,162,177)
```
#b112a2
```
#b112a2 rgb(177,18,162)
```
#b12112
```
#b12112 rgb(177,33,18)
```

Tetradic Color

#0b626c
```
#0b626c rgb(11,98,108)
```
#0d7883
```
#0d7883 rgb(13,120,131)
```
#108d9a
```
#108d9a rgb(16,141,154)
```
#12a2b1
```
#12a2b1 rgb(18,162,177)
```
#14b7c8
```
#14b7c8 rgb(20,183,200)
```
#17ccdf
```
#17ccdf rgb(23,204,223)
```
#27d7e9
```
#27d7e9 rgb(39,215,233)
```

Monochromatic Color

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

#12b198
```
#12b198 rgb(18,177,152)
```
#12b1a6
```
#12b1a6 rgb(18,177,166)
```
#12afb1
```
#12afb1 rgb(18,175,177)
```
#12a2b1
```
#12a2b1 rgb(18,162,177)
```
#1295b1
```
#1295b1 rgb(18,149,177)
```
#1288b1
```
#1288b1 rgb(18,136,177)
```
#127ab1
```
#127ab1 rgb(18,122,177)
```

Similar Colors

Text with hexadecimal color #12a2b1

This text has a font color of #12a2b1.

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

#12a2b1 background color

This paragraph has a background color of #12a2b1.

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

#12a2b1 border color

This element has a border color of #12a2b1.

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

CSS codes

.text {color:#12a2b1;}

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

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

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, #020f11 is the darkest color, while #feffff is the lightest one.

#020f11
```
#020f11 rgb(2,15,17)
```
#042023
```
#042023 rgb(4,32,35)
```
#053034
```
#053034 rgb(5,48,52)
```
#074046
```
#074046 rgb(7,64,70)
```
#095158
```
#095158 rgb(9,81,88)
```
#0b616a
```
#0b616a rgb(11,97,106)
```
#0d717c
```
#0d717c rgb(13,113,124)
```
#0e818d
```
#0e818d rgb(14,129,141)
```
#10929f
```
#10929f rgb(16,146,159)
```
#12a2b1
```
#12a2b1 rgb(18,162,177)
```
#14b2c3
```
#14b2c3 rgb(20,178,195)
```
#16c3d5
```
#16c3d5 rgb(22,195,213)
```
#17d3e6
```
#17d3e6 rgb(23,211,230)
```

Shade Color Variation

#28d7e9
```
#28d7e9 rgb(40,215,233)
```
#3adaeb
```
#3adaeb rgb(58,218,235)
```
#4cdeed
```
#4cdeed rgb(76,222,237)
```
#5ee1ef
```
#5ee1ef rgb(94,225,239)
```
#70e4f0
```
#70e4f0 rgb(112,228,240)
```
#81e8f2
```
#81e8f2 rgb(129,232,242)
```
#93ebf4
```
#93ebf4 rgb(147,235,244)
```
#a5eef6
```
#a5eef6 rgb(165,238,246)
```
#b7f2f8
```
#b7f2f8 rgb(183,242,248)
```
#c9f5f9
```
#c9f5f9 rgb(201,245,249)
```
#daf8fb
```
#daf8fb rgb(218,248,251)
```
#ecfbfd
```
#ecfbfd rgb(236,251,253)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d6566 is the less saturated color, while #03aec0 is the most saturated one.

#5d6566
```
#5d6566 rgb(93,101,102)
```
#566b6e
```
#566b6e rgb(86,107,110)
```
#4e7175
```
#4e7175 rgb(78,113,117)
```
#47777d
```
#47777d rgb(71,119,125)
```
#3f7d84
```
#3f7d84 rgb(63,125,132)
```
#38848c
```
#38848c rgb(56,132,140)
```
#308a93
```
#308a93 rgb(48,138,147)
```
#29909b
```
#29909b rgb(41,144,155)
```
#2196a2
```
#2196a2 rgb(33,150,162)
```
#1a9caa
```
#1a9caa rgb(26,156,170)
```
#12a2b1
```
#12a2b1 rgb(18,162,177)
```
#0ba8b9
```
#0ba8b9 rgb(11,168,185)
```
#03aec0
```
#03aec0 rgb(3,174,192)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#648184 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9597ab Protanopia 1% of men
#9395bb Deuteranopia 1% of men
#1aa7b3 Tritanopia 0.001% of the population

Trichromacy

#659bad Protanomaly 1% of men, 0.01% of women
#649ab7 Deuteranomaly 6% of men, 0.4% of women
#17a5b2 Tritanomaly 0.01% of the population

#12a2b1 hex color

#12a2b1 Color Information

#12a2b1 Color Conversion

Color Schemes with #12a2b1

Alternatives to #12a2b1

#12a2b1 Preview

Shades and Tints of #12a2b1

Tones of #12a2b1

Color Blindness Simulator