#12b7af hex color

In a RGB color space, hex #12b7af is composed of 7.1% red, 71.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 90.2% cyan, 0% magenta, 4.4% yellow and 28.2% black. It has a hue angle of 177.1 degrees, a saturation of 82.1% and a lightness of 39.4%. #12b7af color hex could be obtained by blending #24ffff with #006f5f. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 7
- G 72
- B 69
RGB color chart
- C 90
- M 0
- Y 4
- K 28
CMYK color chart

● #12b7af color description : Strong cyan.

The hexadecimal color #12b7af has RGB values of R:18, G:183, B:175 and CMYK values of C:0.9, M:0, Y:0.04, K:0.28. Its decimal value is 1226671.

Hex triplet	12b7af	`#12b7af`
RGB Decimal	18, 183, 175	`rgb(18,183,175)`
RGB Percent	7.1, 71.8, 68.6	`rgb(7.1%,71.8%,68.6%)`
CMYK	90, 0, 4, 28
HSL	177.1°, 82.1, 39.4	`hsl(177.1,82.1%,39.4%)`
HSV (or HSB)	177.1°, 90.2, 71.8
Web Safe	00cc99	`#00cc99`

CIE-LAB	67.343, -39.228, -6.81
XYZ	24.918, 37.088, 46.4
xyY	0.23, 0.342, 37.088
CIE-LCH	67.343, 39.814, 189.848
CIE-LUV	67.343, -52.081, -4.394
Hunter-Lab	60.9, -33.539, -2.544
Binary	00010010, 10110111, 10101111

#12b7af
```
#12b7af rgb(18,183,175)
```
#b7121a
```
#b7121a rgb(183,18,26)
```

Complementary Color

#12b75d
```
#12b75d rgb(18,183,93)
```
#12b7af
```
#12b7af rgb(18,183,175)
```
#126db7
```
#126db7 rgb(18,109,183)
```

Analogous Color

#b75d12
```
#b75d12 rgb(183,93,18)
```
#12b7af
```
#12b7af rgb(18,183,175)
```
#b7126d
```
#b7126d rgb(183,18,109)
```

Split Complementary Color

#b7af12
```
#b7af12 rgb(183,175,18)
```
#12b7af
```
#12b7af rgb(18,183,175)
```
#af12b7
```
#af12b7 rgb(175,18,183)
```

Triadic Color

#1ab712
```
#1ab712 rgb(26,183,18)
```
#12b7af
```
#12b7af rgb(18,183,175)
```
#af12b7
```
#af12b7 rgb(175,18,183)
```
#b7121a
```
#b7121a rgb(183,18,26)
```

Tetradic Color

#0b716c
```
#0b716c rgb(11,113,108)
```
#0d8983
```
#0d8983 rgb(13,137,131)
```
#10a099
```
#10a099 rgb(16,160,153)
```
#12b7af
```
#12b7af rgb(18,183,175)
```
#14cec5
```
#14cec5 rgb(20,206,197)
```
#17e5db
```
#17e5db rgb(23,229,219)
```
#2beae1
```
#2beae1 rgb(43,234,225)
```

Monochromatic Color

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

#12b786
```
#12b786 rgb(18,183,134)
```
#12b794
```
#12b794 rgb(18,183,148)
```
#12b7a1
```
#12b7a1 rgb(18,183,161)
```
#12b7af
```
#12b7af rgb(18,183,175)
```
#12b1b7
```
#12b1b7 rgb(18,177,183)
```
#12a4b7
```
#12a4b7 rgb(18,164,183)
```
#1296b7
```
#1296b7 rgb(18,150,183)
```

Similar Colors

Text with hexadecimal color #12b7af

This text has a font color of #12b7af.

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

#12b7af background color

This paragraph has a background color of #12b7af.

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

#12b7af border color

This element has a border color of #12b7af.

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

CSS codes

.text {color:#12b7af;}

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

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

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

#000404
```
#000404 rgb(0,4,4)
```
#021615
```
#021615 rgb(2,22,21)
```
#042826
```
#042826 rgb(4,40,38)
```
#063a37
```
#063a37 rgb(6,58,55)
```
#074c49
```
#074c49 rgb(7,76,73)
```
#095e5a
```
#095e5a rgb(9,94,90)
```
#0b706b
```
#0b706b rgb(11,112,107)
```
#0d817c
```
#0d817c rgb(13,129,124)
```
#0e938d
```
#0e938d rgb(14,147,141)
```
#10a59e
```
#10a59e rgb(16,165,158)
```
#12b7af
```
#12b7af rgb(18,183,175)
```
#14c9c0
```
#14c9c0 rgb(20,201,192)
```
#16dbd1
```
#16dbd1 rgb(22,219,209)
```

Shade Color Variation

#1be9df
```
#1be9df rgb(27,233,223)
```
#2deae1
```
#2deae1 rgb(45,234,225)
```
#3fece4
```
#3fece4 rgb(63,236,228)
```
#51eee6
```
#51eee6 rgb(81,238,230)
```
#63f0e9
```
#63f0e9 rgb(99,240,233)
```
#75f1eb
```
#75f1eb rgb(117,241,235)
```
#86f3ee
```
#86f3ee rgb(134,243,238)
```
#98f5f0
```
#98f5f0 rgb(152,245,240)
```
#aaf7f3
```
#aaf7f3 rgb(170,247,243)
```
#bcf8f5
```
#bcf8f5 rgb(188,248,245)
```
#cefaf8
```
#cefaf8 rgb(206,250,248)
```
#e0fcfb
```
#e0fcfb rgb(224,252,251)
```
#f2fefd
```
#f2fefd rgb(242,254,253)
```

Tint Color Variation

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

#5f6a69
```
#5f6a69 rgb(95,106,105)
```
#587170
```
#587170 rgb(88,113,112)
```
#507977
```
#507977 rgb(80,121,119)
```
#48817e
```
#48817e rgb(72,129,126)
```
#408985
```
#408985 rgb(64,137,133)
```
#39908c
```
#39908c rgb(57,144,140)
```
#319893
```
#319893 rgb(49,152,147)
```
#29a09a
```
#29a09a rgb(41,160,154)
```
#21a8a1
```
#21a8a1 rgb(33,168,161)
```
#1aafa8
```
#1aafa8 rgb(26,175,168)
```
#12b7af
```
#12b7af rgb(18,183,175)
```
#0abfb6
```
#0abfb6 rgb(10,191,182)
```
#03c6bd
```
#03c6bd rgb(3,198,189)
```

Tone Color Variation

Below, you can see how #12b7af 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
#6e8f8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#aba7a8 Protanopia 1% of men
#afa4bb Deuteranopia 1% of men
#37b7c5 Tritanopia 0.001% of the population

Trichromacy

#73adab Protanomaly 1% of men, 0.01% of women
#76abb6 Deuteranomaly 6% of men, 0.4% of women
#29b7bd Tritanomaly 0.01% of the population

#12b7af hex color

#12b7af Color Information

#12b7af Color Conversion

Color Schemes with #12b7af

Alternatives to #12b7af

#12b7af Preview

Shades and Tints of #12b7af

Tones of #12b7af

Color Blindness Simulator