#12bb80 hex color

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

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

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

The hexadecimal color #12bb80 has RGB values of R:18, G:187, B:128 and CMYK values of C:0.9, M:0, Y:0.32, K:0.27. Its decimal value is 1227648.

Hex triplet	12bb80	`#12bb80`
RGB Decimal	18, 187, 128	`rgb(18,187,128)`
RGB Percent	7.1, 73.3, 50.2	`rgb(7.1%,73.3%,50.2%)`
CMYK	90, 0, 32, 27
HSL	159.1°, 82.4, 40.2	`hsl(159.1,82.4%,40.2%)`
HSV (or HSB)	159.1°, 90.4, 73.3
Web Safe	00cc99	`#00cc99`

CIE-LAB	67.446, -53.084, 19.079
XYZ	21.914, 37.225, 26.451
xyY	0.256, 0.435, 37.225
CIE-LCH	67.446, 56.409, 160.231
CIE-LUV	67.446, -56.953, 34.68
Hunter-Lab	61.013, -42.659, 17.005
Binary	00010010, 10111011, 10000000

#12bb80
```
#12bb80 rgb(18,187,128)
```
#bb124d
```
#bb124d rgb(187,18,77)
```

Complementary Color

#12bb2c
```
#12bb2c rgb(18,187,44)
```
#12bb80
```
#12bb80 rgb(18,187,128)
```
#12a2bb
```
#12a2bb rgb(18,162,187)
```

Analogous Color

#bb2c12
```
#bb2c12 rgb(187,44,18)
```
#12bb80
```
#12bb80 rgb(18,187,128)
```
#bb12a2
```
#bb12a2 rgb(187,18,162)
```

Split Complementary Color

#bb8012
```
#bb8012 rgb(187,128,18)
```
#12bb80
```
#12bb80 rgb(18,187,128)
```
#8012bb
```
#8012bb rgb(128,18,187)
```

Triadic Color

#4dbb12
```
#4dbb12 rgb(77,187,18)
```
#12bb80
```
#12bb80 rgb(18,187,128)
```
#8012bb
```
#8012bb rgb(128,18,187)
```
#bb124d
```
#bb124d rgb(187,18,77)
```

Tetradic Color

#0b7550
```
#0b7550 rgb(11,117,80)
```
#0e8c60
```
#0e8c60 rgb(14,140,96)
```
#10a470
```
#10a470 rgb(16,164,112)
```
#12bb80
```
#12bb80 rgb(18,187,128)
```
#14d290
```
#14d290 rgb(20,210,144)
```
#17e9a0
```
#17e9a0 rgb(23,233,160)
```
#2feba9
```
#2feba9 rgb(47,235,169)
```

Monochromatic Color

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

#12bb56
```
#12bb56 rgb(18,187,86)
```
#12bb64
```
#12bb64 rgb(18,187,100)
```
#12bb72
```
#12bb72 rgb(18,187,114)
```
#12bb80
```
#12bb80 rgb(18,187,128)
```
#12bb8e
```
#12bb8e rgb(18,187,142)
```
#12bb9c
```
#12bb9c rgb(18,187,156)
```
#12bbaa
```
#12bbaa rgb(18,187,170)
```

Similar Colors

Text with hexadecimal color #12bb80

This text has a font color of #12bb80.

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

#12bb80 background color

This paragraph has a background color of #12bb80.

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

#12bb80 border color

This element has a border color of #12bb80.

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

CSS codes

.text {color:#12bb80;}

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

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

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)
```
#021a12
```
#021a12 rgb(2,26,18)
```
#042c1e
```
#042c1e rgb(4,44,30)
```
#063e2a
```
#063e2a rgb(6,62,42)
```
#085037
```
#085037 rgb(8,80,55)
```
#096243
```
#096243 rgb(9,98,67)
```
#0b734f
```
#0b734f rgb(11,115,79)
```
#0d855b
```
#0d855b rgb(13,133,91)
```
#0f9768
```
#0f9768 rgb(15,151,104)
```
#10a974
```
#10a974 rgb(16,169,116)
```
#12bb80
```
#12bb80 rgb(18,187,128)
```
#14cd8c
```
#14cd8c rgb(20,205,140)
```
#15df98
```
#15df98 rgb(21,223,152)
```

Shade Color Variation

#1ee9a3
```
#1ee9a3 rgb(30,233,163)
```
#30ebaa
```
#30ebaa rgb(48,235,170)
```
#42edb1
```
#42edb1 rgb(66,237,177)
```
#54efb9
```
#54efb9 rgb(84,239,185)
```
#66f0c0
```
#66f0c0 rgb(102,240,192)
```
#78f2c7
```
#78f2c7 rgb(120,242,199)
```
#8af4cf
```
#8af4cf rgb(138,244,207)
```
#9cf5d6
```
#9cf5d6 rgb(156,245,214)
```
#aef7dd
```
#aef7dd rgb(174,247,221)
```
#bff9e5
```
#bff9e5 rgb(191,249,229)
```
#d1fbec
```
#d1fbec rgb(209,251,236)
```
#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, #616c68 is the less saturated color, while #02cb85 is the most saturated one.

#616c68
```
#616c68 rgb(97,108,104)
```
#59746b
```
#59746b rgb(89,116,107)
```
#517c6d
```
#517c6d rgb(81,124,109)
```
#49846f
```
#49846f rgb(73,132,111)
```
#418c72
```
#418c72 rgb(65,140,114)
```
#399474
```
#399474 rgb(57,148,116)
```
#329b76
```
#329b76 rgb(50,155,118)
```
#2aa379
```
#2aa379 rgb(42,163,121)
```
#22ab7b
```
#22ab7b rgb(34,171,123)
```
#1ab37e
```
#1ab37e rgb(26,179,126)
```
#12bb80
```
#12bb80 rgb(18,187,128)
```
#0ac382
```
#0ac382 rgb(10,195,130)
```
#02cb85
```
#02cb85 rgb(2,203,133)
```

Tone Color Variation

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

Dichromacy

#b5a87d Protanopia 1% of men
#c1a290 Deuteranopia 1% of men
#4fb6c3 Tritanopia 0.001% of the population

Trichromacy

#79af7e Protanomaly 1% of men, 0.01% of women
#81ab8a Deuteranomaly 6% of men, 0.4% of women
#39b8ab Tritanomaly 0.01% of the population

#12bb80 hex color

#12bb80 Color Information

#12bb80 Color Conversion

Color Schemes with #12bb80

Alternatives to #12bb80

#12bb80 Preview

Shades and Tints of #12bb80

Tones of #12bb80

Color Blindness Simulator