#12b77d hex color

In a RGB color space, hex #12b77d is composed of 7.1% red, 71.8% green and 49% blue. Whereas in a CMYK color space, it is composed of 90.2% cyan, 0% magenta, 31.7% yellow and 28.2% black. It has a hue angle of 158.9 degrees, a saturation of 82.1% and a lightness of 39.4%. #12b77d color hex could be obtained by blending #24fffa with #006f00. Closest websafe color is: #00cc66.

♥
- f
- t
- g
- R 7
- G 72
- B 49
RGB color chart
- C 90
- M 0
- Y 32
- K 28
CMYK color chart

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

The hexadecimal color #12b77d has RGB values of R:18, G:183, B:125 and CMYK values of C:0.9, M:0, Y:0.32, K:0.28. Its decimal value is 1226621.

Hex triplet	12b77d	`#12b77d`
RGB Decimal	18, 183, 125	`rgb(18,183,125)`
RGB Percent	7.1, 71.8, 49	`rgb(7.1%,71.8%,49%)`
CMYK	90, 0, 32, 28
HSL	158.9°, 82.1, 39.4	`hsl(158.9,82.1%,39.4%)`
HSV (or HSB)	158.9°, 90.2, 71.8
Web Safe	00cc66	`#00cc66`

CIE-LAB	66.116, -52.24, 18.871
XYZ	20.883, 35.474, 25.147
xyY	0.256, 0.435, 35.474
CIE-LCH	66.116, 55.544, 160.139
CIE-LUV	66.116, -55.799, 34.12
Hunter-Lab	59.56, -41.645, 16.659
Binary	00010010, 10110111, 01111101

#12b77d
```
#12b77d rgb(18,183,125)
```
#b7124c
```
#b7124c rgb(183,18,76)
```

Complementary Color

#12b72b
```
#12b72b rgb(18,183,43)
```
#12b77d
```
#12b77d rgb(18,183,125)
```
#129fb7
```
#129fb7 rgb(18,159,183)
```

Analogous Color

#b72b12
```
#b72b12 rgb(183,43,18)
```
#12b77d
```
#12b77d rgb(18,183,125)
```
#b7129f
```
#b7129f rgb(183,18,159)
```

Split Complementary Color

#b77d12
```
#b77d12 rgb(183,125,18)
```
#12b77d
```
#12b77d rgb(18,183,125)
```
#7d12b7
```
#7d12b7 rgb(125,18,183)
```

Triadic Color

#4cb712
```
#4cb712 rgb(76,183,18)
```
#12b77d
```
#12b77d rgb(18,183,125)
```
#7d12b7
```
#7d12b7 rgb(125,18,183)
```
#b7124c
```
#b7124c rgb(183,18,76)
```

Tetradic Color

#0b714d
```
#0b714d rgb(11,113,77)
```
#0d895d
```
#0d895d rgb(13,137,93)
```
#10a06d
```
#10a06d rgb(16,160,109)
```
#12b77d
```
#12b77d rgb(18,183,125)
```
#14ce8d
```
#14ce8d rgb(20,206,141)
```
#17e59d
```
#17e59d rgb(23,229,157)
```
#2beaa7
```
#2beaa7 rgb(43,234,167)
```

Monochromatic Color

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

#12b754
```
#12b754 rgb(18,183,84)
```
#12b762
```
#12b762 rgb(18,183,98)
```
#12b76f
```
#12b76f rgb(18,183,111)
```
#12b77d
```
#12b77d rgb(18,183,125)
```
#12b78b
```
#12b78b rgb(18,183,139)
```
#12b799
```
#12b799 rgb(18,183,153)
```
#12b7a6
```
#12b7a6 rgb(18,183,166)
```

Similar Colors

Text with hexadecimal color #12b77d

This text has a font color of #12b77d.

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

#12b77d background color

This paragraph has a background color of #12b77d.

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

#12b77d border color

This element has a border color of #12b77d.

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

CSS codes

.text {color:#12b77d;}

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

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

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

#000403
```
#000403 rgb(0,4,3)
```
#02160f
```
#02160f rgb(2,22,15)
```
#04281b
```
#04281b rgb(4,40,27)
```
#063a28
```
#063a28 rgb(6,58,40)
```
#074c34
```
#074c34 rgb(7,76,52)
```
#095e40
```
#095e40 rgb(9,94,64)
```
#0b704c
```
#0b704c rgb(11,112,76)
```
#0d8158
```
#0d8158 rgb(13,129,88)
```
#0e9365
```
#0e9365 rgb(14,147,101)
```
#10a571
```
#10a571 rgb(16,165,113)
```
#12b77d
```
#12b77d rgb(18,183,125)
```
#14c989
```
#14c989 rgb(20,201,137)
```
#16db95
```
#16db95 rgb(22,219,149)
```

Shade Color Variation

#1be9a0
```
#1be9a0 rgb(27,233,160)
```
#2deaa8
```
#2deaa8 rgb(45,234,168)
```
#3fecaf
```
#3fecaf rgb(63,236,175)
```
#51eeb7
```
#51eeb7 rgb(81,238,183)
```
#63f0be
```
#63f0be rgb(99,240,190)
```
#75f1c5
```
#75f1c5 rgb(117,241,197)
```
#86f3cd
```
#86f3cd rgb(134,243,205)
```
#98f5d4
```
#98f5d4 rgb(152,245,212)
```
#aaf7dc
```
#aaf7dc rgb(170,247,220)
```
#bcf8e3
```
#bcf8e3 rgb(188,248,227)
```
#cefaeb
```
#cefaeb rgb(206,250,235)
```
#e0fcf2
```
#e0fcf2 rgb(224,252,242)
```
#f2fef9
```
#f2fef9 rgb(242,254,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f6a66 is the less saturated color, while #03c682 is the most saturated one.

#5f6a66
```
#5f6a66 rgb(95,106,102)
```
#587168
```
#587168 rgb(88,113,104)
```
#50796b
```
#50796b rgb(80,121,107)
```
#48816d
```
#48816d rgb(72,129,109)
```
#40896f
```
#40896f rgb(64,137,111)
```
#399072
```
#399072 rgb(57,144,114)
```
#319874
```
#319874 rgb(49,152,116)
```
#29a076
```
#29a076 rgb(41,160,118)
```
#21a878
```
#21a878 rgb(33,168,120)
```
#1aaf7b
```
#1aaf7b rgb(26,175,123)
```
#12b77d
```
#12b77d rgb(18,183,125)
```
#0abf7f
```
#0abf7f rgb(10,191,127)
```
#03c682
```
#03c682 rgb(3,198,130)
```

Tone Color Variation

Below, you can see how #12b77d 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
#698a7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1a57a Protanopia 1% of men
#bd9f8d Deuteranopia 1% of men
#4eb2c0 Tritanopia 0.001% of the population

Trichromacy

#77ab7b Protanomaly 1% of men, 0.01% of women
#7fa887 Deuteranomaly 6% of men, 0.4% of women
#38b4a7 Tritanomaly 0.01% of the population

#12b77d hex color

#12b77d Color Information

#12b77d Color Conversion

Color Schemes with #12b77d

Alternatives to #12b77d

#12b77d Preview

Shades and Tints of #12b77d

Tones of #12b77d

Color Blindness Simulator