#12bf9f hex color

In a RGB color space, hex #12bf9f is composed of 7.1% red, 74.9% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 90.6% cyan, 0% magenta, 16.8% yellow and 25.1% black. It has a hue angle of 168.9 degrees, a saturation of 82.8% and a lightness of 41%. #12bf9f color hex could be obtained by blending #24ffff with #007f3f. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 7
- G 75
- B 62
RGB color chart
- C 91
- M 0
- Y 17
- K 25
CMYK color chart

● #12bf9f color description : Strong cyan.

The hexadecimal color #12bf9f has RGB values of R:18, G:191, B:159 and CMYK values of C:0.91, M:0, Y:0.17, K:0.25. Its decimal value is 1228703.

Hex triplet	12bf9f	`#12bf9f`
RGB Decimal	18, 191, 159	`rgb(18,191,159)`
RGB Percent	7.1, 74.9, 62.4	`rgb(7.1%,74.9%,62.4%)`
CMYK	91, 0, 17, 25
HSL	168.9°, 82.8, 41	`hsl(168.9,82.8%,41%)`
HSV (or HSB)	168.9°, 90.6, 74.9
Web Safe	00cc99	`#00cc99`

CIE-LAB	69.392, -47.129, 4.98
XYZ	25.136, 39.891, 39.174
xyY	0.241, 0.383, 39.891
CIE-LCH	69.392, 47.391, 173.968
CIE-LUV	69.392, -56.071, 14.573
Hunter-Lab	63.159, -39.489, 7.437
Binary	00010010, 10111111, 10011111

#12bf9f
```
#12bf9f rgb(18,191,159)
```
#bf1232
```
#bf1232 rgb(191,18,50)
```

Complementary Color

#12bf49
```
#12bf49 rgb(18,191,73)
```
#12bf9f
```
#12bf9f rgb(18,191,159)
```
#1289bf
```
#1289bf rgb(18,137,191)
```

Analogous Color

#bf4912
```
#bf4912 rgb(191,73,18)
```
#12bf9f
```
#12bf9f rgb(18,191,159)
```
#bf1289
```
#bf1289 rgb(191,18,137)
```

Split Complementary Color

#bf9f12
```
#bf9f12 rgb(191,159,18)
```
#12bf9f
```
#12bf9f rgb(18,191,159)
```
#9f12bf
```
#9f12bf rgb(159,18,191)
```

Triadic Color

#32bf12
```
#32bf12 rgb(50,191,18)
```
#12bf9f
```
#12bf9f rgb(18,191,159)
```
#9f12bf
```
#9f12bf rgb(159,18,191)
```
#bf1232
```
#bf1232 rgb(191,18,50)
```

Tetradic Color

#0b7965
```
#0b7965 rgb(11,121,101)
```
#0e9078
```
#0e9078 rgb(14,144,120)
```
#10a88c
```
#10a88c rgb(16,168,140)
```
#12bf9f
```
#12bf9f rgb(18,191,159)
```
#14d6b2
```
#14d6b2 rgb(20,214,178)
```
#1be9c3
```
#1be9c3 rgb(27,233,195)
```
#32ecc9
```
#32ecc9 rgb(50,236,201)
```

Monochromatic Color

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

#12bf74
```
#12bf74 rgb(18,191,116)
```
#12bf82
```
#12bf82 rgb(18,191,130)
```
#12bf91
```
#12bf91 rgb(18,191,145)
```
#12bf9f
```
#12bf9f rgb(18,191,159)
```
#12bfad
```
#12bfad rgb(18,191,173)
```
#12bfbc
```
#12bfbc rgb(18,191,188)
```
#12b4bf
```
#12b4bf rgb(18,180,191)
```

Similar Colors

Text with hexadecimal color #12bf9f

This text has a font color of #12bf9f.

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

#12bf9f background color

This paragraph has a background color of #12bf9f.

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

#12bf9f border color

This element has a border color of #12bf9f.

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

CSS codes

.text {color:#12bf9f;}

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

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

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

#010c0a
```
#010c0a rgb(1,12,10)
```
#031e19
```
#031e19 rgb(3,30,25)
```
#043028
```
#043028 rgb(4,48,40)
```
#064237
```
#064237 rgb(6,66,55)
```
#085345
```
#085345 rgb(8,83,69)
```
#0a6554
```
#0a6554 rgb(10,101,84)
```
#0b7763
```
#0b7763 rgb(11,119,99)
```
#0d8972
```
#0d8972 rgb(13,137,114)
```
#0f9b81
```
#0f9b81 rgb(15,155,129)
```
#10ad90
```
#10ad90 rgb(16,173,144)
```
#12bf9f
```
#12bf9f rgb(18,191,159)
```
#14d1ae
```
#14d1ae rgb(20,209,174)
```
#15e3bd
```
#15e3bd rgb(21,227,189)
```

Shade Color Variation

#22eac5
```
#22eac5 rgb(34,234,197)
```
#34ecca
```
#34ecca rgb(52,236,202)
```
#46eece
```
#46eece rgb(70,238,206)
```
#57efd3
```
#57efd3 rgb(87,239,211)
```
#69f1d8
```
#69f1d8 rgb(105,241,216)
```
#7bf3dd
```
#7bf3dd rgb(123,243,221)
```
#8df4e1
```
#8df4e1 rgb(141,244,225)
```
#9ff6e6
```
#9ff6e6 rgb(159,246,230)
```
#b1f8eb
```
#b1f8eb rgb(177,248,235)
```
#c3f9ef
```
#c3f9ef rgb(195,249,239)
```
#d5fbf4
```
#d5fbf4 rgb(213,251,244)
```
#e7fdf9
```
#e7fdf9 rgb(231,253,249)
```
#f9fefd
```
#f9fefd rgb(249,254,253)
```

Tint Color Variation

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

#626f6c
```
#626f6c rgb(98,111,108)
```
#5a7771
```
#5a7771 rgb(90,119,113)
```
#527f76
```
#527f76 rgb(82,127,118)
```
#4a877c
```
#4a877c rgb(74,135,124)
```
#428f81
```
#428f81 rgb(66,143,129)
```
#3a9786
```
#3a9786 rgb(58,151,134)
```
#329f8b
```
#329f8b rgb(50,159,139)
```
#2aa790
```
#2aa790 rgb(42,167,144)
```
#22af95
```
#22af95 rgb(34,175,149)
```
#1ab79a
```
#1ab79a rgb(26,183,154)
```
#12bf9f
```
#12bf9f rgb(18,191,159)
```
#0ac7a4
```
#0ac7a4 rgb(10,199,164)
```
#02cfa9
```
#02cfa9 rgb(2,207,169)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#70938d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5ad99 Protanopia 1% of men
#bea8ad Deuteranopia 1% of men
#46bcca Tritanopia 0.001% of the population

Trichromacy

#7ab39b Protanomaly 1% of men, 0.01% of women
#7fb0a7 Deuteranomaly 6% of men, 0.4% of women
#33bdba Tritanomaly 0.01% of the population

#12bf9f hex color

#12bf9f Color Information

#12bf9f Color Conversion

Color Schemes with #12bf9f

Alternatives to #12bf9f

#12bf9f Preview

Shades and Tints of #12bf9f

Tones of #12bf9f

Color Blindness Simulator