#12bd4d hex color

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

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

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

The hexadecimal color #12bd4d has RGB values of R:18, G:189, B:77 and CMYK values of C:0.9, M:0, Y:0.59, K:0.26. Its decimal value is 1228109.

Hex triplet	12bd4d	`#12bd4d`
RGB Decimal	18, 189, 77	`rgb(18,189,77)`
RGB Percent	7.1, 74.1, 30.2	`rgb(7.1%,74.1%,30.2%)`
CMYK	90, 0, 59, 26
HSL	140.7°, 82.6, 40.6	`hsl(140.7,82.6%,40.6%)`
HSV (or HSB)	140.7°, 90.5, 74.1
Web Safe	00cc66	`#00cc66`

CIE-LAB	67.32, -62.811, 44.844
XYZ	19.785, 37.057, 13.131
xyY	0.283, 0.53, 37.057
CIE-LCH	67.32, 77.177, 144.475
CIE-LUV	67.32, -60.529, 64.703
Hunter-Lab	60.875, -48.516, 29.823
Binary	00010010, 10111101, 01001101

#12bd4d
```
#12bd4d rgb(18,189,77)
```
#bd1282
```
#bd1282 rgb(189,18,130)
```

Complementary Color

#2dbd12
```
#2dbd12 rgb(45,189,18)
```
#12bd4d
```
#12bd4d rgb(18,189,77)
```
#12bda3
```
#12bda3 rgb(18,189,163)
```

Analogous Color

#bd122d
```
#bd122d rgb(189,18,45)
```
#12bd4d
```
#12bd4d rgb(18,189,77)
```
#a312bd
```
#a312bd rgb(163,18,189)
```

Split Complementary Color

#bd4d12
```
#bd4d12 rgb(189,77,18)
```
#12bd4d
```
#12bd4d rgb(18,189,77)
```
#4d12bd
```
#4d12bd rgb(77,18,189)
```

Triadic Color

#82bd12
```
#82bd12 rgb(130,189,18)
```
#12bd4d
```
#12bd4d rgb(18,189,77)
```
#4d12bd
```
#4d12bd rgb(77,18,189)
```
#bd1282
```
#bd1282 rgb(189,18,130)
```

Tetradic Color

#0b7731
```
#0b7731 rgb(11,119,49)
```
#0e8e3a
```
#0e8e3a rgb(14,142,58)
```
#10a644
```
#10a644 rgb(16,166,68)
```
#12bd4d
```
#12bd4d rgb(18,189,77)
```
#14d456
```
#14d456 rgb(20,212,86)
```
#19e961
```
#19e961 rgb(25,233,97)
```
#30eb71
```
#30eb71 rgb(48,235,113)
```

Monochromatic Color

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

#12bd22
```
#12bd22 rgb(18,189,34)
```
#12bd31
```
#12bd31 rgb(18,189,49)
```
#12bd3f
```
#12bd3f rgb(18,189,63)
```
#12bd4d
```
#12bd4d rgb(18,189,77)
```
#12bd5b
```
#12bd5b rgb(18,189,91)
```
#12bd6a
```
#12bd6a rgb(18,189,106)
```
#12bd78
```
#12bd78 rgb(18,189,120)
```

Similar Colors

Text with hexadecimal color #12bd4d

This text has a font color of #12bd4d.

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

#12bd4d background color

This paragraph has a background color of #12bd4d.

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

#12bd4d border color

This element has a border color of #12bd4d.

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

CSS codes

.text {color:#12bd4d;}

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

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

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

#010a04
```
#010a04 rgb(1,10,4)
```
#031c0b
```
#031c0b rgb(3,28,11)
```
#042e13
```
#042e13 rgb(4,46,19)
```
#06401a
```
#06401a rgb(6,64,26)
```
#085221
```
#085221 rgb(8,82,33)
```
#096329
```
#096329 rgb(9,99,41)
```
#0b7530
```
#0b7530 rgb(11,117,48)
```
#0d8737
```
#0d8737 rgb(13,135,55)
```
#0f993e
```
#0f993e rgb(15,153,62)
```
#10ab46
```
#10ab46 rgb(16,171,70)
```
#12bd4d
```
#12bd4d rgb(18,189,77)
```
#14cf54
```
#14cf54 rgb(20,207,84)
```
#15e15c
```
#15e15c rgb(21,225,92)
```

Shade Color Variation

#20ea66
```
#20ea66 rgb(32,234,102)
```
#32eb72
```
#32eb72 rgb(50,235,114)
```
#44ed7e
```
#44ed7e rgb(68,237,126)
```
#56ef8b
```
#56ef8b rgb(86,239,139)
```
#68f197
```
#68f197 rgb(104,241,151)
```
#7af2a3
```
#7af2a3 rgb(122,242,163)
```
#8cf4b0
```
#8cf4b0 rgb(140,244,176)
```
#9df6bc
```
#9df6bc rgb(157,246,188)
```
#aff7c8
```
#aff7c8 rgb(175,247,200)
```
#c1f9d5
```
#c1f9d5 rgb(193,249,213)
```
#d3fbe1
```
#d3fbe1 rgb(211,251,225)
```
#e5fded
```
#e5fded rgb(229,253,237)
```
#f7fef9
```
#f7fef9 rgb(247,254,249)
```

Tint Color Variation

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

#626d66
```
#626d66 rgb(98,109,102)
```
#5a7563
```
#5a7563 rgb(90,117,99)
```
#527d61
```
#527d61 rgb(82,125,97)
```
#4a855e
```
#4a855e rgb(74,133,94)
```
#428d5c
```
#428d5c rgb(66,141,92)
```
#3a9559
```
#3a9559 rgb(58,149,89)
```
#329d57
```
#329d57 rgb(50,157,87)
```
#2aa554
```
#2aa554 rgb(42,165,84)
```
#22ad52
```
#22ad52 rgb(34,173,82)
```
#1ab54f
```
#1ab54f rgb(26,181,79)
```
#12bd4d
```
#12bd4d rgb(18,189,77)
```
#0ac54b
```
#0ac54b rgb(10,197,75)
```
#02cd48
```
#02cd48 rgb(2,205,72)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#688a73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baa84f Protanopia 1% of men
#cca162 Deuteranopia 1% of men
#5bb5c2 Tritanopia 0.001% of the population

Trichromacy

#7db04e Protanomaly 1% of men, 0.01% of women
#88ab5a Deuteranomaly 6% of men, 0.4% of women
#40b897 Tritanomaly 0.01% of the population

#12bd4d hex color

#12bd4d Color Information

#12bd4d Color Conversion

Color Schemes with #12bd4d

Alternatives to #12bd4d

#12bd4d Preview

Shades and Tints of #12bd4d

Tones of #12bd4d

Color Blindness Simulator