#12bd5a hex color

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

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

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

The hexadecimal color #12bd5a has RGB values of R:18, G:189, B:90 and CMYK values of C:0.9, M:0, Y:0.52, K:0.26. Its decimal value is 1228122.

Hex triplet	12bd5a	`#12bd5a`
RGB Decimal	18, 189, 90	`rgb(18,189,90)`
RGB Percent	7.1, 74.1, 35.3	`rgb(7.1%,74.1%,35.3%)`
CMYK	90, 0, 52, 26
HSL	145.3°, 82.6, 40.6	`hsl(145.3,82.6%,40.6%)`
HSV (or HSB)	145.3°, 90.5, 74.1
Web Safe	00cc66	`#00cc66`

CIE-LAB	67.471, -60.96, 38.83
XYZ	20.291, 37.26, 15.795
xyY	0.277, 0.508, 37.26
CIE-LCH	67.471, 72.276, 147.504
CIE-LUV	67.471, -59.91, 58.643
Hunter-Lab	61.041, -47.485, 27.387
Binary	00010010, 10111101, 01011010

#12bd5a
```
#12bd5a rgb(18,189,90)
```
#bd1275
```
#bd1275 rgb(189,18,117)
```

Complementary Color

#20bd12
```
#20bd12 rgb(32,189,18)
```
#12bd5a
```
#12bd5a rgb(18,189,90)
```
#12bdb0
```
#12bdb0 rgb(18,189,176)
```

Analogous Color

#bd121f
```
#bd121f rgb(189,18,31)
```
#12bd5a
```
#12bd5a rgb(18,189,90)
```
#b012bd
```
#b012bd rgb(176,18,189)
```

Split Complementary Color

#bd5a12
```
#bd5a12 rgb(189,90,18)
```
#12bd5a
```
#12bd5a rgb(18,189,90)
```
#5a12bd
```
#5a12bd rgb(90,18,189)
```

Triadic Color

#75bd12
```
#75bd12 rgb(117,189,18)
```
#12bd5a
```
#12bd5a rgb(18,189,90)
```
#5a12bd
```
#5a12bd rgb(90,18,189)
```
#bd1275
```
#bd1275 rgb(189,18,117)
```

Tetradic Color

#0b7739
```
#0b7739 rgb(11,119,57)
```
#0e8e44
```
#0e8e44 rgb(14,142,68)
```
#10a64f
```
#10a64f rgb(16,166,79)
```
#12bd5a
```
#12bd5a rgb(18,189,90)
```
#14d465
```
#14d465 rgb(20,212,101)
```
#19e971
```
#19e971 rgb(25,233,113)
```
#30eb7f
```
#30eb7f rgb(48,235,127)
```

Monochromatic Color

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

#12bd2f
```
#12bd2f rgb(18,189,47)
```
#12bd3e
```
#12bd3e rgb(18,189,62)
```
#12bd4c
```
#12bd4c rgb(18,189,76)
```
#12bd5a
```
#12bd5a rgb(18,189,90)
```
#12bd68
```
#12bd68 rgb(18,189,104)
```
#12bd77
```
#12bd77 rgb(18,189,119)
```
#12bd85
```
#12bd85 rgb(18,189,133)
```

Similar Colors

Text with hexadecimal color #12bd5a

This text has a font color of #12bd5a.

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

#12bd5a background color

This paragraph has a background color of #12bd5a.

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

#12bd5a border color

This element has a border color of #12bd5a.

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

CSS codes

.text {color:#12bd5a;}

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

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

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

#010a05
```
#010a05 rgb(1,10,5)
```
#031c0d
```
#031c0d rgb(3,28,13)
```
#042e16
```
#042e16 rgb(4,46,22)
```
#06401e
```
#06401e rgb(6,64,30)
```
#085227
```
#085227 rgb(8,82,39)
```
#09632f
```
#09632f rgb(9,99,47)
```
#0b7538
```
#0b7538 rgb(11,117,56)
```
#0d8740
```
#0d8740 rgb(13,135,64)
```
#0f9949
```
#0f9949 rgb(15,153,73)
```
#10ab51
```
#10ab51 rgb(16,171,81)
```
#12bd5a
```
#12bd5a rgb(18,189,90)
```
#14cf63
```
#14cf63 rgb(20,207,99)
```
#15e16b
```
#15e16b rgb(21,225,107)
```

Shade Color Variation

#20ea75
```
#20ea75 rgb(32,234,117)
```
#32eb80
```
#32eb80 rgb(50,235,128)
```
#44ed8b
```
#44ed8b rgb(68,237,139)
```
#56ef96
```
#56ef96 rgb(86,239,150)
```
#68f1a1
```
#68f1a1 rgb(104,241,161)
```
#7af2ac
```
#7af2ac rgb(122,242,172)
```
#8cf4b8
```
#8cf4b8 rgb(140,244,184)
```
#9df6c3
```
#9df6c3 rgb(157,246,195)
```
#aff7ce
```
#aff7ce rgb(175,247,206)
```
#c1f9d9
```
#c1f9d9 rgb(193,249,217)
```
#d3fbe4
```
#d3fbe4 rgb(211,251,228)
```
#e5fdef
```
#e5fdef rgb(229,253,239)
```
#f7fefa
```
#f7fefa rgb(247,254,250)
```

Tint Color Variation

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

#626d67
```
#626d67 rgb(98,109,103)
```
#5a7565
```
#5a7565 rgb(90,117,101)
```
#527d64
```
#527d64 rgb(82,125,100)
```
#4a8563
```
#4a8563 rgb(74,133,99)
```
#428d62
```
#428d62 rgb(66,141,98)
```
#3a9560
```
#3a9560 rgb(58,149,96)
```
#329d5f
```
#329d5f rgb(50,157,95)
```
#2aa55e
```
#2aa55e rgb(42,165,94)
```
#22ad5d
```
#22ad5d rgb(34,173,93)
```
#1ab55b
```
#1ab55b rgb(26,181,91)
```
#12bd5a
```
#12bd5a rgb(18,189,90)
```
#0ac559
```
#0ac559 rgb(10,197,89)
```
#02cd57
```
#02cd57 rgb(2,205,87)
```

Tone Color Variation

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

Dichromacy

#b9a95a Protanopia 1% of men
#caa16d Deuteranopia 1% of men
#59b5c3 Tritanopia 0.001% of the population

Trichromacy

#7cb05a Protanomaly 1% of men, 0.01% of women
#87ab66 Deuteranomaly 6% of men, 0.4% of women
#3fb89c Tritanomaly 0.01% of the population

#12bd5a hex color

#12bd5a Color Information

#12bd5a Color Conversion

Color Schemes with #12bd5a

Alternatives to #12bd5a

#12bd5a Preview

Shades and Tints of #12bd5a

Tones of #12bd5a

Color Blindness Simulator