#12bb6a hex color

In a RGB color space, hex #12bb6a is composed of 7.1% red, 73.3% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 90.4% cyan, 0% magenta, 43.3% yellow and 26.7% black. It has a hue angle of 151.2 degrees, a saturation of 82.4% and a lightness of 40.2%. #12bb6a color hex could be obtained by blending #24ffd4 with #007700. Closest websafe color is: #00cc66.

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

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

The hexadecimal color #12bb6a has RGB values of R:18, G:187, B:106 and CMYK values of C:0.9, M:0, Y:0.43, K:0.27. Its decimal value is 1227626.

Hex triplet	12bb6a	`#12bb6a`
RGB Decimal	18, 187, 106	`rgb(18,187,106)`
RGB Percent	7.1, 73.3, 41.6	`rgb(7.1%,73.3%,41.6%)`
CMYK	90, 0, 43, 27
HSL	151.2°, 82.4, 40.2	`hsl(151.2,82.4%,40.2%)`
HSV (or HSB)	151.2°, 90.4, 73.3
Web Safe	00cc66	`#00cc66`

CIE-LAB	67.057, -57.569, 30.211
XYZ	20.62, 36.708, 19.633
xyY	0.268, 0.477, 36.708
CIE-LCH	67.057, 65.015, 152.31
CIE-LUV	67.057, -58.362, 48.771
Hunter-Lab	60.587, -45.277, 23.198
Binary	00010010, 10111011, 01101010

#12bb6a
```
#12bb6a rgb(18,187,106)
```
#bb1263
```
#bb1263 rgb(187,18,99)
```

Complementary Color

#12bb16
```
#12bb16 rgb(18,187,22)
```
#12bb6a
```
#12bb6a rgb(18,187,106)
```
#12b8bb
```
#12b8bb rgb(18,184,187)
```

Analogous Color

#bb1612
```
#bb1612 rgb(187,22,18)
```
#12bb6a
```
#12bb6a rgb(18,187,106)
```
#bb12b8
```
#bb12b8 rgb(187,18,184)
```

Split Complementary Color

#bb6a12
```
#bb6a12 rgb(187,106,18)
```
#12bb6a
```
#12bb6a rgb(18,187,106)
```
#6a12bb
```
#6a12bb rgb(106,18,187)
```

Triadic Color

#63bb12
```
#63bb12 rgb(99,187,18)
```
#12bb6a
```
#12bb6a rgb(18,187,106)
```
#6a12bb
```
#6a12bb rgb(106,18,187)
```
#bb1263
```
#bb1263 rgb(187,18,99)
```

Tetradic Color

#0b7542
```
#0b7542 rgb(11,117,66)
```
#0e8c50
```
#0e8c50 rgb(14,140,80)
```
#10a45d
```
#10a45d rgb(16,164,93)
```
#12bb6a
```
#12bb6a rgb(18,187,106)
```
#14d277
```
#14d277 rgb(20,210,119)
```
#17e984
```
#17e984 rgb(23,233,132)
```
#2feb91
```
#2feb91 rgb(47,235,145)
```

Monochromatic Color

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

#12bb40
```
#12bb40 rgb(18,187,64)
```
#12bb4e
```
#12bb4e rgb(18,187,78)
```
#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)
```

Similar Colors

Text with hexadecimal color #12bb6a

This text has a font color of #12bb6a.

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

#12bb6a background color

This paragraph has a background color of #12bb6a.

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

#12bb6a border color

This element has a border color of #12bb6a.

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

CSS codes

.text {color:#12bb6a;}

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

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

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

#010805
```
#010805 rgb(1,8,5)
```
#021a0f
```
#021a0f rgb(2,26,15)
```
#042c19
```
#042c19 rgb(4,44,25)
```
#063e23
```
#063e23 rgb(6,62,35)
```
#08502d
```
#08502d rgb(8,80,45)
```
#096237
```
#096237 rgb(9,98,55)
```
#0b7341
```
#0b7341 rgb(11,115,65)
```
#0d854c
```
#0d854c rgb(13,133,76)
```
#0f9756
```
#0f9756 rgb(15,151,86)
```
#10a960
```
#10a960 rgb(16,169,96)
```
#12bb6a
```
#12bb6a rgb(18,187,106)
```
#14cd74
```
#14cd74 rgb(20,205,116)
```
#15df7e
```
#15df7e rgb(21,223,126)
```

Shade Color Variation

#1ee988
```
#1ee988 rgb(30,233,136)
```
#30eb92
```
#30eb92 rgb(48,235,146)
```
#42ed9b
```
#42ed9b rgb(66,237,155)
```
#54efa5
```
#54efa5 rgb(84,239,165)
```
#66f0ae
```
#66f0ae rgb(102,240,174)
```
#78f2b7
```
#78f2b7 rgb(120,242,183)
```
#8af4c1
```
#8af4c1 rgb(138,244,193)
```
#9cf5ca
```
#9cf5ca rgb(156,245,202)
```
#aef7d4
```
#aef7d4 rgb(174,247,212)
```
#bff9dd
```
#bff9dd rgb(191,249,221)
```
#d1fbe7
```
#d1fbe7 rgb(209,251,231)
```
#e3fcf0
```
#e3fcf0 rgb(227,252,240)
```
#f5fefa
```
#f5fefa rgb(245,254,250)
```

Tint Color Variation

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

#616c67
```
#616c67 rgb(97,108,103)
```
#597467
```
#597467 rgb(89,116,103)
```
#517c67
```
#517c67 rgb(81,124,103)
```
#498468
```
#498468 rgb(73,132,104)
```
#418c68
```
#418c68 rgb(65,140,104)
```
#399468
```
#399468 rgb(57,148,104)
```
#329b69
```
#329b69 rgb(50,155,105)
```
#2aa369
```
#2aa369 rgb(42,163,105)
```
#22ab69
```
#22ab69 rgb(34,171,105)
```
#1ab36a
```
#1ab36a rgb(26,179,106)
```
#12bb6a
```
#12bb6a rgb(18,187,106)
```
#0ac36a
```
#0ac36a rgb(10,195,106)
```
#02cb6b
```
#02cb6b rgb(2,203,107)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#698b7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a769 Protanopia 1% of men
#c5a17b Deuteranopia 1% of men
#55b5c2 Tritanopia 0.001% of the population

Trichromacy

#7aae69 Protanomaly 1% of men, 0.01% of women
#84aa75 Deuteranomaly 6% of men, 0.4% of women
#3cb7a2 Tritanomaly 0.01% of the population

#12bb6a hex color

#12bb6a Color Information

#12bb6a Color Conversion

Color Schemes with #12bb6a

Alternatives to #12bb6a

#12bb6a Preview

Shades and Tints of #12bb6a

Tones of #12bb6a

Color Blindness Simulator