#12bf89 hex color

In a RGB color space, hex #12bf89 is composed of 7.1% red, 74.9% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 90.6% cyan, 0% magenta, 28.3% yellow and 25.1% black. It has a hue angle of 161.3 degrees, a saturation of 82.8% and a lightness of 41%. #12bf89 color hex could be obtained by blending #24ffff with #007f13. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 7
- G 75
- B 54
RGB color chart
- C 91
- M 0
- Y 28
- K 25
CMYK color chart

● #12bf89 color description : Strong cyan - lime green.

The hexadecimal color #12bf89 has RGB values of R:18, G:191, B:137 and CMYK values of C:0.91, M:0, Y:0.28, K:0.25. Its decimal value is 1228681.

Hex triplet	12bf89	`#12bf89`
RGB Decimal	18, 191, 137	`rgb(18,191,137)`
RGB Percent	7.1, 74.9, 53.7	`rgb(7.1%,74.9%,53.7%)`
CMYK	91, 0, 28, 25
HSL	161.3°, 82.8, 41	`hsl(161.3,82.8%,41%)`
HSV (or HSB)	161.3°, 90.6, 74.9
Web Safe	00cc99	`#00cc99`

CIE-LAB	68.891, -52.566, 16.226
XYZ	23.394, 39.194, 29.998
xyY	0.253, 0.423, 39.194
CIE-LCH	68.891, 55.013, 162.846
CIE-LUV	68.891, -57.684, 31.036
Hunter-Lab	62.605, -42.859, 15.414
Binary	00010010, 10111111, 10001001

#12bf89
```
#12bf89 rgb(18,191,137)
```
#bf1248
```
#bf1248 rgb(191,18,72)
```

Complementary Color

#12bf33
```
#12bf33 rgb(18,191,51)
```
#12bf89
```
#12bf89 rgb(18,191,137)
```
#129fbf
```
#129fbf rgb(18,159,191)
```

Analogous Color

#bf3312
```
#bf3312 rgb(191,51,18)
```
#12bf89
```
#12bf89 rgb(18,191,137)
```
#bf129f
```
#bf129f rgb(191,18,159)
```

Split Complementary Color

#bf8912
```
#bf8912 rgb(191,137,18)
```
#12bf89
```
#12bf89 rgb(18,191,137)
```
#8912bf
```
#8912bf rgb(137,18,191)
```

Triadic Color

#48bf12
```
#48bf12 rgb(72,191,18)
```
#12bf89
```
#12bf89 rgb(18,191,137)
```
#8912bf
```
#8912bf rgb(137,18,191)
```
#bf1248
```
#bf1248 rgb(191,18,72)
```

Tetradic Color

#0b7957
```
#0b7957 rgb(11,121,87)
```
#0e9068
```
#0e9068 rgb(14,144,104)
```
#10a878
```
#10a878 rgb(16,168,120)
```
#12bf89
```
#12bf89 rgb(18,191,137)
```
#14d69a
```
#14d69a rgb(20,214,154)
```
#1be9a9
```
#1be9a9 rgb(27,233,169)
```
#32ecb2
```
#32ecb2 rgb(50,236,178)
```

Monochromatic Color

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

#12bf5e
```
#12bf5e rgb(18,191,94)
```
#12bf6c
```
#12bf6c rgb(18,191,108)
```
#12bf7b
```
#12bf7b rgb(18,191,123)
```
#12bf89
```
#12bf89 rgb(18,191,137)
```
#12bf97
```
#12bf97 rgb(18,191,151)
```
#12bfa6
```
#12bfa6 rgb(18,191,166)
```
#12bfb4
```
#12bfb4 rgb(18,191,180)
```

Similar Colors

Text with hexadecimal color #12bf89

This text has a font color of #12bf89.

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

#12bf89 background color

This paragraph has a background color of #12bf89.

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

#12bf89 border color

This element has a border color of #12bf89.

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

CSS codes

.text {color:#12bf89;}

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

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

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, #010c08 is the darkest color, while #f9fefd is the lightest one.

#010c08
```
#010c08 rgb(1,12,8)
```
#031e15
```
#031e15 rgb(3,30,21)
```
#043022
```
#043022 rgb(4,48,34)
```
#06422f
```
#06422f rgb(6,66,47)
```
#08533c
```
#08533c rgb(8,83,60)
```
#0a6549
```
#0a6549 rgb(10,101,73)
```
#0b7756
```
#0b7756 rgb(11,119,86)
```
#0d8962
```
#0d8962 rgb(13,137,98)
```
#0f9b6f
```
#0f9b6f rgb(15,155,111)
```
#10ad7c
```
#10ad7c rgb(16,173,124)
```
#12bf89
```
#12bf89 rgb(18,191,137)
```
#14d196
```
#14d196 rgb(20,209,150)
```
#15e3a3
```
#15e3a3 rgb(21,227,163)
```

Shade Color Variation

#22eaac
```
#22eaac rgb(34,234,172)
```
#34ecb2
```
#34ecb2 rgb(52,236,178)
```
#46eeb9
```
#46eeb9 rgb(70,238,185)
```
#57efc0
```
#57efc0 rgb(87,239,192)
```
#69f1c7
```
#69f1c7 rgb(105,241,199)
```
#7bf3cd
```
#7bf3cd rgb(123,243,205)
```
#8df4d4
```
#8df4d4 rgb(141,244,212)
```
#9ff6db
```
#9ff6db rgb(159,246,219)
```
#b1f8e2
```
#b1f8e2 rgb(177,248,226)
```
#c3f9e8
```
#c3f9e8 rgb(195,249,232)
```
#d5fbef
```
#d5fbef rgb(213,251,239)
```
#e7fdf6
```
#e7fdf6 rgb(231,253,246)
```
#f9fefd
```
#f9fefd rgb(249,254,253)
```

Tint Color Variation

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

#626f6b
```
#626f6b rgb(98,111,107)
```
#5a776e
```
#5a776e rgb(90,119,110)
```
#527f71
```
#527f71 rgb(82,127,113)
```
#4a8774
```
#4a8774 rgb(74,135,116)
```
#428f77
```
#428f77 rgb(66,143,119)
```
#3a977a
```
#3a977a rgb(58,151,122)
```
#329f7d
```
#329f7d rgb(50,159,125)
```
#2aa780
```
#2aa780 rgb(42,167,128)
```
#22af83
```
#22af83 rgb(34,175,131)
```
#1ab786
```
#1ab786 rgb(26,183,134)
```
#12bf89
```
#12bf89 rgb(18,191,137)
```
#0ac78c
```
#0ac78c rgb(10,199,140)
```
#02cf8f
```
#02cf8f rgb(2,207,143)
```

Tone Color Variation

Below, you can see how #12bf89 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
#6e9186 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8ac85 Protanopia 1% of men
#c3a698 Deuteranopia 1% of men
#4fbac8 Tritanopia 0.001% of the population

Trichromacy

#7bb386 Protanomaly 1% of men, 0.01% of women
#83af93 Deuteranomaly 6% of men, 0.4% of women
#39bcb1 Tritanomaly 0.01% of the population

#12bf89 hex color

#12bf89 Color Information

#12bf89 Color Conversion

Color Schemes with #12bf89

Alternatives to #12bf89

#12bf89 Preview

Shades and Tints of #12bf89

Tones of #12bf89

Color Blindness Simulator