#12bd77 hex color

In a RGB color space, hex #12bd77 is composed of 7.1% red, 74.1% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 90.5% cyan, 0% magenta, 37% yellow and 25.9% black. It has a hue angle of 155.4 degrees, a saturation of 82.6% and a lightness of 40.6%. #12bd77 color hex could be obtained by blending #24ffee with #007b00. Closest websafe color is: #00cc66.

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

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

The hexadecimal color #12bd77 has RGB values of R:18, G:189, B:119 and CMYK values of C:0.9, M:0, Y:0.37, K:0.26. Its decimal value is 1228151.

Hex triplet	12bd77	`#12bd77`
RGB Decimal	18, 189, 119	`rgb(18,189,119)`
RGB Percent	7.1, 74.1, 46.7	`rgb(7.1%,74.1%,46.7%)`
CMYK	90, 0, 37, 26
HSL	155.4°, 82.6, 40.6	`hsl(155.4,82.6%,40.6%)`
HSV (or HSB)	155.4°, 90.5, 74.1
Web Safe	00cc66	`#00cc66`

CIE-LAB	67.912, -55.746, 24.521
XYZ	21.775, 37.853, 23.611
xyY	0.262, 0.455, 37.853
CIE-LCH	67.912, 60.9, 156.257
CIE-LUV	67.912, -58.225, 41.96
Hunter-Lab	61.525, -44.494, 20.315
Binary	00010010, 10111101, 01110111

#12bd77
```
#12bd77 rgb(18,189,119)
```
#bd1258
```
#bd1258 rgb(189,18,88)
```

Complementary Color

#12bd22
```
#12bd22 rgb(18,189,34)
```
#12bd77
```
#12bd77 rgb(18,189,119)
```
#12aebd
```
#12aebd rgb(18,174,189)
```

Analogous Color

#bd2212
```
#bd2212 rgb(189,34,18)
```
#12bd77
```
#12bd77 rgb(18,189,119)
```
#bd12ae
```
#bd12ae rgb(189,18,174)
```

Split Complementary Color

#bd7712
```
#bd7712 rgb(189,119,18)
```
#12bd77
```
#12bd77 rgb(18,189,119)
```
#7712bd
```
#7712bd rgb(119,18,189)
```

Triadic Color

#58bd12
```
#58bd12 rgb(88,189,18)
```
#12bd77
```
#12bd77 rgb(18,189,119)
```
#7712bd
```
#7712bd rgb(119,18,189)
```
#bd1258
```
#bd1258 rgb(189,18,88)
```

Tetradic Color

#0b774b
```
#0b774b rgb(11,119,75)
```
#0e8e5a
```
#0e8e5a rgb(14,142,90)
```
#10a668
```
#10a668 rgb(16,166,104)
```
#12bd77
```
#12bd77 rgb(18,189,119)
```
#14d486
```
#14d486 rgb(20,212,134)
```
#19e994
```
#19e994 rgb(25,233,148)
```
#30eb9f
```
#30eb9f rgb(48,235,159)
```

Monochromatic Color

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

#12bd4c
```
#12bd4c rgb(18,189,76)
```
#12bd5a
```
#12bd5a rgb(18,189,90)
```
#12bd69
```
#12bd69 rgb(18,189,105)
```
#12bd77
```
#12bd77 rgb(18,189,119)
```
#12bd85
```
#12bd85 rgb(18,189,133)
```
#12bd94
```
#12bd94 rgb(18,189,148)
```
#12bda2
```
#12bda2 rgb(18,189,162)
```

Similar Colors

Text with hexadecimal color #12bd77

This text has a font color of #12bd77.

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

#12bd77 background color

This paragraph has a background color of #12bd77.

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

#12bd77 border color

This element has a border color of #12bd77.

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

CSS codes

.text {color:#12bd77;}

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

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

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

#010a06
```
#010a06 rgb(1,10,6)
```
#031c12
```
#031c12 rgb(3,28,18)
```
#042e1d
```
#042e1d rgb(4,46,29)
```
#064028
```
#064028 rgb(6,64,40)
```
#085233
```
#085233 rgb(8,82,51)
```
#09633f
```
#09633f rgb(9,99,63)
```
#0b754a
```
#0b754a rgb(11,117,74)
```
#0d8755
```
#0d8755 rgb(13,135,85)
```
#0f9960
```
#0f9960 rgb(15,153,96)
```
#10ab6c
```
#10ab6c rgb(16,171,108)
```
#12bd77
```
#12bd77 rgb(18,189,119)
```
#14cf82
```
#14cf82 rgb(20,207,130)
```
#15e18e
```
#15e18e rgb(21,225,142)
```

Shade Color Variation

#20ea97
```
#20ea97 rgb(32,234,151)
```
#32eba0
```
#32eba0 rgb(50,235,160)
```
#44eda8
```
#44eda8 rgb(68,237,168)
```
#56efb0
```
#56efb0 rgb(86,239,176)
```
#68f1b9
```
#68f1b9 rgb(104,241,185)
```
#7af2c1
```
#7af2c1 rgb(122,242,193)
```
#8cf4c9
```
#8cf4c9 rgb(140,244,201)
```
#9df6d2
```
#9df6d2 rgb(157,246,210)
```
#aff7da
```
#aff7da rgb(175,247,218)
```
#c1f9e2
```
#c1f9e2 rgb(193,249,226)
```
#d3fbeb
```
#d3fbeb rgb(211,251,235)
```
#e5fdf3
```
#e5fdf3 rgb(229,253,243)
```
#f7fefb
```
#f7fefb rgb(247,254,251)
```

Tint Color Variation

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

#626d69
```
#626d69 rgb(98,109,105)
```
#5a756a
```
#5a756a rgb(90,117,106)
```
#527d6b
```
#527d6b rgb(82,125,107)
```
#4a856d
```
#4a856d rgb(74,133,109)
```
#428d6e
```
#428d6e rgb(66,141,110)
```
#3a9570
```
#3a9570 rgb(58,149,112)
```
#329d71
```
#329d71 rgb(50,157,113)
```
#2aa573
```
#2aa573 rgb(42,165,115)
```
#22ad74
```
#22ad74 rgb(34,173,116)
```
#1ab576
```
#1ab576 rgb(26,181,118)
```
#12bd77
```
#12bd77 rgb(18,189,119)
```
#0ac578
```
#0ac578 rgb(10,197,120)
```
#02cd7a
```
#02cd7a rgb(2,205,122)
```

Tone Color Variation

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

Dichromacy

#b7aa75 Protanopia 1% of men
#c5a388 Deuteranopia 1% of men
#53b7c5 Tritanopia 0.001% of the population

Trichromacy

#7bb075 Protanomaly 1% of men, 0.01% of women
#84ac81 Deuteranomaly 6% of men, 0.4% of women
#3bb9a8 Tritanomaly 0.01% of the population

#12bd77 hex color

#12bd77 Color Information

#12bd77 Color Conversion

Color Schemes with #12bd77

Alternatives to #12bd77

#12bd77 Preview

Shades and Tints of #12bd77

Tones of #12bd77

Color Blindness Simulator