#12bd8f hex color

In a RGB color space, hex #12bd8f is composed of 7.1% red, 74.1% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 90.5% cyan, 0% magenta, 24.3% yellow and 25.9% black. It has a hue angle of 163.9 degrees, a saturation of 82.6% and a lightness of 40.6%. #12bd8f color hex could be obtained by blending #24ffff with #007b1f. Closest websafe color is: #00cc99.

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

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

The hexadecimal color #12bd8f has RGB values of R:18, G:189, B:143 and CMYK values of C:0.9, M:0, Y:0.24, K:0.26. Its decimal value is 1228175.

Hex triplet	12bd8f	`#12bd8f`
RGB Decimal	18, 189, 143	`rgb(18,189,143)`
RGB Percent	7.1, 74.1, 56.1	`rgb(7.1%,74.1%,56.1%)`
CMYK	90, 0, 24, 26
HSL	163.9°, 82.6, 40.6	`hsl(163.9,82.6%,40.6%)`
HSV (or HSB)	163.9°, 90.5, 74.1
Web Safe	00cc99	`#00cc99`

CIE-LAB	68.391, -50.367, 12.275
XYZ	23.403, 38.504, 32.184
xyY	0.249, 0.409, 38.504
CIE-LCH	68.391, 51.841, 166.303
CIE-LUV	68.391, -56.575, 25.321
Hunter-Lab	62.052, -41.27, 12.685
Binary	00010010, 10111101, 10001111

#12bd8f
```
#12bd8f rgb(18,189,143)
```
#bd1240
```
#bd1240 rgb(189,18,64)
```

Complementary Color

#12bd39
```
#12bd39 rgb(18,189,57)
```
#12bd8f
```
#12bd8f rgb(18,189,143)
```
#1296bd
```
#1296bd rgb(18,150,189)
```

Analogous Color

#bd3912
```
#bd3912 rgb(189,57,18)
```
#12bd8f
```
#12bd8f rgb(18,189,143)
```
#bd1296
```
#bd1296 rgb(189,18,150)
```

Split Complementary Color

#bd8f12
```
#bd8f12 rgb(189,143,18)
```
#12bd8f
```
#12bd8f rgb(18,189,143)
```
#8f12bd
```
#8f12bd rgb(143,18,189)
```

Triadic Color

#40bd12
```
#40bd12 rgb(64,189,18)
```
#12bd8f
```
#12bd8f rgb(18,189,143)
```
#8f12bd
```
#8f12bd rgb(143,18,189)
```
#bd1240
```
#bd1240 rgb(189,18,64)
```

Tetradic Color

#0b775a
```
#0b775a rgb(11,119,90)
```
#0e8e6c
```
#0e8e6c rgb(14,142,108)
```
#10a67d
```
#10a67d rgb(16,166,125)
```
#12bd8f
```
#12bd8f rgb(18,189,143)
```
#14d4a1
```
#14d4a1 rgb(20,212,161)
```
#19e9b1
```
#19e9b1 rgb(25,233,177)
```
#30ebb9
```
#30ebb9 rgb(48,235,185)
```

Monochromatic Color

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

#12bd64
```
#12bd64 rgb(18,189,100)
```
#12bd73
```
#12bd73 rgb(18,189,115)
```
#12bd81
```
#12bd81 rgb(18,189,129)
```
#12bd8f
```
#12bd8f rgb(18,189,143)
```
#12bd9d
```
#12bd9d rgb(18,189,157)
```
#12bdac
```
#12bdac rgb(18,189,172)
```
#12bdba
```
#12bdba rgb(18,189,186)
```

Similar Colors

Text with hexadecimal color #12bd8f

This text has a font color of #12bd8f.

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

#12bd8f background color

This paragraph has a background color of #12bd8f.

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

#12bd8f border color

This element has a border color of #12bd8f.

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

CSS codes

.text {color:#12bd8f;}

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

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

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

#010a07
```
#010a07 rgb(1,10,7)
```
#031c15
```
#031c15 rgb(3,28,21)
```
#042e23
```
#042e23 rgb(4,46,35)
```
#064030
```
#064030 rgb(6,64,48)
```
#08523e
```
#08523e rgb(8,82,62)
```
#09634b
```
#09634b rgb(9,99,75)
```
#0b7559
```
#0b7559 rgb(11,117,89)
```
#0d8766
```
#0d8766 rgb(13,135,102)
```
#0f9974
```
#0f9974 rgb(15,153,116)
```
#10ab81
```
#10ab81 rgb(16,171,129)
```
#12bd8f
```
#12bd8f rgb(18,189,143)
```
#14cf9d
```
#14cf9d rgb(20,207,157)
```
#15e1aa
```
#15e1aa rgb(21,225,170)
```

Shade Color Variation

#20eab4
```
#20eab4 rgb(32,234,180)
```
#32ebba
```
#32ebba rgb(50,235,186)
```
#44edc0
```
#44edc0 rgb(68,237,192)
```
#56efc6
```
#56efc6 rgb(86,239,198)
```
#68f1cc
```
#68f1cc rgb(104,241,204)
```
#7af2d2
```
#7af2d2 rgb(122,242,210)
```
#8cf4d8
```
#8cf4d8 rgb(140,244,216)
```
#9df6de
```
#9df6de rgb(157,246,222)
```
#aff7e4
```
#aff7e4 rgb(175,247,228)
```
#c1f9ea
```
#c1f9ea rgb(193,249,234)
```
#d3fbf0
```
#d3fbf0 rgb(211,251,240)
```
#e5fdf6
```
#e5fdf6 rgb(229,253,246)
```
#f7fefc
```
#f7fefc rgb(247,254,252)
```

Tint Color Variation

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

#626d6a
```
#626d6a rgb(98,109,106)
```
#5a756e
```
#5a756e rgb(90,117,110)
```
#527d72
```
#527d72 rgb(82,125,114)
```
#4a8575
```
#4a8575 rgb(74,133,117)
```
#428d79
```
#428d79 rgb(66,141,121)
```
#3a957d
```
#3a957d rgb(58,149,125)
```
#329d80
```
#329d80 rgb(50,157,128)
```
#2aa584
```
#2aa584 rgb(42,165,132)
```
#22ad88
```
#22ad88 rgb(34,173,136)
```
#1ab58b
```
#1ab58b rgb(26,181,139)
```
#12bd8f
```
#12bd8f rgb(18,189,143)
```
#0ac593
```
#0ac593 rgb(10,197,147)
```
#02cd96
```
#02cd96 rgb(2,205,150)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#6e9087 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5aa8b Protanopia 1% of men
#c0a59e Deuteranopia 1% of men
#4cb9c7 Tritanopia 0.001% of the population

Trichromacy

#7ab18c Protanomaly 1% of men, 0.01% of women
#80ae98 Deuteranomaly 6% of men, 0.4% of women
#36bab2 Tritanomaly 0.01% of the population

#12bd8f hex color

#12bd8f Color Information

#12bd8f Color Conversion

Color Schemes with #12bd8f

Alternatives to #12bd8f

#12bd8f Preview

Shades and Tints of #12bd8f

Tones of #12bd8f

Color Blindness Simulator