#12b8aa hex color

In a RGB color space, hex #12b8aa is composed of 7.1% red, 72.2% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 90.2% cyan, 0% magenta, 7.6% yellow and 27.8% black. It has a hue angle of 174.9 degrees, a saturation of 82.2% and a lightness of 39.6%. #12b8aa color hex could be obtained by blending #24ffff with #007155. Closest websafe color is: #00cc99.

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

● #12b8aa color description : Strong cyan.

The hexadecimal color #12b8aa has RGB values of R:18, G:184, B:170 and CMYK values of C:0.9, M:0, Y:0.08, K:0.28. Its decimal value is 1226922.

Hex triplet	12b8aa	`#12b8aa`
RGB Decimal	18, 184, 170	`rgb(18,184,170)`
RGB Percent	7.1, 72.2, 66.7	`rgb(7.1%,72.2%,66.7%)`
CMYK	90, 0, 8, 28
HSL	174.9°, 82.2, 39.6	`hsl(174.9,82.2%,39.6%)`
HSV (or HSB)	174.9°, 90.2, 72.2
Web Safe	00cc99	`#00cc99`

CIE-LAB	67.508, -41.122, -3.806
XYZ	24.643, 37.309, 43.931
xyY	0.233, 0.352, 37.309
CIE-LCH	67.508, 41.298, 185.287
CIE-LUV	67.508, -52.817, 0.515
Hunter-Lab	61.081, -34.877, 0.115
Binary	00010010, 10111000, 10101010

#12b8aa
```
#12b8aa rgb(18,184,170)
```
#b81220
```
#b81220 rgb(184,18,32)
```

Complementary Color

#12b857
```
#12b857 rgb(18,184,87)
```
#12b8aa
```
#12b8aa rgb(18,184,170)
```
#1273b8
```
#1273b8 rgb(18,115,184)
```

Analogous Color

#b85712
```
#b85712 rgb(184,87,18)
```
#12b8aa
```
#12b8aa rgb(18,184,170)
```
#b81273
```
#b81273 rgb(184,18,115)
```

Split Complementary Color

#b8aa12
```
#b8aa12 rgb(184,170,18)
```
#12b8aa
```
#12b8aa rgb(18,184,170)
```
#aa12b8
```
#aa12b8 rgb(170,18,184)
```

Triadic Color

#20b812
```
#20b812 rgb(32,184,18)
```
#12b8aa
```
#12b8aa rgb(18,184,170)
```
#aa12b8
```
#aa12b8 rgb(170,18,184)
```
#b81220
```
#b81220 rgb(184,18,32)
```

Tetradic Color

#0b726a
```
#0b726a rgb(11,114,106)
```
#0d8a7f
```
#0d8a7f rgb(13,138,127)
```
#10a195
```
#10a195 rgb(16,161,149)
```
#12b8aa
```
#12b8aa rgb(18,184,170)
```
#14cfbf
```
#14cfbf rgb(20,207,191)
```
#17e6d5
```
#17e6d5 rgb(23,230,213)
```
#2ceada
```
#2ceada rgb(44,234,218)
```

Monochromatic Color

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

#12b881
```
#12b881 rgb(18,184,129)
```
#12b88e
```
#12b88e rgb(18,184,142)
```
#12b89c
```
#12b89c rgb(18,184,156)
```
#12b8aa
```
#12b8aa rgb(18,184,170)
```
#12b8b8
```
#12b8b8 rgb(18,184,184)
```
#12aab8
```
#12aab8 rgb(18,170,184)
```
#129db8
```
#129db8 rgb(18,157,184)
```

Similar Colors

Text with hexadecimal color #12b8aa

This text has a font color of #12b8aa.

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

#12b8aa background color

This paragraph has a background color of #12b8aa.

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

#12b8aa border color

This element has a border color of #12b8aa.

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

CSS codes

.text {color:#12b8aa;}

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

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

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

#010505
```
#010505 rgb(1,5,5)
```
#021715
```
#021715 rgb(2,23,21)
```
#042926
```
#042926 rgb(4,41,38)
```
#063b36
```
#063b36 rgb(6,59,54)
```
#084d47
```
#084d47 rgb(8,77,71)
```
#095f57
```
#095f57 rgb(9,95,87)
```
#0b7168
```
#0b7168 rgb(11,113,104)
```
#0d8278
```
#0d8278 rgb(13,130,120)
```
#0f9489
```
#0f9489 rgb(15,148,137)
```
#10a699
```
#10a699 rgb(16,166,153)
```
#12b8aa
```
#12b8aa rgb(18,184,170)
```
#14cabb
```
#14cabb rgb(20,202,187)
```
#15dccb
```
#15dccb rgb(21,220,203)
```

Shade Color Variation

#1ce9d8
```
#1ce9d8 rgb(28,233,216)
```
#2eebdb
```
#2eebdb rgb(46,235,219)
```
#40ecde
```
#40ecde rgb(64,236,222)
```
#52eee1
```
#52eee1 rgb(82,238,225)
```
#64f0e4
```
#64f0e4 rgb(100,240,228)
```
#75f2e7
```
#75f2e7 rgb(117,242,231)
```
#87f3ea
```
#87f3ea rgb(135,243,234)
```
#99f5ed
```
#99f5ed rgb(153,245,237)
```
#abf7f0
```
#abf7f0 rgb(171,247,240)
```
#bdf9f3
```
#bdf9f3 rgb(189,249,243)
```
#cffaf7
```
#cffaf7 rgb(207,250,247)
```
#e1fcfa
```
#e1fcfa rgb(225,252,250)
```
#f2fefd
```
#f2fefd rgb(242,254,253)
```

Tint Color Variation

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

#606a69
```
#606a69 rgb(96,106,105)
```
#587270
```
#587270 rgb(88,114,112)
```
#507a76
```
#507a76 rgb(80,122,118)
```
#48827d
```
#48827d rgb(72,130,125)
```
#418983
```
#418983 rgb(65,137,131)
```
#39918a
```
#39918a rgb(57,145,138)
```
#319990
```
#319990 rgb(49,153,144)
```
#29a197
```
#29a197 rgb(41,161,151)
```
#22a89d
```
#22a89d rgb(34,168,157)
```
#1ab0a4
```
#1ab0a4 rgb(26,176,164)
```
#12b8aa
```
#12b8aa rgb(18,184,170)
```
#0ac0b0
```
#0ac0b0 rgb(10,192,176)
```
#02c8b7
```
#02c8b7 rgb(2,200,183)
```

Tone Color Variation

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

Dichromacy

#ada8a4 Protanopia 1% of men
#b2a4b6 Deuteranopia 1% of men
#3bb8c5 Tritanopia 0.001% of the population

Trichromacy

#74aea6 Protanomaly 1% of men, 0.01% of women
#77abb2 Deuteranomaly 6% of men, 0.4% of women
#2cb8bb Tritanomaly 0.01% of the population

#12b8aa hex color

#12b8aa Color Information

#12b8aa Color Conversion

Color Schemes with #12b8aa

Alternatives to #12b8aa

#12b8aa Preview

Shades and Tints of #12b8aa

Tones of #12b8aa

Color Blindness Simulator