#12ba9e hex color

In a RGB color space, hex #12ba9e is composed of 7.1% red, 72.9% green and 62% blue. Whereas in a CMYK color space, it is composed of 90.3% cyan, 0% magenta, 15.1% yellow and 27.1% black. It has a hue angle of 170 degrees, a saturation of 82.4% and a lightness of 40%. #12ba9e color hex could be obtained by blending #24ffff with #00753d. 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

● #12ba9e color description : Strong cyan.

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

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

CIE-LAB	67.808, -45.311, 3.241
XYZ	23.978, 37.713, 38.361
xyY	0.24, 0.377, 37.713
CIE-LCH	67.808, 45.426, 175.909
CIE-LUV	67.808, -54.431, 11.699
Hunter-Lab	61.411, -37.773, 5.951
Binary	00010010, 10111010, 10011110

#12ba9e
```
#12ba9e rgb(18,186,158)
```
#ba122e
```
#ba122e rgb(186,18,46)
```

Complementary Color

#12ba4a
```
#12ba4a rgb(18,186,74)
```
#12ba9e
```
#12ba9e rgb(18,186,158)
```
#1282ba
```
#1282ba rgb(18,130,186)
```

Analogous Color

#ba4a12
```
#ba4a12 rgb(186,74,18)
```
#12ba9e
```
#12ba9e rgb(18,186,158)
```
#ba1282
```
#ba1282 rgb(186,18,130)
```

Split Complementary Color

#ba9e12
```
#ba9e12 rgb(186,158,18)
```
#12ba9e
```
#12ba9e rgb(18,186,158)
```
#9e12ba
```
#9e12ba rgb(158,18,186)
```

Triadic Color

#2eba12
```
#2eba12 rgb(46,186,18)
```
#12ba9e
```
#12ba9e rgb(18,186,158)
```
#9e12ba
```
#9e12ba rgb(158,18,186)
```
#ba122e
```
#ba122e rgb(186,18,46)
```

Tetradic Color

#0b7463
```
#0b7463 rgb(11,116,99)
```
#0e8c77
```
#0e8c77 rgb(14,140,119)
```
#10a38a
```
#10a38a rgb(16,163,138)
```
#12ba9e
```
#12ba9e rgb(18,186,158)
```
#14d1b2
```
#14d1b2 rgb(20,209,178)
```
#17e9c6
```
#17e9c6 rgb(23,233,198)
```
#2eebcb
```
#2eebcb rgb(46,235,203)
```

Monochromatic Color

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

#12ba74
```
#12ba74 rgb(18,186,116)
```
#12ba82
```
#12ba82 rgb(18,186,130)
```
#12ba90
```
#12ba90 rgb(18,186,144)
```
#12ba9e
```
#12ba9e rgb(18,186,158)
```
#12baac
```
#12baac rgb(18,186,172)
```
#12baba
```
#12baba rgb(18,186,186)
```
#12acba
```
#12acba rgb(18,172,186)
```

Similar Colors

Text with hexadecimal color #12ba9e

This text has a font color of #12ba9e.

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

#12ba9e background color

This paragraph has a background color of #12ba9e.

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

#12ba9e border color

This element has a border color of #12ba9e.

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

CSS codes

.text {color:#12ba9e;}

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

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

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)
```
#042b24
```
#042b24 rgb(4,43,36)
```
#063d34
```
#063d34 rgb(6,61,52)
```
#084f43
```
#084f43 rgb(8,79,67)
```
#096152
```
#096152 rgb(9,97,82)
```
#0b7261
```
#0b7261 rgb(11,114,97)
```
#0d8470
```
#0d8470 rgb(13,132,112)
```
#0f9680
```
#0f9680 rgb(15,150,128)
```
#10a88f
```
#10a88f rgb(16,168,143)
```
#12ba9e
```
#12ba9e rgb(18,186,158)
```
#14ccad
```
#14ccad rgb(20,204,173)
```
#15debc
```
#15debc rgb(21,222,188)
```

Shade Color Variation

#1ee9c7
```
#1ee9c7 rgb(30,233,199)
```
#30ebcc
```
#30ebcc rgb(48,235,204)
```
#41edd0
```
#41edd0 rgb(65,237,208)
```
#53eed5
```
#53eed5 rgb(83,238,213)
```
#65f0d9
```
#65f0d9 rgb(101,240,217)
```
#77f2dd
```
#77f2dd rgb(119,242,221)
```
#89f4e2
```
#89f4e2 rgb(137,244,226)
```
#9bf5e6
```
#9bf5e6 rgb(155,245,230)
```
#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 #02caa8 is the most saturated one.

#606c6a
```
#606c6a rgb(96,108,106)
```
#59736f
```
#59736f rgb(89,115,111)
```
#517b74
```
#517b74 rgb(81,123,116)
```
#498379
```
#498379 rgb(73,131,121)
```
#418b7f
```
#418b7f rgb(65,139,127)
```
#399384
```
#399384 rgb(57,147,132)
```
#319b89
```
#319b89 rgb(49,155,137)
```
#2aa28e
```
#2aa28e rgb(42,162,142)
```
#22aa94
```
#22aa94 rgb(34,170,148)
```
#1ab299
```
#1ab299 rgb(26,178,153)
```
#12ba9e
```
#12ba9e rgb(18,186,158)
```
#0ac2a3
```
#0ac2a3 rgb(10,194,163)
```
#02caa8
```
#02caa8 rgb(2,202,168)
```

Tone Color Variation

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

#b0a998 Protanopia 1% of men
#b8a4ab Deuteranopia 1% of men
#43b8c6 Tritanopia 0.001% of the population

Trichromacy

#77af9a Protanomaly 1% of men, 0.01% of women
#7baca6 Deuteranomaly 6% of men, 0.4% of women
#31b9b7 Tritanomaly 0.01% of the population

#12ba9e hex color

#12ba9e Color Information

#12ba9e Color Conversion

Color Schemes with #12ba9e

Alternatives to #12ba9e

#12ba9e Preview

Shades and Tints of #12ba9e

Tones of #12ba9e

Color Blindness Simulator