#12bd96 hex color

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

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

● #12bd96 color description : Strong cyan.

The hexadecimal color #12bd96 has RGB values of R:18, G:189, B:150 and CMYK values of C:0.9, M:0, Y:0.21, K:0.26. Its decimal value is 1228182.

Hex triplet	12bd96	`#12bd96`
RGB Decimal	18, 189, 150	`rgb(18,189,150)`
RGB Percent	7.1, 74.1, 58.8	`rgb(7.1%,74.1%,58.8%)`
CMYK	90, 0, 21, 26
HSL	166.3°, 82.6, 40.6	`hsl(166.3,82.6%,40.6%)`
HSV (or HSB)	166.3°, 90.5, 74.1
Web Safe	00cc99	`#00cc99`

CIE-LAB	68.55, -48.632, 8.688
XYZ	23.95, 38.723, 35.065
xyY	0.245, 0.396, 38.723
CIE-LCH	68.55, 49.402, 169.87
CIE-LUV	68.55, -56.062, 20.075
Hunter-Lab	62.228, -40.199, 10.151
Binary	00010010, 10111101, 10010110

#12bd96
```
#12bd96 rgb(18,189,150)
```
#bd1239
```
#bd1239 rgb(189,18,57)
```

Complementary Color

#12bd41
```
#12bd41 rgb(18,189,65)
```
#12bd96
```
#12bd96 rgb(18,189,150)
```
#128fbd
```
#128fbd rgb(18,143,189)
```

Analogous Color

#bd4012
```
#bd4012 rgb(189,64,18)
```
#12bd96
```
#12bd96 rgb(18,189,150)
```
#bd128f
```
#bd128f rgb(189,18,143)
```

Split Complementary Color

#bd9612
```
#bd9612 rgb(189,150,18)
```
#12bd96
```
#12bd96 rgb(18,189,150)
```
#9612bd
```
#9612bd rgb(150,18,189)
```

Triadic Color

#39bd12
```
#39bd12 rgb(57,189,18)
```
#12bd96
```
#12bd96 rgb(18,189,150)
```
#9612bd
```
#9612bd rgb(150,18,189)
```
#bd1239
```
#bd1239 rgb(189,18,57)
```

Tetradic Color

#0b775f
```
#0b775f rgb(11,119,95)
```
#0e8e71
```
#0e8e71 rgb(14,142,113)
```
#10a684
```
#10a684 rgb(16,166,132)
```
#12bd96
```
#12bd96 rgb(18,189,150)
```
#14d4a8
```
#14d4a8 rgb(20,212,168)
```
#19e9ba
```
#19e9ba rgb(25,233,186)
```
#30ebc1
```
#30ebc1 rgb(48,235,193)
```

Monochromatic Color

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

#12bd6b
```
#12bd6b rgb(18,189,107)
```
#12bd7a
```
#12bd7a rgb(18,189,122)
```
#12bd88
```
#12bd88 rgb(18,189,136)
```
#12bd96
```
#12bd96 rgb(18,189,150)
```
#12bda4
```
#12bda4 rgb(18,189,164)
```
#12bdb3
```
#12bdb3 rgb(18,189,179)
```
#12b9bd
```
#12b9bd rgb(18,185,189)
```

Similar Colors

Text with hexadecimal color #12bd96

This text has a font color of #12bd96.

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

#12bd96 background color

This paragraph has a background color of #12bd96.

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

#12bd96 border color

This element has a border color of #12bd96.

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

CSS codes

.text {color:#12bd96;}

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

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

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

#010a08
```
#010a08 rgb(1,10,8)
```
#031c16
```
#031c16 rgb(3,28,22)
```
#042e24
```
#042e24 rgb(4,46,36)
```
#064033
```
#064033 rgb(6,64,51)
```
#085241
```
#085241 rgb(8,82,65)
```
#09634f
```
#09634f rgb(9,99,79)
```
#0b755d
```
#0b755d rgb(11,117,93)
```
#0d876b
```
#0d876b rgb(13,135,107)
```
#0f997a
```
#0f997a rgb(15,153,122)
```
#10ab88
```
#10ab88 rgb(16,171,136)
```
#12bd96
```
#12bd96 rgb(18,189,150)
```
#14cfa4
```
#14cfa4 rgb(20,207,164)
```
#15e1b2
```
#15e1b2 rgb(21,225,178)
```

Shade Color Variation

#20eabc
```
#20eabc rgb(32,234,188)
```
#32ebc1
```
#32ebc1 rgb(50,235,193)
```
#44edc7
```
#44edc7 rgb(68,237,199)
```
#56efcc
```
#56efcc rgb(86,239,204)
```
#68f1d1
```
#68f1d1 rgb(104,241,209)
```
#7af2d7
```
#7af2d7 rgb(122,242,215)
```
#8cf4dc
```
#8cf4dc rgb(140,244,220)
```
#9df6e2
```
#9df6e2 rgb(157,246,226)
```
#aff7e7
```
#aff7e7 rgb(175,247,231)
```
#c1f9ec
```
#c1f9ec rgb(193,249,236)
```
#d3fbf2
```
#d3fbf2 rgb(211,251,242)
```
#e5fdf7
```
#e5fdf7 rgb(229,253,247)
```
#f7fefd
```
#f7fefd rgb(247,254,253)
```

Tint Color Variation

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

#626d6b
```
#626d6b rgb(98,109,107)
```
#5a756f
```
#5a756f rgb(90,117,111)
```
#527d73
```
#527d73 rgb(82,125,115)
```
#4a8578
```
#4a8578 rgb(74,133,120)
```
#428d7c
```
#428d7c rgb(66,141,124)
```
#3a9580
```
#3a9580 rgb(58,149,128)
```
#329d85
```
#329d85 rgb(50,157,133)
```
#2aa589
```
#2aa589 rgb(42,165,137)
```
#22ad8d
```
#22ad8d rgb(34,173,141)
```
#1ab592
```
#1ab592 rgb(26,181,146)
```
#12bd96
```
#12bd96 rgb(18,189,150)
```
#0ac59a
```
#0ac59a rgb(10,197,154)
```
#02cd9f
```
#02cd9f rgb(2,205,159)
```

Tone Color Variation

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

Dichromacy

#b4ab91 Protanopia 1% of men
#bea6a4 Deuteranopia 1% of men
#49bac7 Tritanopia 0.001% of the population

Trichromacy

#79b193 Protanomaly 1% of men, 0.01% of women
#7fae9f Deuteranomaly 6% of men, 0.4% of women
#35bbb5 Tritanomaly 0.01% of the population

#12bd96 hex color

#12bd96 Color Information

#12bd96 Color Conversion

Color Schemes with #12bd96

Alternatives to #12bd96

#12bd96 Preview

Shades and Tints of #12bd96

Tones of #12bd96

Color Blindness Simulator