#12b4ba hex color

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

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

● #12b4ba color description : Strong cyan.

The hexadecimal color #12b4ba has RGB values of R:18, G:180, B:186 and CMYK values of C:0.9, M:0.03, Y:0, K:0.27. Its decimal value is 1225914.

Hex triplet	12b4ba	`#12b4ba`
RGB Decimal	18, 180, 186	`rgb(18,180,186)`
RGB Percent	7.1, 70.6, 72.9	`rgb(7.1%,70.6%,72.9%)`
CMYK	90, 3, 0, 27
HSL	182.1°, 82.4, 40	`hsl(182.1,82.4%,40%)`
HSV (or HSB)	182.1°, 90.3, 72.9
Web Safe	00cccc	`#00cccc`

CIE-LAB	66.759, -34.53, -13.764
XYZ	25.431, 36.314, 52.121
xyY	0.223, 0.319, 36.314
CIE-LCH	66.759, 37.172, 201.732
CIE-LUV	66.759, -50.181, -16.034
Hunter-Lab	60.261, -30.127, -9.098
Binary	00010010, 10110100, 10111010

#12b4ba
```
#12b4ba rgb(18,180,186)
```
#ba1812
```
#ba1812 rgb(186,24,18)
```

Complementary Color

#12ba6c
```
#12ba6c rgb(18,186,108)
```
#12b4ba
```
#12b4ba rgb(18,180,186)
```
#1260ba
```
#1260ba rgb(18,96,186)
```

Analogous Color

#ba6c12
```
#ba6c12 rgb(186,108,18)
```
#12b4ba
```
#12b4ba rgb(18,180,186)
```
#ba1260
```
#ba1260 rgb(186,18,96)
```

Split Complementary Color

#b4ba12
```
#b4ba12 rgb(180,186,18)
```
#12b4ba
```
#12b4ba rgb(18,180,186)
```
#ba12b4
```
#ba12b4 rgb(186,18,180)
```

Triadic Color

#12ba18
```
#12ba18 rgb(18,186,24)
```
#12b4ba
```
#12b4ba rgb(18,180,186)
```
#ba12b4
```
#ba12b4 rgb(186,18,180)
```
#ba1812
```
#ba1812 rgb(186,24,18)
```

Tetradic Color

#0b7174
```
#0b7174 rgb(11,113,116)
```
#0e878c
```
#0e878c rgb(14,135,140)
```
#109ea3
```
#109ea3 rgb(16,158,163)
```
#12b4ba
```
#12b4ba rgb(18,180,186)
```
#14cbd1
```
#14cbd1 rgb(20,203,209)
```
#17e1e9
```
#17e1e9 rgb(23,225,233)
```
#2ee4eb
```
#2ee4eb rgb(46,228,235)
```

Monochromatic Color

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

#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)
```
#128aba
```
#128aba rgb(18,138,186)
```

Similar Colors

Text with hexadecimal color #12b4ba

This text has a font color of #12b4ba.

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

#12b4ba background color

This paragraph has a background color of #12b4ba.

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

#12b4ba border color

This element has a border color of #12b4ba.

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

CSS codes

.text {color:#12b4ba;}

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

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

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)
```
#021819
```
#021819 rgb(2,24,25)
```
#042a2b
```
#042a2b rgb(4,42,43)
```
#063b3d
```
#063b3d rgb(6,59,61)
```
#084c4f
```
#084c4f rgb(8,76,79)
```
#095d61
```
#095d61 rgb(9,93,97)
```
#0b6f72
```
#0b6f72 rgb(11,111,114)
```
#0d8084
```
#0d8084 rgb(13,128,132)
```
#0f9196
```
#0f9196 rgb(15,145,150)
```
#10a3a8
```
#10a3a8 rgb(16,163,168)
```
#12b4ba
```
#12b4ba rgb(18,180,186)
```
#14c5cc
```
#14c5cc rgb(20,197,204)
```
#15d7de
```
#15d7de rgb(21,215,222)
```

Shade Color Variation

#1ee2e9
```
#1ee2e9 rgb(30,226,233)
```
#30e4eb
```
#30e4eb rgb(48,228,235)
```
#41e7ed
```
#41e7ed rgb(65,231,237)
```
#53e9ee
```
#53e9ee rgb(83,233,238)
```
#65ebf0
```
#65ebf0 rgb(101,235,240)
```
#77edf2
```
#77edf2 rgb(119,237,242)
```
#89f0f4
```
#89f0f4 rgb(137,240,244)
```
#9bf2f5
```
#9bf2f5 rgb(155,242,245)
```
#adf4f7
```
#adf4f7 rgb(173,244,247)
```
#bff7f9
```
#bff7f9 rgb(191,247,249)
```
#d1f9fb
```
#d1f9fb rgb(209,249,251)
```
#e2fbfc
```
#e2fbfc rgb(226,251,252)
```
#f4fefe
```
#f4fefe rgb(244,254,254)
```

Tint Color Variation

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

#606b6c
```
#606b6c rgb(96,107,108)
```
#597273
```
#597273 rgb(89,114,115)
```
#517a7b
```
#517a7b rgb(81,122,123)
```
#498183
```
#498183 rgb(73,129,131)
```
#41888b
```
#41888b rgb(65,136,139)
```
#399093
```
#399093 rgb(57,144,147)
```
#31979b
```
#31979b rgb(49,151,155)
```
#2a9ea2
```
#2a9ea2 rgb(42,158,162)
```
#22a5aa
```
#22a5aa rgb(34,165,170)
```
#1aadb2
```
#1aadb2 rgb(26,173,178)
```
#12b4ba
```
#12b4ba rgb(18,180,186)
```
#0abbc2
```
#0abbc2 rgb(10,187,194)
```
#02c3ca
```
#02c3ca rgb(2,195,202)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#6d8e8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6a6b3 Protanopia 1% of men
#a7a3c5 Deuteranopia 1% of men
#2ab6c4 Tritanopia 0.001% of the population

Trichromacy

#70abb5 Protanomaly 1% of men, 0.01% of women
#70a9c1 Deuteranomaly 6% of men, 0.4% of women
#21b5c0 Tritanomaly 0.01% of the population

#12b4ba hex color

#12b4ba Color Information

#12b4ba Color Conversion

Color Schemes with #12b4ba

Alternatives to #12b4ba

#12b4ba Preview

Shades and Tints of #12b4ba

Tones of #12b4ba

Color Blindness Simulator