#12bd63 hex color

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

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

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

The hexadecimal color #12bd63 has RGB values of R:18, G:189, B:99 and CMYK values of C:0.9, M:0, Y:0.48, K:0.26. Its decimal value is 1228131.

Hex triplet	12bd63	`#12bd63`
RGB Decimal	18, 189, 99	`rgb(18,189,99)`
RGB Percent	7.1, 74.1, 38.8	`rgb(7.1%,74.1%,38.8%)`
CMYK	90, 0, 48, 26
HSL	148.4°, 82.6, 40.6	`hsl(148.4,82.6%,40.6%)`
HSV (or HSB)	148.4°, 90.5, 74.1
Web Safe	00cc66	`#00cc66`

CIE-LAB	67.593, -59.5, 34.49
XYZ	20.698, 37.422, 17.936
xyY	0.272, 0.492, 37.422
CIE-LCH	67.593, 68.773, 149.901
CIE-LUV	67.593, -59.43, 53.915
Hunter-Lab	61.174, -46.66, 25.438
Binary	00010010, 10111101, 01100011

#12bd63
```
#12bd63 rgb(18,189,99)
```
#bd126c
```
#bd126c rgb(189,18,108)
```

Complementary Color

#17bd12
```
#17bd12 rgb(23,189,18)
```
#12bd63
```
#12bd63 rgb(18,189,99)
```
#12bdb9
```
#12bdb9 rgb(18,189,185)
```

Analogous Color

#bd1217
```
#bd1217 rgb(189,18,23)
```
#12bd63
```
#12bd63 rgb(18,189,99)
```
#b912bd
```
#b912bd rgb(185,18,189)
```

Split Complementary Color

#bd6312
```
#bd6312 rgb(189,99,18)
```
#12bd63
```
#12bd63 rgb(18,189,99)
```
#6312bd
```
#6312bd rgb(99,18,189)
```

Triadic Color

#6cbd12
```
#6cbd12 rgb(108,189,18)
```
#12bd63
```
#12bd63 rgb(18,189,99)
```
#6312bd
```
#6312bd rgb(99,18,189)
```
#bd126c
```
#bd126c rgb(189,18,108)
```

Tetradic Color

#0b773e
```
#0b773e rgb(11,119,62)
```
#0e8e4b
```
#0e8e4b rgb(14,142,75)
```
#10a657
```
#10a657 rgb(16,166,87)
```
#12bd63
```
#12bd63 rgb(18,189,99)
```
#14d46f
```
#14d46f rgb(20,212,111)
```
#19e97c
```
#19e97c rgb(25,233,124)
```
#30eb89
```
#30eb89 rgb(48,235,137)
```

Monochromatic Color

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

#12bd38
```
#12bd38 rgb(18,189,56)
```
#12bd47
```
#12bd47 rgb(18,189,71)
```
#12bd55
```
#12bd55 rgb(18,189,85)
```
#12bd63
```
#12bd63 rgb(18,189,99)
```
#12bd71
```
#12bd71 rgb(18,189,113)
```
#12bd80
```
#12bd80 rgb(18,189,128)
```
#12bd8e
```
#12bd8e rgb(18,189,142)
```

Similar Colors

Text with hexadecimal color #12bd63

This text has a font color of #12bd63.

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

#12bd63 background color

This paragraph has a background color of #12bd63.

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

#12bd63 border color

This element has a border color of #12bd63.

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

CSS codes

.text {color:#12bd63;}

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

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

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

#010a05
```
#010a05 rgb(1,10,5)
```
#031c0f
```
#031c0f rgb(3,28,15)
```
#042e18
```
#042e18 rgb(4,46,24)
```
#064021
```
#064021 rgb(6,64,33)
```
#08522b
```
#08522b rgb(8,82,43)
```
#096334
```
#096334 rgb(9,99,52)
```
#0b753d
```
#0b753d rgb(11,117,61)
```
#0d8747
```
#0d8747 rgb(13,135,71)
```
#0f9950
```
#0f9950 rgb(15,153,80)
```
#10ab5a
```
#10ab5a rgb(16,171,90)
```
#12bd63
```
#12bd63 rgb(18,189,99)
```
#14cf6c
```
#14cf6c rgb(20,207,108)
```
#15e176
```
#15e176 rgb(21,225,118)
```

Shade Color Variation

#20ea80
```
#20ea80 rgb(32,234,128)
```
#32eb8a
```
#32eb8a rgb(50,235,138)
```
#44ed94
```
#44ed94 rgb(68,237,148)
```
#56ef9e
```
#56ef9e rgb(86,239,158)
```
#68f1a9
```
#68f1a9 rgb(104,241,169)
```
#7af2b3
```
#7af2b3 rgb(122,242,179)
```
#8cf4bd
```
#8cf4bd rgb(140,244,189)
```
#9df6c7
```
#9df6c7 rgb(157,246,199)
```
#aff7d1
```
#aff7d1 rgb(175,247,209)
```
#c1f9dc
```
#c1f9dc rgb(193,249,220)
```
#d3fbe6
```
#d3fbe6 rgb(211,251,230)
```
#e5fdf0
```
#e5fdf0 rgb(229,253,240)
```
#f7fefa
```
#f7fefa rgb(247,254,250)
```

Tint Color Variation

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

#626d67
```
#626d67 rgb(98,109,103)
```
#5a7567
```
#5a7567 rgb(90,117,103)
```
#527d66
```
#527d66 rgb(82,125,102)
```
#4a8566
```
#4a8566 rgb(74,133,102)
```
#428d66
```
#428d66 rgb(66,141,102)
```
#3a9565
```
#3a9565 rgb(58,149,101)
```
#329d65
```
#329d65 rgb(50,157,101)
```
#2aa564
```
#2aa564 rgb(42,165,100)
```
#22ad64
```
#22ad64 rgb(34,173,100)
```
#1ab563
```
#1ab563 rgb(26,181,99)
```
#12bd63
```
#12bd63 rgb(18,189,99)
```
#0ac563
```
#0ac563 rgb(10,197,99)
```
#02cd62
```
#02cd62 rgb(2,205,98)
```

Tone Color Variation

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

Dichromacy

#b9a963 Protanopia 1% of men
#c9a275 Deuteranopia 1% of men
#57b6c3 Tritanopia 0.001% of the population

Trichromacy

#7cb063 Protanomaly 1% of men, 0.01% of women
#86ac6e Deuteranomaly 6% of men, 0.4% of women
#3eb8a0 Tritanomaly 0.01% of the population

#12bd63 hex color

#12bd63 Color Information

#12bd63 Color Conversion

Color Schemes with #12bd63

Alternatives to #12bd63

#12bd63 Preview

Shades and Tints of #12bd63

Tones of #12bd63

Color Blindness Simulator