#12bcbf hex color

In a RGB color space, hex #12bcbf is composed of 7.1% red, 73.7% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 90.6% cyan, 1.6% magenta, 0% yellow and 25.1% black. It has a hue angle of 181 degrees, a saturation of 82.8% and a lightness of 41%. #12bcbf color hex could be obtained by blending #24ffff with #00797f. Closest websafe color is: #00cccc.

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

● #12bcbf color description : Strong cyan.

The hexadecimal color #12bcbf has RGB values of R:18, G:188, B:191 and CMYK values of C:0.91, M:0.02, Y:0, K:0.25. Its decimal value is 1227967.

Hex triplet	12bcbf	`#12bcbf`
RGB Decimal	18, 188, 191	`rgb(18,188,191)`
RGB Percent	7.1, 73.7, 74.9	`rgb(7.1%,73.7%,74.9%)`
CMYK	91, 2, 0, 25
HSL	181°, 82.8, 41	`hsl(181,82.8%,41%)`
HSV (or HSB)	181°, 90.6, 74.9
Web Safe	00cccc	`#00cccc`

CIE-LAB	69.365, -36.718, -12.603
XYZ	27.634, 39.854, 55.523
xyY	0.225, 0.324, 39.854
CIE-LCH	69.365, 38.821, 198.945
CIE-LUV	69.365, -52.552, -13.94
Hunter-Lab	63.13, -32.343, -7.955
Binary	00010010, 10111100, 10111111

#12bcbf
```
#12bcbf rgb(18,188,191)
```
#bf1512
```
#bf1512 rgb(191,21,18)
```

Complementary Color

#12bf6c
```
#12bf6c rgb(18,191,108)
```
#12bcbf
```
#12bcbf rgb(18,188,191)
```
#1266bf
```
#1266bf rgb(18,102,191)
```

Analogous Color

#bf6c12
```
#bf6c12 rgb(191,108,18)
```
#12bcbf
```
#12bcbf rgb(18,188,191)
```
#bf1266
```
#bf1266 rgb(191,18,102)
```

Split Complementary Color

#bcbf12
```
#bcbf12 rgb(188,191,18)
```
#12bcbf
```
#12bcbf rgb(18,188,191)
```
#bf12bc
```
#bf12bc rgb(191,18,188)
```

Triadic Color

#12bf15
```
#12bf15 rgb(18,191,21)
```
#12bcbf
```
#12bcbf rgb(18,188,191)
```
#bf12bc
```
#bf12bc rgb(191,18,188)
```
#bf1512
```
#bf1512 rgb(191,21,18)
```

Tetradic Color

#0b7779
```
#0b7779 rgb(11,119,121)
```
#0e8e90
```
#0e8e90 rgb(14,142,144)
```
#10a5a8
```
#10a5a8 rgb(16,165,168)
```
#12bcbf
```
#12bcbf rgb(18,188,191)
```
#14d3d6
```
#14d3d6 rgb(20,211,214)
```
#1be6e9
```
#1be6e9 rgb(27,230,233)
```
#32e8ec
```
#32e8ec rgb(50,232,236)
```

Monochromatic Color

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

#12bf97
```
#12bf97 rgb(18,191,151)
```
#12bfa5
```
#12bfa5 rgb(18,191,165)
```
#12bfb4
```
#12bfb4 rgb(18,191,180)
```
#12bcbf
```
#12bcbf rgb(18,188,191)
```
#12aebf
```
#12aebf rgb(18,174,191)
```
#129fbf
```
#129fbf rgb(18,159,191)
```
#1291bf
```
#1291bf rgb(18,145,191)
```

Similar Colors

Text with hexadecimal color #12bcbf

This text has a font color of #12bcbf.

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

#12bcbf background color

This paragraph has a background color of #12bcbf.

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

#12bcbf border color

This element has a border color of #12bcbf.

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

CSS codes

.text {color:#12bcbf;}

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

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

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

#010c0c
```
#010c0c rgb(1,12,12)
```
#031d1e
```
#031d1e rgb(3,29,30)
```
#042f30
```
#042f30 rgb(4,47,48)
```
#064042
```
#064042 rgb(6,64,66)
```
#085253
```
#085253 rgb(8,82,83)
```
#0a6465
```
#0a6465 rgb(10,100,101)
```
#0b7577
```
#0b7577 rgb(11,117,119)
```
#0d8789
```
#0d8789 rgb(13,135,137)
```
#0f999b
```
#0f999b rgb(15,153,155)
```
#10aaad
```
#10aaad rgb(16,170,173)
```
#12bcbf
```
#12bcbf rgb(18,188,191)
```
#14ced1
```
#14ced1 rgb(20,206,209)
```
#15dfe3
```
#15dfe3 rgb(21,223,227)
```

Shade Color Variation

#22e7ea
```
#22e7ea rgb(34,231,234)
```
#34e9ec
```
#34e9ec rgb(52,233,236)
```
#46ebee
```
#46ebee rgb(70,235,238)
```
#57edef
```
#57edef rgb(87,237,239)
```
#69eff1
```
#69eff1 rgb(105,239,241)
```
#7bf1f3
```
#7bf1f3 rgb(123,241,243)
```
#8df2f4
```
#8df2f4 rgb(141,242,244)
```
#9ff4f6
```
#9ff4f6 rgb(159,244,246)
```
#b1f6f8
```
#b1f6f8 rgb(177,246,248)
```
#c3f8f9
```
#c3f8f9 rgb(195,248,249)
```
#d5fafb
```
#d5fafb rgb(213,250,251)
```
#e7fcfd
```
#e7fcfd rgb(231,252,253)
```
#f9fefe
```
#f9fefe rgb(249,254,254)
```

Tint Color Variation

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

#626e6f
```
#626e6f rgb(98,110,111)
```
#5a7677
```
#5a7677 rgb(90,118,119)
```
#527e7f
```
#527e7f rgb(82,126,127)
```
#4a8687
```
#4a8687 rgb(74,134,135)
```
#428d8f
```
#428d8f rgb(66,141,143)
```
#3a9597
```
#3a9597 rgb(58,149,151)
```
#329d9f
```
#329d9f rgb(50,157,159)
```
#2aa5a7
```
#2aa5a7 rgb(42,165,167)
```
#22acaf
```
#22acaf rgb(34,172,175)
```
#1ab4b7
```
#1ab4b7 rgb(26,180,183)
```
#12bcbf
```
#12bcbf rgb(18,188,191)
```
#0ac4c7
```
#0ac4c7 rgb(10,196,199)
```
#02cccf
```
#02cccf rgb(2,204,207)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#729495 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adacb7 Protanopia 1% of men
#afaaca Deuteranopia 1% of men
#2ebdcb Tritanopia 0.001% of the population

Trichromacy

#75b2ba Protanomaly 1% of men, 0.01% of women
#76b0c6 Deuteranomaly 6% of men, 0.4% of women
#24bdc7 Tritanomaly 0.01% of the population

#12bcbf hex color

#12bcbf Color Information

#12bcbf Color Conversion

Color Schemes with #12bcbf

Alternatives to #12bcbf

#12bcbf Preview

Shades and Tints of #12bcbf

Tones of #12bcbf

Color Blindness Simulator