#12b2a0 hex color

In a RGB color space, hex #12b2a0 is composed of 7.1% red, 69.8% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 89.9% cyan, 0% magenta, 10.1% yellow and 30.2% black. It has a hue angle of 173.3 degrees, a saturation of 81.6% and a lightness of 38.4%. #12b2a0 color hex could be obtained by blending #24ffff with #006541. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 7
- G 70
- B 63
RGB color chart
- C 90
- M 0
- Y 10
- K 30
CMYK color chart

● #12b2a0 color description : Dark cyan.

The hexadecimal color #12b2a0 has RGB values of R:18, G:178, B:160 and CMYK values of C:0.9, M:0, Y:0.1, K:0.3. Its decimal value is 1225376.

Hex triplet	12b2a0	`#12b2a0`
RGB Decimal	18, 178, 160	`rgb(18,178,160)`
RGB Percent	7.1, 69.8, 62.7	`rgb(7.1%,69.8%,62.7%)`
CMYK	90, 0, 10, 30
HSL	173.3°, 81.6, 38.4	`hsl(173.3,81.6%,38.4%)`
HSV (or HSB)	173.3°, 89.9, 69.8
Web Safe	009999	`#009999`

CIE-LAB	65.362, -41.334, -1.428
XYZ	22.513, 34.505, 38.729
xyY	0.235, 0.36, 34.505
CIE-LCH	65.362, 41.359, 181.979
CIE-LUV	65.362, -51.513, 4.127
Hunter-Lab	58.741, -34.386, 2.027
Binary	00010010, 10110010, 10100000

#12b2a0
```
#12b2a0 rgb(18,178,160)
```
#b21224
```
#b21224 rgb(178,18,36)
```

Complementary Color

#12b250
```
#12b250 rgb(18,178,80)
```
#12b2a0
```
#12b2a0 rgb(18,178,160)
```
#1274b2
```
#1274b2 rgb(18,116,178)
```

Analogous Color

#b25012
```
#b25012 rgb(178,80,18)
```
#12b2a0
```
#12b2a0 rgb(18,178,160)
```
#b21274
```
#b21274 rgb(178,18,116)
```

Split Complementary Color

#b2a012
```
#b2a012 rgb(178,160,18)
```
#12b2a0
```
#12b2a0 rgb(18,178,160)
```
#a012b2
```
#a012b2 rgb(160,18,178)
```

Triadic Color

#24b212
```
#24b212 rgb(36,178,18)
```
#12b2a0
```
#12b2a0 rgb(18,178,160)
```
#a012b2
```
#a012b2 rgb(160,18,178)
```
#b21224
```
#b21224 rgb(178,18,36)
```

Tetradic Color

#0b6d62
```
#0b6d62 rgb(11,109,98)
```
#0d8476
```
#0d8476 rgb(13,132,118)
```
#109b8b
```
#109b8b rgb(16,155,139)
```
#12b2a0
```
#12b2a0 rgb(18,178,160)
```
#14c9b5
```
#14c9b5 rgb(20,201,181)
```
#17e0ca
```
#17e0ca rgb(23,224,202)
```
#27e9d3
```
#27e9d3 rgb(39,233,211)
```

Monochromatic Color

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

#12b278
```
#12b278 rgb(18,178,120)
```
#12b285
```
#12b285 rgb(18,178,133)
```
#12b293
```
#12b293 rgb(18,178,147)
```
#12b2a0
```
#12b2a0 rgb(18,178,160)
```
#12b2ad
```
#12b2ad rgb(18,178,173)
```
#12a9b2
```
#12a9b2 rgb(18,169,178)
```
#129cb2
```
#129cb2 rgb(18,156,178)
```

Similar Colors

Text with hexadecimal color #12b2a0

This text has a font color of #12b2a0.

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

#12b2a0 background color

This paragraph has a background color of #12b2a0.

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

#12b2a0 border color

This element has a border color of #12b2a0.

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

CSS codes

.text {color:#12b2a0;}

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

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

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

#021210
```
#021210 rgb(2,18,16)
```
#042320
```
#042320 rgb(4,35,32)
```
#053530
```
#053530 rgb(5,53,48)
```
#074740
```
#074740 rgb(7,71,64)
```
#095950
```
#095950 rgb(9,89,80)
```
#0b6b60
```
#0b6b60 rgb(11,107,96)
```
#0d7d70
```
#0d7d70 rgb(13,125,112)
```
#0e8e80
```
#0e8e80 rgb(14,142,128)
```
#10a090
```
#10a090 rgb(16,160,144)
```
#12b2a0
```
#12b2a0 rgb(18,178,160)
```
#14c4b0
```
#14c4b0 rgb(20,196,176)
```
#16d6c0
```
#16d6c0 rgb(22,214,192)
```
#17e7d0
```
#17e7d0 rgb(23,231,208)
```

Shade Color Variation

#29e9d4
```
#29e9d4 rgb(41,233,212)
```
#3bebd7
```
#3bebd7 rgb(59,235,215)
```
#4deddb
```
#4deddb rgb(77,237,219)
```
#5fefdf
```
#5fefdf rgb(95,239,223)
```
#70f1e2
```
#70f1e2 rgb(112,241,226)
```
#82f2e6
```
#82f2e6 rgb(130,242,230)
```
#94f4e9
```
#94f4e9 rgb(148,244,233)
```
#a6f6ed
```
#a6f6ed rgb(166,246,237)
```
#b8f8f1
```
#b8f8f1 rgb(184,248,241)
```
#c9faf4
```
#c9faf4 rgb(201,250,244)
```
#dbfbf8
```
#dbfbf8 rgb(219,251,248)
```
#edfdfb
```
#edfdfb rgb(237,253,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5d6766
```
#5d6766 rgb(93,103,102)
```
#566e6b
```
#566e6b rgb(86,110,107)
```
#4e7671
```
#4e7671 rgb(78,118,113)
```
#477d77
```
#477d77 rgb(71,125,119)
```
#3f857d
```
#3f857d rgb(63,133,125)
```
#388c83
```
#388c83 rgb(56,140,131)
```
#309489
```
#309489 rgb(48,148,137)
```
#299b8e
```
#299b8e rgb(41,155,142)
```
#21a394
```
#21a394 rgb(33,163,148)
```
#1aaa9a
```
#1aaa9a rgb(26,170,154)
```
#12b2a0
```
#12b2a0 rgb(18,178,160)
```
#0abaa6
```
#0abaa6 rgb(10,186,166)
```
#03c1ac
```
#03c1ac rgb(3,193,172)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#6a8a86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8a39b Protanopia 1% of men
#ae9fad Deuteranopia 1% of men
#3cb2bf Tritanopia 0.001% of the population

Trichromacy

#71a89c Protanomaly 1% of men, 0.01% of women
#75a6a8 Deuteranomaly 6% of men, 0.4% of women
#2db2b3 Tritanomaly 0.01% of the population

#12b2a0 hex color

#12b2a0 Color Information

#12b2a0 Color Conversion

Color Schemes with #12b2a0

Alternatives to #12b2a0

#12b2a0 Preview

Shades and Tints of #12b2a0

Tones of #12b2a0

Color Blindness Simulator