#12ba56 hex color

In a RGB color space, hex #12ba56 is composed of 7.1% red, 72.9% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 90.3% cyan, 0% magenta, 53.8% yellow and 27.1% black. It has a hue angle of 144.3 degrees, a saturation of 82.4% and a lightness of 40%. #12ba56 color hex could be obtained by blending #24ffac with #007500. Closest websafe color is: #00cc66.

♥
- f
- t
- g
- R 7
- G 73
- B 34
RGB color chart
- C 90
- M 0
- Y 54
- K 27
CMYK color chart

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

The hexadecimal color #12ba56 has RGB values of R:18, G:186, B:86 and CMYK values of C:0.9, M:0, Y:0.54, K:0.27. Its decimal value is 1227350.

Hex triplet	12ba56	`#12ba56`
RGB Decimal	18, 186, 86	`rgb(18,186,86)`
RGB Percent	7.1, 72.9, 33.7	`rgb(7.1%,72.9%,33.7%)`
CMYK	90, 0, 54, 27
HSL	144.3°, 82.4, 40	`hsl(144.3,82.4%,40%)`
HSV (or HSB)	144.3°, 90.3, 72.9
Web Safe	00cc66	`#00cc66`

CIE-LAB	66.456, -60.584, 39.544
XYZ	19.487, 35.916, 14.709
xyY	0.278, 0.512, 35.916
CIE-LCH	66.456, 72.347, 146.867
CIE-LUV	66.456, -59.124, 59.005
Hunter-Lab	59.93, -46.837, 27.399
Binary	00010010, 10111010, 01010110

#12ba56
```
#12ba56 rgb(18,186,86)
```
#ba1276
```
#ba1276 rgb(186,18,118)
```

Complementary Color

#22ba12
```
#22ba12 rgb(34,186,18)
```
#12ba56
```
#12ba56 rgb(18,186,86)
```
#12baaa
```
#12baaa rgb(18,186,170)
```

Analogous Color

#ba1222
```
#ba1222 rgb(186,18,34)
```
#12ba56
```
#12ba56 rgb(18,186,86)
```
#aa12ba
```
#aa12ba rgb(170,18,186)
```

Split Complementary Color

#ba5612
```
#ba5612 rgb(186,86,18)
```
#12ba56
```
#12ba56 rgb(18,186,86)
```
#5612ba
```
#5612ba rgb(86,18,186)
```

Triadic Color

#76ba12
```
#76ba12 rgb(118,186,18)
```
#12ba56
```
#12ba56 rgb(18,186,86)
```
#5612ba
```
#5612ba rgb(86,18,186)
```
#ba1276
```
#ba1276 rgb(186,18,118)
```

Tetradic Color

#0b7436
```
#0b7436 rgb(11,116,54)
```
#0e8c41
```
#0e8c41 rgb(14,140,65)
```
#10a34b
```
#10a34b rgb(16,163,75)
```
#12ba56
```
#12ba56 rgb(18,186,86)
```
#14d161
```
#14d161 rgb(20,209,97)
```
#17e96c
```
#17e96c rgb(23,233,108)
```
#2eeb7a
```
#2eeb7a rgb(46,235,122)
```

Monochromatic Color

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

#12ba2c
```
#12ba2c rgb(18,186,44)
```
#12ba3a
```
#12ba3a rgb(18,186,58)
```
#12ba48
```
#12ba48 rgb(18,186,72)
```
#12ba56
```
#12ba56 rgb(18,186,86)
```
#12ba64
```
#12ba64 rgb(18,186,100)
```
#12ba72
```
#12ba72 rgb(18,186,114)
```
#12ba80
```
#12ba80 rgb(18,186,128)
```

Similar Colors

Text with hexadecimal color #12ba56

This text has a font color of #12ba56.

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

#12ba56 background color

This paragraph has a background color of #12ba56.

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

#12ba56 border color

This element has a border color of #12ba56.

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

CSS codes

.text {color:#12ba56;}

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

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

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

#010703
```
#010703 rgb(1,7,3)
```
#02190c
```
#02190c rgb(2,25,12)
```
#042b14
```
#042b14 rgb(4,43,20)
```
#063d1c
```
#063d1c rgb(6,61,28)
```
#084f24
```
#084f24 rgb(8,79,36)
```
#09612d
```
#09612d rgb(9,97,45)
```
#0b7235
```
#0b7235 rgb(11,114,53)
```
#0d843d
```
#0d843d rgb(13,132,61)
```
#0f9645
```
#0f9645 rgb(15,150,69)
```
#10a84e
```
#10a84e rgb(16,168,78)
```
#12ba56
```
#12ba56 rgb(18,186,86)
```
#14cc5e
```
#14cc5e rgb(20,204,94)
```
#15de67
```
#15de67 rgb(21,222,103)
```

Shade Color Variation

#1ee970
```
#1ee970 rgb(30,233,112)
```
#30eb7b
```
#30eb7b rgb(48,235,123)
```
#41ed87
```
#41ed87 rgb(65,237,135)
```
#53ee92
```
#53ee92 rgb(83,238,146)
```
#65f09d
```
#65f09d rgb(101,240,157)
```
#77f2a9
```
#77f2a9 rgb(119,242,169)
```
#89f4b4
```
#89f4b4 rgb(137,244,180)
```
#9bf5bf
```
#9bf5bf rgb(155,245,191)
```
#adf7cb
```
#adf7cb rgb(173,247,203)
```
#bff9d6
```
#bff9d6 rgb(191,249,214)
```
#d1fbe2
```
#d1fbe2 rgb(209,251,226)
```
#e2fced
```
#e2fced rgb(226,252,237)
```
#f4fef8
```
#f4fef8 rgb(244,254,248)
```

Tint Color Variation

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

#606c65
```
#606c65 rgb(96,108,101)
```
#597363
```
#597363 rgb(89,115,99)
```
#517b62
```
#517b62 rgb(81,123,98)
```
#498360
```
#498360 rgb(73,131,96)
```
#418b5f
```
#418b5f rgb(65,139,95)
```
#39935d
```
#39935d rgb(57,147,93)
```
#319b5c
```
#319b5c rgb(49,155,92)
```
#2aa25a
```
#2aa25a rgb(42,162,90)
```
#22aa59
```
#22aa59 rgb(34,170,89)
```
#1ab257
```
#1ab257 rgb(26,178,87)
```
#12ba56
```
#12ba56 rgb(18,186,86)
```
#0ac255
```
#0ac255 rgb(10,194,85)
```
#02ca53
```
#02ca53 rgb(2,202,83)
```

Tone Color Variation

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

Dichromacy

#b7a657 Protanopia 1% of men
#c79f69 Deuteranopia 1% of men
#58b2c0 Tritanopia 0.001% of the population

Trichromacy

#7bad56 Protanomaly 1% of men, 0.01% of women
#85a962 Deuteranomaly 6% of men, 0.4% of women
#3eb599 Tritanomaly 0.01% of the population

#12ba56 hex color

#12ba56 Color Information

#12ba56 Color Conversion

Color Schemes with #12ba56

Alternatives to #12ba56

#12ba56 Preview

Shades and Tints of #12ba56

Tones of #12ba56

Color Blindness Simulator