#12c7bd hex color

In a RGB color space, hex #12c7bd is composed of 7.1% red, 78% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 91% cyan, 0% magenta, 5% yellow and 22% black. It has a hue angle of 176.7 degrees, a saturation of 83.4% and a lightness of 42.5%. #12c7bd color hex could be obtained by blending #24ffff with #008f7b. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 7
- G 78
- B 74
RGB color chart
- C 91
- M 0
- Y 5
- K 22
CMYK color chart

● #12c7bd color description : Strong cyan.

The hexadecimal color #12c7bd has RGB values of R:18, G:199, B:189 and CMYK values of C:0.91, M:0, Y:0.05, K:0.22. Its decimal value is 1230781.

Hex triplet	12c7bd	`#12c7bd`
RGB Decimal	18, 199, 189	`rgb(18,199,189)`
RGB Percent	7.1, 78, 74.1	`rgb(7.1%,78%,74.1%)`
CMYK	91, 0, 5, 22
HSL	176.7°, 83.4, 42.5	`hsl(176.7,83.4%,42.5%)`
HSV (or HSB)	176.7°, 91, 78
Web Safe	00cccc	`#00cccc`

CIE-LAB	72.658, -42.265, -6.6
XYZ	29.855, 44.646, 55.185
xyY	0.23, 0.344, 44.646
CIE-LCH	72.658, 42.777, 188.876
CIE-LUV	72.658, -56.483, -3.651
Hunter-Lab	66.818, -37.175, -2.195
Binary	00010010, 11000111, 10111101

#12c7bd
```
#12c7bd rgb(18,199,189)
```
#c7121c
```
#c7121c rgb(199,18,28)
```

Complementary Color

#12c763
```
#12c763 rgb(18,199,99)
```
#12c7bd
```
#12c7bd rgb(18,199,189)
```
#1277c7
```
#1277c7 rgb(18,119,199)
```

Analogous Color

#c76312
```
#c76312 rgb(199,99,18)
```
#12c7bd
```
#12c7bd rgb(18,199,189)
```
#c71277
```
#c71277 rgb(199,18,119)
```

Split Complementary Color

#c7bd12
```
#c7bd12 rgb(199,189,18)
```
#12c7bd
```
#12c7bd rgb(18,199,189)
```
#bd12c7
```
#bd12c7 rgb(189,18,199)
```

Triadic Color

#1cc712
```
#1cc712 rgb(28,199,18)
```
#12c7bd
```
#12c7bd rgb(18,199,189)
```
#bd12c7
```
#bd12c7 rgb(189,18,199)
```
#c7121c
```
#c7121c rgb(199,18,28)
```

Tetradic Color

#0c817a
```
#0c817a rgb(12,129,122)
```
#0e9891
```
#0e9891 rgb(14,152,145)
```
#10b0a7
```
#10b0a7 rgb(16,176,167)
```
#12c7bd
```
#12c7bd rgb(18,199,189)
```
#14ded3
```
#14ded3 rgb(20,222,211)
```
#21ebe0
```
#21ebe0 rgb(33,235,224)
```
#38ede3
```
#38ede3 rgb(56,237,227)
```

Monochromatic Color

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

#12c790
```
#12c790 rgb(18,199,144)
```
#12c79f
```
#12c79f rgb(18,199,159)
```
#12c7ae
```
#12c7ae rgb(18,199,174)
```
#12c7bd
```
#12c7bd rgb(18,199,189)
```
#12c2c7
```
#12c2c7 rgb(18,194,199)
```
#12b3c7
```
#12b3c7 rgb(18,179,199)
```
#12a4c7
```
#12a4c7 rgb(18,164,199)
```

Similar Colors

Text with hexadecimal color #12c7bd

This text has a font color of #12c7bd.

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

#12c7bd background color

This paragraph has a background color of #12c7bd.

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

#12c7bd border color

This element has a border color of #12c7bd.

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

CSS codes

.text {color:#12c7bd;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#021312
```
#021312 rgb(2,19,18)
```
#032523
```
#032523 rgb(3,37,35)
```
#053734
```
#053734 rgb(5,55,52)
```
#074945
```
#074945 rgb(7,73,69)
```
#085b56
```
#085b56 rgb(8,91,86)
```
#0a6d68
```
#0a6d68 rgb(10,109,104)
```
#0b7f79
```
#0b7f79 rgb(11,127,121)
```
#0d918a
```
#0d918a rgb(13,145,138)
```
#0fa39b
```
#0fa39b rgb(15,163,155)
```
#10b5ac
```
#10b5ac rgb(16,181,172)
```
#12c7bd
```
#12c7bd rgb(18,199,189)
```
#14d9ce
```
#14d9ce rgb(20,217,206)
```

Shade Color Variation

#16eade
```
#16eade rgb(22,234,222)
```
#28ece1
```
#28ece1 rgb(40,236,225)
```
#3aede3
```
#3aede3 rgb(58,237,227)
```
#4cefe6
```
#4cefe6 rgb(76,239,230)
```
#5ef0e8
```
#5ef0e8 rgb(94,240,232)
```
#70f2eb
```
#70f2eb rgb(112,242,235)
```
#82f4ed
```
#82f4ed rgb(130,244,237)
```
#94f5f0
```
#94f5f0 rgb(148,245,240)
```
#a6f7f3
```
#a6f7f3 rgb(166,247,243)
```
#b8f9f5
```
#b8f9f5 rgb(184,249,245)
```
#cafaf8
```
#cafaf8 rgb(202,250,248)
```
#dcfcfa
```
#dcfcfa rgb(220,252,250)
```
#eefdfd
```
#eefdfd rgb(238,253,253)
```

Tint Color Variation

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

#657473
```
#657473 rgb(101,116,115)
```
#5d7c7a
```
#5d7c7a rgb(93,124,122)
```
#558482
```
#558482 rgb(85,132,130)
```
#4c8d89
```
#4c8d89 rgb(76,141,137)
```
#449590
```
#449590 rgb(68,149,144)
```
#3c9d98
```
#3c9d98 rgb(60,157,152)
```
#33a69f
```
#33a69f rgb(51,166,159)
```
#2baea7
```
#2baea7 rgb(43,174,167)
```
#23b6ae
```
#23b6ae rgb(35,182,174)
```
#1abfb6
```
#1abfb6 rgb(26,191,182)
```
#12c7bd
```
#12c7bd rgb(18,199,189)
```
#0acfc4
```
#0acfc4 rgb(10,207,196)
```
#01d8cc
```
#01d8cc rgb(1,216,204)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#779b99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9b5b5 Protanopia 1% of men
#bdb1c9 Deuteranopia 1% of men
#3bc6d5 Tritanopia 0.001% of the population

Trichromacy

#7cbbb8 Protanomaly 1% of men, 0.01% of women
#7fb9c4 Deuteranomaly 6% of men, 0.4% of women
#2cc6cc Tritanomaly 0.01% of the population

#12c7bd hex color

#12c7bd Color Information

#12c7bd Color Conversion

Color Schemes with #12c7bd

Alternatives to #12c7bd

#12c7bd Preview

Shades and Tints of #12c7bd

Tones of #12c7bd

Color Blindness Simulator