#12b6b4 hex color

In a RGB color space, hex #12b6b4 is composed of 7.1% red, 71.4% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 90.1% cyan, 0% magenta, 1.1% yellow and 28.6% black. It has a hue angle of 179.3 degrees, a saturation of 82% and a lightness of 39.2%. #12b6b4 color hex could be obtained by blending #24ffff with #006d69. Closest websafe color is: #00cccc.

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

● #12b6b4 color description : Strong cyan.

The hexadecimal color #12b6b4 has RGB values of R:18, G:182, B:180 and CMYK values of C:0.9, M:0, Y:0.01, K:0.29. Its decimal value is 1226420.

Hex triplet	12b6b4	`#12b6b4`
RGB Decimal	18, 182, 180	`rgb(18,182,180)`
RGB Percent	7.1, 71.4, 70.6	`rgb(7.1%,71.4%,70.6%)`
CMYK	90, 0, 1, 29
HSL	179.3°, 82, 39.2	`hsl(179.3,82%,39.2%)`
HSV (or HSB)	179.3°, 90.1, 71.4
Web Safe	00cccc	`#00cccc`

CIE-LAB	67.185, -37.289, -9.808
XYZ	25.213, 36.877, 48.967
xyY	0.227, 0.332, 36.877
CIE-LCH	67.185, 38.557, 194.736
CIE-LUV	67.185, -51.343, -9.364
Hunter-Lab	60.727, -32.16, -5.3
Binary	00010010, 10110110, 10110100

#12b6b4
```
#12b6b4 rgb(18,182,180)
```
#b61214
```
#b61214 rgb(182,18,20)
```

Complementary Color

#12b662
```
#12b662 rgb(18,182,98)
```
#12b6b4
```
#12b6b4 rgb(18,182,180)
```
#1266b6
```
#1266b6 rgb(18,102,182)
```

Analogous Color

#b66212
```
#b66212 rgb(182,98,18)
```
#12b6b4
```
#12b6b4 rgb(18,182,180)
```
#b61266
```
#b61266 rgb(182,18,102)
```

Split Complementary Color

#b6b412
```
#b6b412 rgb(182,180,18)
```
#12b6b4
```
#12b6b4 rgb(18,182,180)
```
#b412b6
```
#b412b6 rgb(180,18,182)
```

Triadic Color

#14b612
```
#14b612 rgb(20,182,18)
```
#12b6b4
```
#12b6b4 rgb(18,182,180)
```
#b412b6
```
#b412b6 rgb(180,18,182)
```
#b61214
```
#b61214 rgb(182,18,20)
```

Tetradic Color

#0b706f
```
#0b706f rgb(11,112,111)
```
#0d8886
```
#0d8886 rgb(13,136,134)
```
#109f9d
```
#109f9d rgb(16,159,157)
```
#12b6b4
```
#12b6b4 rgb(18,182,180)
```
#14cdcb
```
#14cdcb rgb(20,205,203)
```
#17e4e2
```
#17e4e2 rgb(23,228,226)
```
#2beae8
```
#2beae8 rgb(43,234,232)
```

Monochromatic Color

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

#12b68b
```
#12b68b rgb(18,182,139)
```
#12b699
```
#12b699 rgb(18,182,153)
```
#12b6a6
```
#12b6a6 rgb(18,182,166)
```
#12b6b4
```
#12b6b4 rgb(18,182,180)
```
#12aab6
```
#12aab6 rgb(18,170,182)
```
#129db6
```
#129db6 rgb(18,157,182)
```
#128fb6
```
#128fb6 rgb(18,143,182)
```

Similar Colors

Text with hexadecimal color #12b6b4

This text has a font color of #12b6b4.

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

#12b6b4 background color

This paragraph has a background color of #12b6b4.

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

#12b6b4 border color

This element has a border color of #12b6b4.

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

CSS codes

.text {color:#12b6b4;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#021515
```
#021515 rgb(2,21,21)
```
#042727
```
#042727 rgb(4,39,39)
```
#063938
```
#063938 rgb(6,57,56)
```
#074b4a
```
#074b4a rgb(7,75,74)
```
#095d5c
```
#095d5c rgb(9,93,92)
```
#0b6f6d
```
#0b6f6d rgb(11,111,109)
```
#0d807f
```
#0d807f rgb(13,128,127)
```
#0e9291
```
#0e9291 rgb(14,146,145)
```
#10a4a2
```
#10a4a2 rgb(16,164,162)
```
#12b6b4
```
#12b6b4 rgb(18,182,180)
```
#14c8c6
```
#14c8c6 rgb(20,200,198)
```
#16dad7
```
#16dad7 rgb(22,218,215)
```

Shade Color Variation

#1ae8e6
```
#1ae8e6 rgb(26,232,230)
```
#2ceae8
```
#2ceae8 rgb(44,234,232)
```
#3eecea
```
#3eecea rgb(62,236,234)
```
#50eeec
```
#50eeec rgb(80,238,236)
```
#62efee
```
#62efee rgb(98,239,238)
```
#74f1f0
```
#74f1f0 rgb(116,241,240)
```
#86f3f2
```
#86f3f2 rgb(134,243,242)
```
#97f5f4
```
#97f5f4 rgb(151,245,244)
```
#a9f7f6
```
#a9f7f6 rgb(169,247,246)
```
#bbf8f8
```
#bbf8f8 rgb(187,248,248)
```
#cdfafa
```
#cdfafa rgb(205,250,250)
```
#dffcfb
```
#dffcfb rgb(223,252,251)
```
#f1fefd
```
#f1fefd rgb(241,254,253)
```

Tint Color Variation

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

#5f6969
```
#5f6969 rgb(95,105,105)
```
#577170
```
#577170 rgb(87,113,112)
```
#507878
```
#507878 rgb(80,120,120)
```
#48807f
```
#48807f rgb(72,128,127)
```
#408887
```
#408887 rgb(64,136,135)
```
#38908e
```
#38908e rgb(56,144,142)
```
#319796
```
#319796 rgb(49,151,150)
```
#299f9d
```
#299f9d rgb(41,159,157)
```
#21a7a5
```
#21a7a5 rgb(33,167,165)
```
#1aaeac
```
#1aaeac rgb(26,174,172)
```
#12b6b4
```
#12b6b4 rgb(18,182,180)
```
#0abebc
```
#0abebc rgb(10,190,188)
```
#03c5c3
```
#03c5c3 rgb(3,197,195)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#6e8f8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9a7ad Protanopia 1% of men
#aca4bf Deuteranopia 1% of men
#32b7c5 Tritanopia 0.001% of the population

Trichromacy

#72acaf Protanomaly 1% of men, 0.01% of women
#74aabb Deuteranomaly 6% of men, 0.4% of women
#26b7be Tritanomaly 0.01% of the population

#12b6b4 hex color

#12b6b4 Color Information

#12b6b4 Color Conversion

Color Schemes with #12b6b4

Alternatives to #12b6b4

#12b6b4 Preview

Shades and Tints of #12b6b4

Tones of #12b6b4

Color Blindness Simulator