#12ba9f hex color

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

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

● #12ba9f color description : Strong cyan.

The hexadecimal color #12ba9f has RGB values of R:18, G:186, B:159 and CMYK values of C:0.9, M:0, Y:0.15, K:0.27. Its decimal value is 1227423.

Hex triplet	12ba9f	`#12ba9f`
RGB Decimal	18, 186, 159	`rgb(18,186,159)`
RGB Percent	7.1, 72.9, 62.4	`rgb(7.1%,72.9%,62.4%)`
CMYK	90, 0, 15, 27
HSL	170.4°, 82.4, 40	`hsl(170.4,82.4%,40%)`
HSV (or HSB)	170.4°, 90.3, 72.9
Web Safe	00cc99	`#00cc99`

CIE-LAB	67.834, -45.042, 2.728
XYZ	24.064, 37.747, 38.817
xyY	0.239, 0.375, 37.747
CIE-LCH	67.834, 45.125, 176.534
CIE-LUV	67.834, -54.355, 10.907
Hunter-Lab	61.439, -37.603, 5.548
Binary	00010010, 10111010, 10011111

#12ba9f
```
#12ba9f rgb(18,186,159)
```
#ba122d
```
#ba122d rgb(186,18,45)
```

Complementary Color

#12ba4b
```
#12ba4b rgb(18,186,75)
```
#12ba9f
```
#12ba9f rgb(18,186,159)
```
#1281ba
```
#1281ba rgb(18,129,186)
```

Analogous Color

#ba4b12
```
#ba4b12 rgb(186,75,18)
```
#12ba9f
```
#12ba9f rgb(18,186,159)
```
#ba1281
```
#ba1281 rgb(186,18,129)
```

Split Complementary Color

#ba9f12
```
#ba9f12 rgb(186,159,18)
```
#12ba9f
```
#12ba9f rgb(18,186,159)
```
#9f12ba
```
#9f12ba rgb(159,18,186)
```

Triadic Color

#2dba12
```
#2dba12 rgb(45,186,18)
```
#12ba9f
```
#12ba9f rgb(18,186,159)
```
#9f12ba
```
#9f12ba rgb(159,18,186)
```
#ba122d
```
#ba122d rgb(186,18,45)
```

Tetradic Color

#0b7463
```
#0b7463 rgb(11,116,99)
```
#0e8c77
```
#0e8c77 rgb(14,140,119)
```
#10a38b
```
#10a38b rgb(16,163,139)
```
#12ba9f
```
#12ba9f rgb(18,186,159)
```
#14d1b3
```
#14d1b3 rgb(20,209,179)
```
#17e9c7
```
#17e9c7 rgb(23,233,199)
```
#2eebcc
```
#2eebcc rgb(46,235,204)
```

Monochromatic Color

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

#12ba75
```
#12ba75 rgb(18,186,117)
```
#12ba83
```
#12ba83 rgb(18,186,131)
```
#12ba91
```
#12ba91 rgb(18,186,145)
```
#12ba9f
```
#12ba9f rgb(18,186,159)
```
#12baad
```
#12baad rgb(18,186,173)
```
#12b9ba
```
#12b9ba rgb(18,185,186)
```
#12abba
```
#12abba rgb(18,171,186)
```

Similar Colors

Text with hexadecimal color #12ba9f

This text has a font color of #12ba9f.

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

#12ba9f background color

This paragraph has a background color of #12ba9f.

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

#12ba9f border color

This element has a border color of #12ba9f.

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

CSS codes

.text {color:#12ba9f;}

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

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

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

#010706
```
#010706 rgb(1,7,6)
```
#021915
```
#021915 rgb(2,25,21)
```
#042b25
```
#042b25 rgb(4,43,37)
```
#063d34
```
#063d34 rgb(6,61,52)
```
#084f43
```
#084f43 rgb(8,79,67)
```
#096153
```
#096153 rgb(9,97,83)
```
#0b7262
```
#0b7262 rgb(11,114,98)
```
#0d8471
```
#0d8471 rgb(13,132,113)
```
#0f9680
```
#0f9680 rgb(15,150,128)
```
#10a890
```
#10a890 rgb(16,168,144)
```
#12ba9f
```
#12ba9f rgb(18,186,159)
```
#14ccae
```
#14ccae rgb(20,204,174)
```
#15debe
```
#15debe rgb(21,222,190)
```

Shade Color Variation

#1ee9c8
```
#1ee9c8 rgb(30,233,200)
```
#30ebcd
```
#30ebcd rgb(48,235,205)
```
#41edd1
```
#41edd1 rgb(65,237,209)
```
#53eed5
```
#53eed5 rgb(83,238,213)
```
#65f0da
```
#65f0da rgb(101,240,218)
```
#77f2de
```
#77f2de rgb(119,242,222)
```
#89f4e2
```
#89f4e2 rgb(137,244,226)
```
#9bf5e7
```
#9bf5e7 rgb(155,245,231)
```
#adf7eb
```
#adf7eb rgb(173,247,235)
```
#bff9ef
```
#bff9ef rgb(191,249,239)
```
#d1fbf4
```
#d1fbf4 rgb(209,251,244)
```
#e2fcf8
```
#e2fcf8 rgb(226,252,248)
```
#f4fefc
```
#f4fefc rgb(244,254,252)
```

Tint Color Variation

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

#606c6a
```
#606c6a rgb(96,108,106)
```
#59736f
```
#59736f rgb(89,115,111)
```
#517b74
```
#517b74 rgb(81,123,116)
```
#49837a
```
#49837a rgb(73,131,122)
```
#418b7f
```
#418b7f rgb(65,139,127)
```
#399384
```
#399384 rgb(57,147,132)
```
#319b8a
```
#319b8a rgb(49,155,138)
```
#2aa28f
```
#2aa28f rgb(42,162,143)
```
#22aa94
```
#22aa94 rgb(34,170,148)
```
#1ab29a
```
#1ab29a rgb(26,178,154)
```
#12ba9f
```
#12ba9f rgb(18,186,159)
```
#0ac2a4
```
#0ac2a4 rgb(10,194,164)
```
#02caaa
```
#02caaa rgb(2,202,170)
```

Tone Color Variation

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

Dichromacy

#b0a999 Protanopia 1% of men
#b8a5ac Deuteranopia 1% of men
#43b8c6 Tritanopia 0.001% of the population

Trichromacy

#76af9b Protanomaly 1% of men, 0.01% of women
#7baca7 Deuteranomaly 6% of men, 0.4% of women
#31b9b7 Tritanomaly 0.01% of the population

#12ba9f hex color

#12ba9f Color Information

#12ba9f Color Conversion

Color Schemes with #12ba9f

Alternatives to #12ba9f

#12ba9f Preview

Shades and Tints of #12ba9f

Tones of #12ba9f

Color Blindness Simulator