#12bc93 hex color

In a RGB color space, hex #12bc93 is composed of 7.1% red, 73.7% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 90.4% cyan, 0% magenta, 21.8% yellow and 26.3% black. It has a hue angle of 165.5 degrees, a saturation of 82.5% and a lightness of 40.4%. #12bc93 color hex could be obtained by blending #24ffff with #007927. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 7
- G 74
- B 58
RGB color chart
- C 90
- M 0
- Y 22
- K 26
CMYK color chart

● #12bc93 color description : Strong cyan.

The hexadecimal color #12bc93 has RGB values of R:18, G:188, B:147 and CMYK values of C:0.9, M:0, Y:0.22, K:0.26. Its decimal value is 1227923.

Hex triplet	12bc93	`#12bc93`
RGB Decimal	18, 188, 147	`rgb(18,188,147)`
RGB Percent	7.1, 73.7, 57.6	`rgb(7.1%,73.7%,57.6%)`
CMYK	90, 0, 22, 26
HSL	165.5°, 82.5, 40.4	`hsl(165.5,82.5%,40.4%)`
HSV (or HSB)	165.5°, 90.4, 73.7
Web Safe	00cc99	`#00cc99`

CIE-LAB	68.167, -48.983, 9.78
XYZ	23.497, 38.199, 33.737
xyY	0.246, 0.4, 38.199
CIE-LCH	68.167, 49.95, 168.709
CIE-LUV	68.167, -55.942, 21.639
Hunter-Lab	61.805, -40.298, 10.9
Binary	00010010, 10111100, 10010011

#12bc93
```
#12bc93 rgb(18,188,147)
```
#bc123b
```
#bc123b rgb(188,18,59)
```

Complementary Color

#12bc3e
```
#12bc3e rgb(18,188,62)
```
#12bc93
```
#12bc93 rgb(18,188,147)
```
#1290bc
```
#1290bc rgb(18,144,188)
```

Analogous Color

#bc3e12
```
#bc3e12 rgb(188,62,18)
```
#12bc93
```
#12bc93 rgb(18,188,147)
```
#bc1290
```
#bc1290 rgb(188,18,144)
```

Split Complementary Color

#bc9312
```
#bc9312 rgb(188,147,18)
```
#12bc93
```
#12bc93 rgb(18,188,147)
```
#9312bc
```
#9312bc rgb(147,18,188)
```

Triadic Color

#3bbc12
```
#3bbc12 rgb(59,188,18)
```
#12bc93
```
#12bc93 rgb(18,188,147)
```
#9312bc
```
#9312bc rgb(147,18,188)
```
#bc123b
```
#bc123b rgb(188,18,59)
```

Tetradic Color

#0b765c
```
#0b765c rgb(11,118,92)
```
#0e8d6f
```
#0e8d6f rgb(14,141,111)
```
#10a581
```
#10a581 rgb(16,165,129)
```
#12bc93
```
#12bc93 rgb(18,188,147)
```
#14d3a5
```
#14d3a5 rgb(20,211,165)
```
#18e9b7
```
#18e9b7 rgb(24,233,183)
```
#2febbe
```
#2febbe rgb(47,235,190)
```

Monochromatic Color

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

#12bc69
```
#12bc69 rgb(18,188,105)
```
#12bc77
```
#12bc77 rgb(18,188,119)
```
#12bc85
```
#12bc85 rgb(18,188,133)
```
#12bc93
```
#12bc93 rgb(18,188,147)
```
#12bca1
```
#12bca1 rgb(18,188,161)
```
#12bcaf
```
#12bcaf rgb(18,188,175)
```
#12bbbc
```
#12bbbc rgb(18,187,188)
```

Similar Colors

Text with hexadecimal color #12bc93

This text has a font color of #12bc93.

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

#12bc93 background color

This paragraph has a background color of #12bc93.

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

#12bc93 border color

This element has a border color of #12bc93.

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

CSS codes

.text {color:#12bc93;}

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

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

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

#010907
```
#010907 rgb(1,9,7)
```
#031b15
```
#031b15 rgb(3,27,21)
```
#042d23
```
#042d23 rgb(4,45,35)
```
#063f31
```
#063f31 rgb(6,63,49)
```
#08513f
```
#08513f rgb(8,81,63)
```
#09624d
```
#09624d rgb(9,98,77)
```
#0b745b
```
#0b745b rgb(11,116,91)
```
#0d8669
```
#0d8669 rgb(13,134,105)
```
#0f9877
```
#0f9877 rgb(15,152,119)
```
#10aa85
```
#10aa85 rgb(16,170,133)
```
#12bc93
```
#12bc93 rgb(18,188,147)
```
#14cea1
```
#14cea1 rgb(20,206,161)
```
#15e0af
```
#15e0af rgb(21,224,175)
```

Shade Color Variation

#1feab9
```
#1feab9 rgb(31,234,185)
```
#31ebbe
```
#31ebbe rgb(49,235,190)
```
#43edc4
```
#43edc4 rgb(67,237,196)
```
#55efca
```
#55efca rgb(85,239,202)
```
#67f0cf
```
#67f0cf rgb(103,240,207)
```
#79f2d5
```
#79f2d5 rgb(121,242,213)
```
#8bf4da
```
#8bf4da rgb(139,244,218)
```
#9df6e0
```
#9df6e0 rgb(157,246,224)
```
#aef7e6
```
#aef7e6 rgb(174,247,230)
```
#c0f9eb
```
#c0f9eb rgb(192,249,235)
```
#d2fbf1
```
#d2fbf1 rgb(210,251,241)
```
#e4fcf7
```
#e4fcf7 rgb(228,252,247)
```
#f6fefc
```
#f6fefc rgb(246,254,252)
```

Tint Color Variation

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

#616d6a
```
#616d6a rgb(97,109,106)
```
#59756e
```
#59756e rgb(89,117,110)
```
#517d72
```
#517d72 rgb(81,125,114)
```
#498576
```
#498576 rgb(73,133,118)
```
#428c7a
```
#428c7a rgb(66,140,122)
```
#3a947e
```
#3a947e rgb(58,148,126)
```
#329c83
```
#329c83 rgb(50,156,131)
```
#2aa487
```
#2aa487 rgb(42,164,135)
```
#22ac8b
```
#22ac8b rgb(34,172,139)
```
#1ab48f
```
#1ab48f rgb(26,180,143)
```
#12bc93
```
#12bc93 rgb(18,188,147)
```
#0ac497
```
#0ac497 rgb(10,196,151)
```
#02cc9b
```
#02cc9b rgb(2,204,155)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#6d8f87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4aa8e Protanopia 1% of men
#bda5a1 Deuteranopia 1% of men
#49b9c6 Tritanopia 0.001% of the population

Trichromacy

#79b090 Protanomaly 1% of men, 0.01% of women
#7fad9c Deuteranomaly 6% of men, 0.4% of women
#35bab3 Tritanomaly 0.01% of the population

#12bc93 hex color

#12bc93 Color Information

#12bc93 Color Conversion

Color Schemes with #12bc93

Alternatives to #12bc93

#12bc93 Preview

Shades and Tints of #12bc93

Tones of #12bc93

Color Blindness Simulator