#12bb86 hex color

In a RGB color space, hex #12bb86 is composed of 7.1% red, 73.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 90.4% cyan, 0% magenta, 28.3% yellow and 26.7% black. It has a hue angle of 161.2 degrees, a saturation of 82.4% and a lightness of 40.2%. #12bb86 color hex could be obtained by blending #24ffff with #00770d. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 7
- G 73
- B 53
RGB color chart
- C 90
- M 0
- Y 28
- K 27
CMYK color chart

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

The hexadecimal color #12bb86 has RGB values of R:18, G:187, B:134 and CMYK values of C:0.9, M:0, Y:0.28, K:0.27. Its decimal value is 1227654.

Hex triplet	12bb86	`#12bb86`
RGB Decimal	18, 187, 134	`rgb(18,187,134)`
RGB Percent	7.1, 73.3, 52.5	`rgb(7.1%,73.3%,52.5%)`
CMYK	90, 0, 28, 27
HSL	161.2°, 82.4, 40.2	`hsl(161.2,82.4%,40.2%)`
HSV (or HSB)	161.2°, 90.4, 73.3
Web Safe	00cc99	`#00cc99`

CIE-LAB	67.567, -51.722, 16.006
XYZ	22.321, 37.388, 28.593
xyY	0.253, 0.423, 37.388
CIE-LCH	67.567, 54.143, 162.804
CIE-LUV	67.567, -56.537, 30.481
Hunter-Lab	61.146, -41.845, 15.077
Binary	00010010, 10111011, 10000110

#12bb86
```
#12bb86 rgb(18,187,134)
```
#bb1247
```
#bb1247 rgb(187,18,71)
```

Complementary Color

#12bb32
```
#12bb32 rgb(18,187,50)
```
#12bb86
```
#12bb86 rgb(18,187,134)
```
#129cbb
```
#129cbb rgb(18,156,187)
```

Analogous Color

#bb3212
```
#bb3212 rgb(187,50,18)
```
#12bb86
```
#12bb86 rgb(18,187,134)
```
#bb129c
```
#bb129c rgb(187,18,156)
```

Split Complementary Color

#bb8612
```
#bb8612 rgb(187,134,18)
```
#12bb86
```
#12bb86 rgb(18,187,134)
```
#8612bb
```
#8612bb rgb(134,18,187)
```

Triadic Color

#47bb12
```
#47bb12 rgb(71,187,18)
```
#12bb86
```
#12bb86 rgb(18,187,134)
```
#8612bb
```
#8612bb rgb(134,18,187)
```
#bb1247
```
#bb1247 rgb(187,18,71)
```

Tetradic Color

#0b7554
```
#0b7554 rgb(11,117,84)
```
#0e8c65
```
#0e8c65 rgb(14,140,101)
```
#10a475
```
#10a475 rgb(16,164,117)
```
#12bb86
```
#12bb86 rgb(18,187,134)
```
#14d297
```
#14d297 rgb(20,210,151)
```
#17e9a7
```
#17e9a7 rgb(23,233,167)
```
#2febb0
```
#2febb0 rgb(47,235,176)
```

Monochromatic Color

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

#12bb5c
```
#12bb5c rgb(18,187,92)
```
#12bb6a
```
#12bb6a rgb(18,187,106)
```
#12bb78
```
#12bb78 rgb(18,187,120)
```
#12bb86
```
#12bb86 rgb(18,187,134)
```
#12bb94
```
#12bb94 rgb(18,187,148)
```
#12bba2
```
#12bba2 rgb(18,187,162)
```
#12bbb0
```
#12bbb0 rgb(18,187,176)
```

Similar Colors

Text with hexadecimal color #12bb86

This text has a font color of #12bb86.

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

#12bb86 background color

This paragraph has a background color of #12bb86.

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

#12bb86 border color

This element has a border color of #12bb86.

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

CSS codes

.text {color:#12bb86;}

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

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

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

#010806
```
#010806 rgb(1,8,6)
```
#021a13
```
#021a13 rgb(2,26,19)
```
#042c1f
```
#042c1f rgb(4,44,31)
```
#063e2c
```
#063e2c rgb(6,62,44)
```
#085039
```
#085039 rgb(8,80,57)
```
#096246
```
#096246 rgb(9,98,70)
```
#0b7353
```
#0b7353 rgb(11,115,83)
```
#0d8560
```
#0d8560 rgb(13,133,96)
```
#0f976c
```
#0f976c rgb(15,151,108)
```
#10a979
```
#10a979 rgb(16,169,121)
```
#12bb86
```
#12bb86 rgb(18,187,134)
```
#14cd93
```
#14cd93 rgb(20,205,147)
```
#15dfa0
```
#15dfa0 rgb(21,223,160)
```

Shade Color Variation

#1ee9aa
```
#1ee9aa rgb(30,233,170)
```
#30ebb1
```
#30ebb1 rgb(48,235,177)
```
#42edb7
```
#42edb7 rgb(66,237,183)
```
#54efbe
```
#54efbe rgb(84,239,190)
```
#66f0c5
```
#66f0c5 rgb(102,240,197)
```
#78f2cc
```
#78f2cc rgb(120,242,204)
```
#8af4d3
```
#8af4d3 rgb(138,244,211)
```
#9cf5d9
```
#9cf5d9 rgb(156,245,217)
```
#aef7e0
```
#aef7e0 rgb(174,247,224)
```
#bff9e7
```
#bff9e7 rgb(191,249,231)
```
#d1fbee
```
#d1fbee rgb(209,251,238)
```
#e3fcf4
```
#e3fcf4 rgb(227,252,244)
```
#f5fefb
```
#f5fefb rgb(245,254,251)
```

Tint Color Variation

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

#616c69
```
#616c69 rgb(97,108,105)
```
#59746c
```
#59746c rgb(89,116,108)
```
#517c6e
```
#517c6e rgb(81,124,110)
```
#498471
```
#498471 rgb(73,132,113)
```
#418c74
```
#418c74 rgb(65,140,116)
```
#399477
```
#399477 rgb(57,148,119)
```
#329b7a
```
#329b7a rgb(50,155,122)
```
#2aa37d
```
#2aa37d rgb(42,163,125)
```
#22ab80
```
#22ab80 rgb(34,171,128)
```
#1ab383
```
#1ab383 rgb(26,179,131)
```
#12bb86
```
#12bb86 rgb(18,187,134)
```
#0ac389
```
#0ac389 rgb(10,195,137)
```
#02cb8c
```
#02cb8c rgb(2,203,140)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#6c8d83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4a882 Protanopia 1% of men
#c0a395 Deuteranopia 1% of men
#4db7c4 Tritanopia 0.001% of the population

Trichromacy

#79af84 Protanomaly 1% of men, 0.01% of women
#80ac90 Deuteranomaly 6% of men, 0.4% of women
#38b8ad Tritanomaly 0.01% of the population

#12bb86 hex color

#12bb86 Color Information

#12bb86 Color Conversion

Color Schemes with #12bb86

Alternatives to #12bb86

#12bb86 Preview

Shades and Tints of #12bb86

Tones of #12bb86

Color Blindness Simulator