#12bd45 hex color

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

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

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

The hexadecimal color #12bd45 has RGB values of R:18, G:189, B:69 and CMYK values of C:0.9, M:0, Y:0.63, K:0.26. Its decimal value is 1228101.

Hex triplet	12bd45	`#12bd45`
RGB Decimal	18, 189, 69	`rgb(18,189,69)`
RGB Percent	7.1, 74.1, 27.1	`rgb(7.1%,74.1%,27.1%)`
CMYK	90, 0, 63, 26
HSL	137.9°, 82.6, 40.6	`hsl(137.9,82.6%,40.6%)`
HSV (or HSB)	137.9°, 90.5, 74.1
Web Safe	00cc33	`#00cc33`

CIE-LAB	67.24, -63.799, 48.344
XYZ	19.52, 36.951, 11.733
xyY	0.286, 0.542, 36.951
CIE-LCH	67.24, 80.046, 142.847
CIE-LUV	67.24, -60.863, 67.964
Hunter-Lab	60.788, -49.059, 31.107
Binary	00010010, 10111101, 01000101

#12bd45
```
#12bd45 rgb(18,189,69)
```
#bd128a
```
#bd128a rgb(189,18,138)
```

Complementary Color

#35bd12
```
#35bd12 rgb(53,189,18)
```
#12bd45
```
#12bd45 rgb(18,189,69)
```
#12bd9b
```
#12bd9b rgb(18,189,155)
```

Analogous Color

#bd1234
```
#bd1234 rgb(189,18,52)
```
#12bd45
```
#12bd45 rgb(18,189,69)
```
#9b12bd
```
#9b12bd rgb(155,18,189)
```

Split Complementary Color

#bd4512
```
#bd4512 rgb(189,69,18)
```
#12bd45
```
#12bd45 rgb(18,189,69)
```
#4512bd
```
#4512bd rgb(69,18,189)
```

Triadic Color

#8abd12
```
#8abd12 rgb(138,189,18)
```
#12bd45
```
#12bd45 rgb(18,189,69)
```
#4512bd
```
#4512bd rgb(69,18,189)
```
#bd128a
```
#bd128a rgb(189,18,138)
```

Tetradic Color

#0b772c
```
#0b772c rgb(11,119,44)
```
#0e8e34
```
#0e8e34 rgb(14,142,52)
```
#10a63d
```
#10a63d rgb(16,166,61)
```
#12bd45
```
#12bd45 rgb(18,189,69)
```
#14d44e
```
#14d44e rgb(20,212,78)
```
#19e957
```
#19e957 rgb(25,233,87)
```
#30eb68
```
#30eb68 rgb(48,235,104)
```

Monochromatic Color

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

#12bd1a
```
#12bd1a rgb(18,189,26)
```
#12bd29
```
#12bd29 rgb(18,189,41)
```
#12bd37
```
#12bd37 rgb(18,189,55)
```
#12bd45
```
#12bd45 rgb(18,189,69)
```
#12bd53
```
#12bd53 rgb(18,189,83)
```
#12bd62
```
#12bd62 rgb(18,189,98)
```
#12bd70
```
#12bd70 rgb(18,189,112)
```

Similar Colors

Text with hexadecimal color #12bd45

This text has a font color of #12bd45.

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

#12bd45 background color

This paragraph has a background color of #12bd45.

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

#12bd45 border color

This element has a border color of #12bd45.

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

CSS codes

.text {color:#12bd45;}

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

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

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)
```
#031c0a
```
#031c0a rgb(3,28,10)
```
#042e11
```
#042e11 rgb(4,46,17)
```
#064017
```
#064017 rgb(6,64,23)
```
#08521e
```
#08521e rgb(8,82,30)
```
#096324
```
#096324 rgb(9,99,36)
```
#0b752b
```
#0b752b rgb(11,117,43)
```
#0d8731
```
#0d8731 rgb(13,135,49)
```
#0f9938
```
#0f9938 rgb(15,153,56)
```
#10ab3e
```
#10ab3e rgb(16,171,62)
```
#12bd45
```
#12bd45 rgb(18,189,69)
```
#14cf4c
```
#14cf4c rgb(20,207,76)
```
#15e152
```
#15e152 rgb(21,225,82)
```

Shade Color Variation

#20ea5c
```
#20ea5c rgb(32,234,92)
```
#32eb69
```
#32eb69 rgb(50,235,105)
```
#44ed76
```
#44ed76 rgb(68,237,118)
```
#56ef83
```
#56ef83 rgb(86,239,131)
```
#68f191
```
#68f191 rgb(104,241,145)
```
#7af29e
```
#7af29e rgb(122,242,158)
```
#8cf4ab
```
#8cf4ab rgb(140,244,171)
```
#9df6b8
```
#9df6b8 rgb(157,246,184)
```
#aff7c5
```
#aff7c5 rgb(175,247,197)
```
#c1f9d2
```
#c1f9d2 rgb(193,249,210)
```
#d3fbdf
```
#d3fbdf rgb(211,251,223)
```
#e5fdec
```
#e5fdec rgb(229,253,236)
```
#f7fef9
```
#f7fef9 rgb(247,254,249)
```

Tint Color Variation

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

#626d65
```
#626d65 rgb(98,109,101)
```
#5a7562
```
#5a7562 rgb(90,117,98)
```
#527d5f
```
#527d5f rgb(82,125,95)
```
#4a855b
```
#4a855b rgb(74,133,91)
```
#428d58
```
#428d58 rgb(66,141,88)
```
#3a9555
```
#3a9555 rgb(58,149,85)
```
#329d52
```
#329d52 rgb(50,157,82)
```
#2aa54f
```
#2aa54f rgb(42,165,79)
```
#22ad4b
```
#22ad4b rgb(34,173,75)
```
#1ab548
```
#1ab548 rgb(26,181,72)
```
#12bd45
```
#12bd45 rgb(18,189,69)
```
#0ac542
```
#0ac542 rgb(10,197,66)
```
#02cd3f
```
#02cd3f rgb(2,205,63)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#678971 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baa847 Protanopia 1% of men
#cda15b Deuteranopia 1% of men
#5cb4c2 Tritanopia 0.001% of the population

Trichromacy

#7db046 Protanomaly 1% of men, 0.01% of women
#89ab53 Deuteranomaly 6% of men, 0.4% of women
#41b794 Tritanomaly 0.01% of the population

#12bd45 hex color

#12bd45 Color Information

#12bd45 Color Conversion

Color Schemes with #12bd45

Alternatives to #12bd45

#12bd45 Preview

Shades and Tints of #12bd45

Tones of #12bd45

Color Blindness Simulator