#12bab2 hex color

In a RGB color space, hex #12bab2 is composed of 7.1% red, 72.9% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 90.3% cyan, 0% magenta, 4.3% yellow and 27.1% black. It has a hue angle of 177.1 degrees, a saturation of 82.4% and a lightness of 40%. #12bab2 color hex could be obtained by blending #24ffff with #007565. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 7
- G 73
- B 70
RGB color chart
- C 90
- M 0
- Y 4
- K 27
CMYK color chart

● #12bab2 color description : Strong cyan.

The hexadecimal color #12bab2 has RGB values of R:18, G:186, B:178 and CMYK values of C:0.9, M:0, Y:0.04, K:0.27. Its decimal value is 1227442.

Hex triplet	12bab2	`#12bab2`
RGB Decimal	18, 186, 178	`rgb(18,186,178)`
RGB Percent	7.1, 72.9, 69.8	`rgb(7.1%,72.9%,69.8%)`
CMYK	90, 0, 4, 27
HSL	177.1°, 82.4, 40	`hsl(177.1,82.4%,40%)`
HSV (or HSB)	177.1°, 90.3, 72.9
Web Safe	00cc99	`#00cc99`

CIE-LAB	68.357, -39.693, -6.96
XYZ	25.842, 38.458, 48.178
xyY	0.23, 0.342, 38.458
CIE-LCH	68.357, 40.298, 189.946
CIE-LUV	68.357, -52.883, -4.567
Hunter-Lab	62.015, -34.144, -2.651
Binary	00010010, 10111010, 10110010

#12bab2
```
#12bab2 rgb(18,186,178)
```
#ba121a
```
#ba121a rgb(186,18,26)
```

Complementary Color

#12ba5e
```
#12ba5e rgb(18,186,94)
```
#12bab2
```
#12bab2 rgb(18,186,178)
```
#126eba
```
#126eba rgb(18,110,186)
```

Analogous Color

#ba5e12
```
#ba5e12 rgb(186,94,18)
```
#12bab2
```
#12bab2 rgb(18,186,178)
```
#ba126e
```
#ba126e rgb(186,18,110)
```

Split Complementary Color

#bab212
```
#bab212 rgb(186,178,18)
```
#12bab2
```
#12bab2 rgb(18,186,178)
```
#b212ba
```
#b212ba rgb(178,18,186)
```

Triadic Color

#1aba12
```
#1aba12 rgb(26,186,18)
```
#12bab2
```
#12bab2 rgb(18,186,178)
```
#b212ba
```
#b212ba rgb(178,18,186)
```
#ba121a
```
#ba121a rgb(186,18,26)
```

Tetradic Color

#0b746f
```
#0b746f rgb(11,116,111)
```
#0e8c86
```
#0e8c86 rgb(14,140,134)
```
#10a39c
```
#10a39c rgb(16,163,156)
```
#12bab2
```
#12bab2 rgb(18,186,178)
```
#14d1c8
```
#14d1c8 rgb(20,209,200)
```
#17e9df
```
#17e9df rgb(23,233,223)
```
#2eebe2
```
#2eebe2 rgb(46,235,226)
```

Monochromatic Color

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

#12ba88
```
#12ba88 rgb(18,186,136)
```
#12ba96
```
#12ba96 rgb(18,186,150)
```
#12baa4
```
#12baa4 rgb(18,186,164)
```
#12bab2
```
#12bab2 rgb(18,186,178)
```
#12b4ba
```
#12b4ba rgb(18,180,186)
```
#12a6ba
```
#12a6ba rgb(18,166,186)
```
#1298ba
```
#1298ba rgb(18,152,186)
```

Similar Colors

Text with hexadecimal color #12bab2

This text has a font color of #12bab2.

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

#12bab2 background color

This paragraph has a background color of #12bab2.

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

#12bab2 border color

This element has a border color of #12bab2.

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

CSS codes

.text {color:#12bab2;}

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

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

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

#010707
```
#010707 rgb(1,7,7)
```
#021918
```
#021918 rgb(2,25,24)
```
#042b29
```
#042b29 rgb(4,43,41)
```
#063d3a
```
#063d3a rgb(6,61,58)
```
#084f4b
```
#084f4b rgb(8,79,75)
```
#09615c
```
#09615c rgb(9,97,92)
```
#0b726e
```
#0b726e rgb(11,114,110)
```
#0d847f
```
#0d847f rgb(13,132,127)
```
#0f9690
```
#0f9690 rgb(15,150,144)
```
#10a8a1
```
#10a8a1 rgb(16,168,161)
```
#12bab2
```
#12bab2 rgb(18,186,178)
```
#14ccc3
```
#14ccc3 rgb(20,204,195)
```
#15ded4
```
#15ded4 rgb(21,222,212)
```

Shade Color Variation

#1ee9e0
```
#1ee9e0 rgb(30,233,224)
```
#30ebe2
```
#30ebe2 rgb(48,235,226)
```
#41ede5
```
#41ede5 rgb(65,237,229)
```
#53eee7
```
#53eee7 rgb(83,238,231)
```
#65f0ea
```
#65f0ea rgb(101,240,234)
```
#77f2ec
```
#77f2ec rgb(119,242,236)
```
#89f4ef
```
#89f4ef rgb(137,244,239)
```
#9bf5f1
```
#9bf5f1 rgb(155,245,241)
```
#adf7f4
```
#adf7f4 rgb(173,247,244)
```
#bff9f6
```
#bff9f6 rgb(191,249,246)
```
#d1fbf9
```
#d1fbf9 rgb(209,251,249)
```
#e2fcfb
```
#e2fcfb rgb(226,252,251)
```
#f4fefe
```
#f4fefe rgb(244,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #606c6b is the less saturated color, while #02cac0 is the most saturated one.

#606c6b
```
#606c6b rgb(96,108,107)
```
#597372
```
#597372 rgb(89,115,114)
```
#517b79
```
#517b79 rgb(81,123,121)
```
#498380
```
#498380 rgb(73,131,128)
```
#418b87
```
#418b87 rgb(65,139,135)
```
#39938f
```
#39938f rgb(57,147,143)
```
#319b96
```
#319b96 rgb(49,155,150)
```
#2aa29d
```
#2aa29d rgb(42,162,157)
```
#22aaa4
```
#22aaa4 rgb(34,170,164)
```
#1ab2ab
```
#1ab2ab rgb(26,178,171)
```
#12bab2
```
#12bab2 rgb(18,186,178)
```
#0ac2b9
```
#0ac2b9 rgb(10,194,185)
```
#02cac0
```
#02cac0 rgb(2,202,192)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#709190 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adaaab Protanopia 1% of men
#b1a7be Deuteranopia 1% of men
#38bac8 Tritanopia 0.001% of the population

Trichromacy

#75b0ad Protanomaly 1% of men, 0.01% of women
#77adb9 Deuteranomaly 6% of men, 0.4% of women
#2abac0 Tritanomaly 0.01% of the population

#12bab2 hex color

#12bab2 Color Information

#12bab2 Color Conversion

Color Schemes with #12bab2

Alternatives to #12bab2

#12bab2 Preview

Shades and Tints of #12bab2

Tones of #12bab2

Color Blindness Simulator