#12ba63 hex color

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

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

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

The hexadecimal color #12ba63 has RGB values of R:18, G:186, B:99 and CMYK values of C:0.9, M:0, Y:0.47, K:0.27. Its decimal value is 1227363.

Hex triplet	12ba63	`#12ba63`
RGB Decimal	18, 186, 99	`rgb(18,186,99)`
RGB Percent	7.1, 72.9, 38.8	`rgb(7.1%,72.9%,38.8%)`
CMYK	90, 0, 47, 27
HSL	148.9°, 82.4, 40	`hsl(148.9,82.4%,40%)`
HSV (or HSB)	148.9°, 90.3, 72.9
Web Safe	00cc66	`#00cc66`

CIE-LAB	66.631, -58.479, 33.266
XYZ	20.059, 36.145, 17.723
xyY	0.271, 0.489, 36.145
CIE-LCH	66.631, 67.279, 150.366
CIE-LUV	66.631, -58.434, 52.204
Hunter-Lab	60.121, -45.656, 24.606
Binary	00010010, 10111010, 01100011

#12ba63
```
#12ba63 rgb(18,186,99)
```
#ba1269
```
#ba1269 rgb(186,18,105)
```

Complementary Color

#15ba12
```
#15ba12 rgb(21,186,18)
```
#12ba63
```
#12ba63 rgb(18,186,99)
```
#12bab7
```
#12bab7 rgb(18,186,183)
```

Analogous Color

#ba1215
```
#ba1215 rgb(186,18,21)
```
#12ba63
```
#12ba63 rgb(18,186,99)
```
#b712ba
```
#b712ba rgb(183,18,186)
```

Split Complementary Color

#ba6312
```
#ba6312 rgb(186,99,18)
```
#12ba63
```
#12ba63 rgb(18,186,99)
```
#6312ba
```
#6312ba rgb(99,18,186)
```

Triadic Color

#69ba12
```
#69ba12 rgb(105,186,18)
```
#12ba63
```
#12ba63 rgb(18,186,99)
```
#6312ba
```
#6312ba rgb(99,18,186)
```
#ba1269
```
#ba1269 rgb(186,18,105)
```

Tetradic Color

#0b743e
```
#0b743e rgb(11,116,62)
```
#0e8c4a
```
#0e8c4a rgb(14,140,74)
```
#10a357
```
#10a357 rgb(16,163,87)
```
#12ba63
```
#12ba63 rgb(18,186,99)
```
#14d16f
```
#14d16f rgb(20,209,111)
```
#17e97c
```
#17e97c rgb(23,233,124)
```
#2eeb89
```
#2eeb89 rgb(46,235,137)
```

Monochromatic Color

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

#12ba39
```
#12ba39 rgb(18,186,57)
```
#12ba47
```
#12ba47 rgb(18,186,71)
```
#12ba55
```
#12ba55 rgb(18,186,85)
```
#12ba63
```
#12ba63 rgb(18,186,99)
```
#12ba71
```
#12ba71 rgb(18,186,113)
```
#12ba7f
```
#12ba7f rgb(18,186,127)
```
#12ba8d
```
#12ba8d rgb(18,186,141)
```

Similar Colors

Text with hexadecimal color #12ba63

This text has a font color of #12ba63.

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

#12ba63 background color

This paragraph has a background color of #12ba63.

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

#12ba63 border color

This element has a border color of #12ba63.

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

CSS codes

.text {color:#12ba63;}

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

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

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 #f4fef9 is the lightest one.

#010704
```
#010704 rgb(1,7,4)
```
#02190d
```
#02190d rgb(2,25,13)
```
#042b17
```
#042b17 rgb(4,43,23)
```
#063d20
```
#063d20 rgb(6,61,32)
```
#084f2a
```
#084f2a rgb(8,79,42)
```
#096133
```
#096133 rgb(9,97,51)
```
#0b723d
```
#0b723d rgb(11,114,61)
```
#0d8446
```
#0d8446 rgb(13,132,70)
```
#0f9650
```
#0f9650 rgb(15,150,80)
```
#10a859
```
#10a859 rgb(16,168,89)
```
#12ba63
```
#12ba63 rgb(18,186,99)
```
#14cc6d
```
#14cc6d rgb(20,204,109)
```
#15de76
```
#15de76 rgb(21,222,118)
```

Shade Color Variation

#1ee980
```
#1ee980 rgb(30,233,128)
```
#30eb8a
```
#30eb8a rgb(48,235,138)
```
#41ed94
```
#41ed94 rgb(65,237,148)
```
#53ee9e
```
#53ee9e rgb(83,238,158)
```
#65f0a8
```
#65f0a8 rgb(101,240,168)
```
#77f2b2
```
#77f2b2 rgb(119,242,178)
```
#89f4bc
```
#89f4bc rgb(137,244,188)
```
#9bf5c6
```
#9bf5c6 rgb(155,245,198)
```
#adf7d1
```
#adf7d1 rgb(173,247,209)
```
#bff9db
```
#bff9db rgb(191,249,219)
```
#d1fbe5
```
#d1fbe5 rgb(209,251,229)
```
#e2fcef
```
#e2fcef rgb(226,252,239)
```
#f4fef9
```
#f4fef9 rgb(244,254,249)
```

Tint Color Variation

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

#606c66
```
#606c66 rgb(96,108,102)
```
#597366
```
#597366 rgb(89,115,102)
```
#517b65
```
#517b65 rgb(81,123,101)
```
#498365
```
#498365 rgb(73,131,101)
```
#418b65
```
#418b65 rgb(65,139,101)
```
#399364
```
#399364 rgb(57,147,100)
```
#319b64
```
#319b64 rgb(49,155,100)
```
#2aa264
```
#2aa264 rgb(42,162,100)
```
#22aa64
```
#22aa64 rgb(34,170,100)
```
#1ab263
```
#1ab263 rgb(26,178,99)
```
#12ba63
```
#12ba63 rgb(18,186,99)
```
#0ac263
```
#0ac263 rgb(10,194,99)
```
#02ca62
```
#02ca62 rgb(2,202,98)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#688a79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a663 Protanopia 1% of men
#c6a075 Deuteranopia 1% of men
#56b3c0 Tritanopia 0.001% of the population

Trichromacy

#7aad63 Protanomaly 1% of men, 0.01% of women
#84a96e Deuteranomaly 6% of men, 0.4% of women
#3db59e Tritanomaly 0.01% of the population

#12ba63 hex color

#12ba63 Color Information

#12ba63 Color Conversion

Color Schemes with #12ba63

Alternatives to #12ba63

#12ba63 Preview

Shades and Tints of #12ba63

Tones of #12ba63

Color Blindness Simulator