#12ba74 hex color

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

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

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

The hexadecimal color #12ba74 has RGB values of R:18, G:186, B:116 and CMYK values of C:0.9, M:0, Y:0.38, K:0.27. Its decimal value is 1227380.

Hex triplet	12ba74	`#12ba74`
RGB Decimal	18, 186, 116	`rgb(18,186,116)`
RGB Percent	7.1, 72.9, 45.5	`rgb(7.1%,72.9%,45.5%)`
CMYK	90, 0, 38, 27
HSL	155°, 82.4, 40	`hsl(155,82.4%,40%)`
HSV (or HSB)	155°, 90.3, 72.9
Web Safe	00cc66	`#00cc66`

CIE-LAB	66.904, -55.27, 24.76
XYZ	20.959, 36.505, 22.464
xyY	0.262, 0.457, 36.505
CIE-LCH	66.904, 60.563, 155.868
CIE-LUV	66.904, -57.409, 42.014
Hunter-Lab	60.419, -43.814, 20.25
Binary	00010010, 10111010, 01110100

#12ba74
```
#12ba74 rgb(18,186,116)
```
#ba1258
```
#ba1258 rgb(186,18,88)
```

Complementary Color

#12ba20
```
#12ba20 rgb(18,186,32)
```
#12ba74
```
#12ba74 rgb(18,186,116)
```
#12acba
```
#12acba rgb(18,172,186)
```

Analogous Color

#ba2012
```
#ba2012 rgb(186,32,18)
```
#12ba74
```
#12ba74 rgb(18,186,116)
```
#ba12ac
```
#ba12ac rgb(186,18,172)
```

Split Complementary Color

#ba7412
```
#ba7412 rgb(186,116,18)
```
#12ba74
```
#12ba74 rgb(18,186,116)
```
#7412ba
```
#7412ba rgb(116,18,186)
```

Triadic Color

#58ba12
```
#58ba12 rgb(88,186,18)
```
#12ba74
```
#12ba74 rgb(18,186,116)
```
#7412ba
```
#7412ba rgb(116,18,186)
```
#ba1258
```
#ba1258 rgb(186,18,88)
```

Tetradic Color

#0b7449
```
#0b7449 rgb(11,116,73)
```
#0e8c57
```
#0e8c57 rgb(14,140,87)
```
#10a366
```
#10a366 rgb(16,163,102)
```
#12ba74
```
#12ba74 rgb(18,186,116)
```
#14d183
```
#14d183 rgb(20,209,131)
```
#17e991
```
#17e991 rgb(23,233,145)
```
#2eeb9c
```
#2eeb9c rgb(46,235,156)
```

Monochromatic Color

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

#12ba4a
```
#12ba4a rgb(18,186,74)
```
#12ba58
```
#12ba58 rgb(18,186,88)
```
#12ba66
```
#12ba66 rgb(18,186,102)
```
#12ba74
```
#12ba74 rgb(18,186,116)
```
#12ba82
```
#12ba82 rgb(18,186,130)
```
#12ba90
```
#12ba90 rgb(18,186,144)
```
#12ba9e
```
#12ba9e rgb(18,186,158)
```

Similar Colors

Text with hexadecimal color #12ba74

This text has a font color of #12ba74.

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

#12ba74 background color

This paragraph has a background color of #12ba74.

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

#12ba74 border color

This element has a border color of #12ba74.

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

CSS codes

.text {color:#12ba74;}

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

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

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

#010704
```
#010704 rgb(1,7,4)
```
#021910
```
#021910 rgb(2,25,16)
```
#042b1b
```
#042b1b rgb(4,43,27)
```
#063d26
```
#063d26 rgb(6,61,38)
```
#084f31
```
#084f31 rgb(8,79,49)
```
#09613c
```
#09613c rgb(9,97,60)
```
#0b7247
```
#0b7247 rgb(11,114,71)
```
#0d8453
```
#0d8453 rgb(13,132,83)
```
#0f965e
```
#0f965e rgb(15,150,94)
```
#10a869
```
#10a869 rgb(16,168,105)
```
#12ba74
```
#12ba74 rgb(18,186,116)
```
#14cc7f
```
#14cc7f rgb(20,204,127)
```
#15de8a
```
#15de8a rgb(21,222,138)
```

Shade Color Variation

#1ee994
```
#1ee994 rgb(30,233,148)
```
#30eb9d
```
#30eb9d rgb(48,235,157)
```
#41eda5
```
#41eda5 rgb(65,237,165)
```
#53eeae
```
#53eeae rgb(83,238,174)
```
#65f0b6
```
#65f0b6 rgb(101,240,182)
```
#77f2bf
```
#77f2bf rgb(119,242,191)
```
#89f4c7
```
#89f4c7 rgb(137,244,199)
```
#9bf5d0
```
#9bf5d0 rgb(155,245,208)
```
#adf7d8
```
#adf7d8 rgb(173,247,216)
```
#bff9e1
```
#bff9e1 rgb(191,249,225)
```
#d1fbe9
```
#d1fbe9 rgb(209,251,233)
```
#e2fcf1
```
#e2fcf1 rgb(226,252,241)
```
#f4fefa
```
#f4fefa rgb(244,254,250)
```

Tint Color Variation

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

#606c67
```
#606c67 rgb(96,108,103)
```
#597368
```
#597368 rgb(89,115,104)
```
#517b6a
```
#517b6a rgb(81,123,106)
```
#49836b
```
#49836b rgb(73,131,107)
```
#418b6c
```
#418b6c rgb(65,139,108)
```
#39936d
```
#39936d rgb(57,147,109)
```
#319b6f
```
#319b6f rgb(49,155,111)
```
#2aa270
```
#2aa270 rgb(42,162,112)
```
#22aa71
```
#22aa71 rgb(34,170,113)
```
#1ab273
```
#1ab273 rgb(26,178,115)
```
#12ba74
```
#12ba74 rgb(18,186,116)
```
#0ac275
```
#0ac275 rgb(10,194,117)
```
#02ca77
```
#02ca77 rgb(2,202,119)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#6a8c7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5a772 Protanopia 1% of men
#c2a185 Deuteranopia 1% of men
#52b4c2 Tritanopia 0.001% of the population

Trichromacy

#79ae73 Protanomaly 1% of men, 0.01% of women
#82aa7e Deuteranomaly 6% of men, 0.4% of women
#3bb6a5 Tritanomaly 0.01% of the population

#12ba74 hex color

#12ba74 Color Information

#12ba74 Color Conversion

Color Schemes with #12ba74

Alternatives to #12ba74

#12ba74 Preview

Shades and Tints of #12ba74

Tones of #12ba74

Color Blindness Simulator