colorhexa.com

#12c8bd hex color

In a RGB color space, hex #12c8bd is composed of 7.1% red, 78.4% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 91% cyan, 0% magenta, 5.5% yellow and 21.6% black. It has a hue angle of 176.4 degrees, a saturation of 83.5% and a lightness of 42.7%. #12c8bd color hex could be obtained by blending #24ffff with #00917b. Closest websafe color is: #00cccc.

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

● #12c8bd color description : Strong cyan.

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

Hex triplet	12c8bd	`#12c8bd`
RGB Decimal	18, 200, 189	`rgb(18,200,189)`
RGB Percent	7.1, 78.4, 74.1	`rgb(7.1%,78.4%,74.1%)`
CMYK	91, 0, 5, 22
HSL	176.4°, 83.5, 42.7	`hsl(176.4,83.5%,42.7%)`
HSV (or HSB)	176.4°, 91, 78.4
Web Safe	00cccc	`#00cccc`

CIE-LAB	72.963, -42.704, -6.149
XYZ	30.086, 45.108, 55.262
xyY	0.231, 0.346, 45.108
CIE-LCH	72.963, 43.144, 188.194
CIE-LUV	72.963, -56.825, -2.879
Hunter-Lab	67.163, -37.574, -1.771
Binary	00010010, 11001000, 10111101

#12c8bd
```
#12c8bd rgb(18,200,189)
```
#c8121d
```
#c8121d rgb(200,18,29)
```

Complementary Color

#12c862
```
#12c862 rgb(18,200,98)
```
#12c8bd
```
#12c8bd rgb(18,200,189)
```
#1278c8
```
#1278c8 rgb(18,120,200)
```

Analogous Color

#c86212
```
#c86212 rgb(200,98,18)
```
#12c8bd
```
#12c8bd rgb(18,200,189)
```
#c81278
```
#c81278 rgb(200,18,120)
```

Split Complementary Color

#c8bd12
```
#c8bd12 rgb(200,189,18)
```
#12c8bd
```
#12c8bd rgb(18,200,189)
```
#bd12c8
```
#bd12c8 rgb(189,18,200)
```

Triadic Color

#1dc812
```
#1dc812 rgb(29,200,18)
```
#12c8bd
```
#12c8bd rgb(18,200,189)
```
#bd12c8
```
#bd12c8 rgb(189,18,200)
```
#c8121d
```
#c8121d rgb(200,18,29)
```

Tetradic Color

#0c827b
```
#0c827b rgb(12,130,123)
```
#0e9991
```
#0e9991 rgb(14,153,145)
```
#10b1a7
```
#10b1a7 rgb(16,177,167)
```
#12c8bd
```
#12c8bd rgb(18,200,189)
```
#14dfd3
```
#14dfd3 rgb(20,223,211)
```
#22ebdf
```
#22ebdf rgb(34,235,223)
```
#39ede2
```
#39ede2 rgb(57,237,226)
```

Monochromatic Color

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

#12c890
```
#12c890 rgb(18,200,144)
```
#12c89f
```
#12c89f rgb(18,200,159)
```
#12c8ae
```
#12c8ae rgb(18,200,174)
```
#12c8bd
```
#12c8bd rgb(18,200,189)
```
#12c4c8
```
#12c4c8 rgb(18,196,200)
```
#12b5c8
```
#12b5c8 rgb(18,181,200)
```
#12a6c8
```
#12a6c8 rgb(18,166,200)
```

Similar Colors

Text with hexadecimal color #12c8bd

This text has a font color of #12c8bd.

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

#12c8bd background color

This paragraph has a background color of #12c8bd.

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

#12c8bd border color

This element has a border color of #12c8bd.

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

CSS codes

.text {color:#12c8bd;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#021413
```
#021413 rgb(2,20,19)
```
#032624
```
#032624 rgb(3,38,36)
```
#053835
```
#053835 rgb(5,56,53)
```
#074a46
```
#074a46 rgb(7,74,70)
```
#085c57
```
#085c57 rgb(8,92,87)
```
#0a6e68
```
#0a6e68 rgb(10,110,104)
```
#0c8079
```
#0c8079 rgb(12,128,121)
```
#0d928a
```
#0d928a rgb(13,146,138)
```
#0fa49b
```
#0fa49b rgb(15,164,155)
```
#10b6ac
```
#10b6ac rgb(16,182,172)
```
#12c8bd
```
#12c8bd rgb(18,200,189)
```
#14dace
```
#14dace rgb(20,218,206)
```

Shade Color Variation

#17eadd
```
#17eadd rgb(23,234,221)
```
#29ece0
```
#29ece0 rgb(41,236,224)
```
#3bede3
```
#3bede3 rgb(59,237,227)
```
#4defe5
```
#4defe5 rgb(77,239,229)
```
#5ff1e8
```
#5ff1e8 rgb(95,241,232)
```
#71f2ea
```
#71f2ea rgb(113,242,234)
```
#83f4ed
```
#83f4ed rgb(131,244,237)
```
#95f5f0
```
#95f5f0 rgb(149,245,240)
```
#a7f7f2
```
#a7f7f2 rgb(167,247,242)
```
#b9f9f5
```
#b9f9f5 rgb(185,249,245)
```
#cbfaf7
```
#cbfaf7 rgb(203,250,247)
```
#ddfcfa
```
#ddfcfa rgb(221,252,250)
```
#effefd
```
#effefd rgb(239,254,253)
```

Tint Color Variation

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

#667473
```
#667473 rgb(102,116,115)
```
#5d7d7b
```
#5d7d7b rgb(93,125,123)
```
#558582
```
#558582 rgb(85,133,130)
```
#4d8d89
```
#4d8d89 rgb(77,141,137)
```
#449691
```
#449691 rgb(68,150,145)
```
#3c9e98
```
#3c9e98 rgb(60,158,152)
```
#34a6a0
```
#34a6a0 rgb(52,166,160)
```
#2bafa7
```
#2bafa7 rgb(43,175,167)
```
#23b7ae
```
#23b7ae rgb(35,183,174)
```
#1ac0b6
```
#1ac0b6 rgb(26,192,182)
```
#12c8bd
```
#12c8bd rgb(18,200,189)
```
#0ad0c4
```
#0ad0c4 rgb(10,208,196)
```
#01d9cc
```
#01d9cc rgb(1,217,204)
```

Tone Color Variation

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

#bab6b5 Protanopia 1% of men
#bfb2c9 Deuteranopia 1% of men
#3cc7d6 Tritanopia 0.001% of the population

Trichromacy

#7dbcb8 Protanomaly 1% of men, 0.01% of women
#80bac4 Deuteranomaly 6% of men, 0.4% of women
#2dc7cc Tritanomaly 0.01% of the population