#12cbb2 hex color

In a RGB color space, hex #12cbb2 is composed of 7.1% red, 79.6% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 91.1% cyan, 0% magenta, 12.3% yellow and 20.4% black. It has a hue angle of 171.9 degrees, a saturation of 83.7% and a lightness of 43.3%. #12cbb2 color hex could be obtained by blending #24ffff with #009765. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 7
- G 80
- B 70
RGB color chart
- C 91
- M 0
- Y 12
- K 20
CMYK color chart

● #12cbb2 color description : Strong cyan.

The hexadecimal color #12cbb2 has RGB values of R:18, G:203, B:178 and CMYK values of C:0.91, M:0, Y:0.12, K:0.2. Its decimal value is 1231794.

Hex triplet	12cbb2	`#12cbb2`
RGB Decimal	18, 203, 178	`rgb(18,203,178)`
RGB Percent	7.1, 79.6, 69.8	`rgb(7.1%,79.6%,69.8%)`
CMYK	91, 0, 12, 20
HSL	171.9°, 83.7, 43.3	`hsl(171.9,83.7%,43.3%)`
HSV (or HSB)	171.9°, 91.1, 79.6
Web Safe	00cc99	`#00cc99`

CIE-LAB	73.579, -47.057, 0.721
XYZ	29.638, 46.052, 49.444
xyY	0.237, 0.368, 46.052
CIE-LCH	73.579, 47.063, 179.123
CIE-LUV	73.579, -58.706, 8.368
Hunter-Lab	67.861, -40.798, 4.304
Binary	00010010, 11001011, 10110010

#12cbb2
```
#12cbb2 rgb(18,203,178)
```
#cb122b
```
#cb122b rgb(203,18,43)
```

Complementary Color

#12cb56
```
#12cb56 rgb(18,203,86)
```
#12cbb2
```
#12cbb2 rgb(18,203,178)
```
#1288cb
```
#1288cb rgb(18,136,203)
```

Analogous Color

#cb5612
```
#cb5612 rgb(203,86,18)
```
#12cbb2
```
#12cbb2 rgb(18,203,178)
```
#cb1288
```
#cb1288 rgb(203,18,136)
```

Split Complementary Color

#cbb212
```
#cbb212 rgb(203,178,18)
```
#12cbb2
```
#12cbb2 rgb(18,203,178)
```
#b212cb
```
#b212cb rgb(178,18,203)
```

Triadic Color

#2bcb12
```
#2bcb12 rgb(43,203,18)
```
#12cbb2
```
#12cbb2 rgb(18,203,178)
```
#b212cb
```
#b212cb rgb(178,18,203)
```
#cb122b
```
#cb122b rgb(203,18,43)
```

Tetradic Color

#0c8574
```
#0c8574 rgb(12,133,116)
```
#0e9c89
```
#0e9c89 rgb(14,156,137)
```
#10b49d
```
#10b49d rgb(16,180,157)
```
#12cbb2
```
#12cbb2 rgb(18,203,178)
```
#14e2c7
```
#14e2c7 rgb(20,226,199)
```
#24ecd1
```
#24ecd1 rgb(36,236,209)
```
#3ceed6
```
#3ceed6 rgb(60,238,214)
```

Monochromatic Color

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

#12cb84
```
#12cb84 rgb(18,203,132)
```
#12cb93
```
#12cb93 rgb(18,203,147)
```
#12cba3
```
#12cba3 rgb(18,203,163)
```
#12cbb2
```
#12cbb2 rgb(18,203,178)
```
#12cbc1
```
#12cbc1 rgb(18,203,193)
```
#12c5cb
```
#12c5cb rgb(18,197,203)
```
#12b6cb
```
#12b6cb rgb(18,182,203)
```

Similar Colors

Text with hexadecimal color #12cbb2

This text has a font color of #12cbb2.

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

#12cbb2 background color

This paragraph has a background color of #12cbb2.

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

#12cbb2 border color

This element has a border color of #12cbb2.

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

CSS codes

.text {color:#12cbb2;}

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

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

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

#000504
```
#000504 rgb(0,5,4)
```
#021714
```
#021714 rgb(2,23,20)
```
#042924
```
#042924 rgb(4,41,36)
```
#053b34
```
#053b34 rgb(5,59,52)
```
#074d43
```
#074d43 rgb(7,77,67)
```
#085f53
```
#085f53 rgb(8,95,83)
```
#0a7163
```
#0a7163 rgb(10,113,99)
```
#0c8373
```
#0c8373 rgb(12,131,115)
```
#0d9583
```
#0d9583 rgb(13,149,131)
```
#0fa792
```
#0fa792 rgb(15,167,146)
```
#10b9a2
```
#10b9a2 rgb(16,185,162)
```
#12cbb2
```
#12cbb2 rgb(18,203,178)
```
#14ddc2
```
#14ddc2 rgb(20,221,194)
```

Shade Color Variation

#1aebce
```
#1aebce rgb(26,235,206)
```
#2cecd2
```
#2cecd2 rgb(44,236,210)
```
#3eeed6
```
#3eeed6 rgb(62,238,214)
```
#50efda
```
#50efda rgb(80,239,218)
```
#62f1de
```
#62f1de rgb(98,241,222)
```
#74f3e1
```
#74f3e1 rgb(116,243,225)
```
#86f4e5
```
#86f4e5 rgb(134,244,229)
```
#98f6e9
```
#98f6e9 rgb(152,246,233)
```
#aaf7ed
```
#aaf7ed rgb(170,247,237)
```
#bcf9f1
```
#bcf9f1 rgb(188,249,241)
```
#cefbf5
```
#cefbf5 rgb(206,251,245)
```
#e0fcf8
```
#e0fcf8 rgb(224,252,248)
```
#f2fefc
```
#f2fefc rgb(242,254,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #677674 is the less saturated color, while #01dcbe is the most saturated one.

#677674
```
#677674 rgb(103,118,116)
```
#5f7f7a
```
#5f7f7a rgb(95,127,122)
```
#568780
```
#568780 rgb(86,135,128)
```
#4e9087
```
#4e9087 rgb(78,144,135)
```
#45988d
```
#45988d rgb(69,152,141)
```
#3da193
```
#3da193 rgb(61,161,147)
```
#34a999
```
#34a999 rgb(52,169,153)
```
#2cb29f
```
#2cb29f rgb(44,178,159)
```
#23baa6
```
#23baa6 rgb(35,186,166)
```
#1bc3ac
```
#1bc3ac rgb(27,195,172)
```
#12cbb2
```
#12cbb2 rgb(18,203,178)
```
#0ad4b8
```
#0ad4b8 rgb(10,212,184)
```
#01dcbe
```
#01dcbe rgb(1,220,190)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#789d98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfb7aa Protanopia 1% of men
#c6b3bf Deuteranopia 1% of men
#46c8d7 Tritanopia 0.001% of the population

Trichromacy

#80bead Protanomaly 1% of men, 0.01% of women
#84bcba Deuteranomaly 6% of men, 0.4% of women
#33c9c9 Tritanomaly 0.01% of the population

#12cbb2 hex color

#12cbb2 Color Information

#12cbb2 Color Conversion

Color Schemes with #12cbb2

Alternatives to #12cbb2

#12cbb2 Preview

Shades and Tints of #12cbb2

Tones of #12cbb2

Color Blindness Simulator