#12b6bd hex color

In a RGB color space, hex #12b6bd is composed of 7.1% red, 71.4% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 90.5% cyan, 3.7% magenta, 0% yellow and 25.9% black. It has a hue angle of 182.5 degrees, a saturation of 82.6% and a lightness of 40.6%. #12b6bd color hex could be obtained by blending #24ffff with #006d7b. Closest websafe color is: #00cccc.

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

● #12b6bd color description : Strong cyan.

The hexadecimal color #12b6bd has RGB values of R:18, G:182, B:189 and CMYK values of C:0.9, M:0.04, Y:0, K:0.26. Its decimal value is 1226429.

Hex triplet	12b6bd	`#12b6bd`
RGB Decimal	18, 182, 189	`rgb(18,182,189)`
RGB Percent	7.1, 71.4, 74.1	`rgb(7.1%,71.4%,74.1%)`
CMYK	90, 4, 0, 26
HSL	182.5°, 82.6, 40.6	`hsl(182.5,82.6%,40.6%)`
HSV (or HSB)	182.5°, 90.5, 74.1
Web Safe	00cccc	`#00cccc`

CIE-LAB	67.469, -34.54, -14.353
XYZ	26.16, 37.256, 53.954
xyY	0.223, 0.317, 37.256
CIE-LCH	67.469, 37.403, 202.566
CIE-LUV	67.469, -50.638, -17.003
Hunter-Lab	61.038, -30.313, -9.682
Binary	00010010, 10110110, 10111101

#12b6bd
```
#12b6bd rgb(18,182,189)
```
#bd1912
```
#bd1912 rgb(189,25,18)
```

Complementary Color

#12bd6f
```
#12bd6f rgb(18,189,111)
```
#12b6bd
```
#12b6bd rgb(18,182,189)
```
#1261bd
```
#1261bd rgb(18,97,189)
```

Analogous Color

#bd6f12
```
#bd6f12 rgb(189,111,18)
```
#12b6bd
```
#12b6bd rgb(18,182,189)
```
#bd1261
```
#bd1261 rgb(189,18,97)
```

Split Complementary Color

#b6bd12
```
#b6bd12 rgb(182,189,18)
```
#12b6bd
```
#12b6bd rgb(18,182,189)
```
#bd12b6
```
#bd12b6 rgb(189,18,182)
```

Triadic Color

#12bd19
```
#12bd19 rgb(18,189,25)
```
#12b6bd
```
#12b6bd rgb(18,182,189)
```
#bd12b6
```
#bd12b6 rgb(189,18,182)
```
#bd1912
```
#bd1912 rgb(189,25,18)
```

Tetradic Color

#0b7377
```
#0b7377 rgb(11,115,119)
```
#0e898e
```
#0e898e rgb(14,137,142)
```
#10a0a6
```
#10a0a6 rgb(16,160,166)
```
#12b6bd
```
#12b6bd rgb(18,182,189)
```
#14ccd4
```
#14ccd4 rgb(20,204,212)
```
#19e1e9
```
#19e1e9 rgb(25,225,233)
```
#30e4eb
```
#30e4eb rgb(48,228,235)
```

Monochromatic Color

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

#12bd99
```
#12bd99 rgb(18,189,153)
```
#12bda8
```
#12bda8 rgb(18,189,168)
```
#12bdb6
```
#12bdb6 rgb(18,189,182)
```
#12b6bd
```
#12b6bd rgb(18,182,189)
```
#12a8bd
```
#12a8bd rgb(18,168,189)
```
#129abd
```
#129abd rgb(18,154,189)
```
#128bbd
```
#128bbd rgb(18,139,189)
```

Similar Colors

Text with hexadecimal color #12b6bd

This text has a font color of #12b6bd.

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

#12b6bd background color

This paragraph has a background color of #12b6bd.

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

#12b6bd border color

This element has a border color of #12b6bd.

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

CSS codes

.text {color:#12b6bd;}

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

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

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

#010a0a
```
#010a0a rgb(1,10,10)
```
#031b1c
```
#031b1c rgb(3,27,28)
```
#042c2e
```
#042c2e rgb(4,44,46)
```
#063d40
```
#063d40 rgb(6,61,64)
```
#084f52
```
#084f52 rgb(8,79,82)
```
#096063
```
#096063 rgb(9,96,99)
```
#0b7175
```
#0b7175 rgb(11,113,117)
```
#0d8287
```
#0d8287 rgb(13,130,135)
```
#0f9499
```
#0f9499 rgb(15,148,153)
```
#10a5ab
```
#10a5ab rgb(16,165,171)
```
#12b6bd
```
#12b6bd rgb(18,182,189)
```
#14c7cf
```
#14c7cf rgb(20,199,207)
```
#15d8e1
```
#15d8e1 rgb(21,216,225)
```

Shade Color Variation

#20e2ea
```
#20e2ea rgb(32,226,234)
```
#32e4eb
```
#32e4eb rgb(50,228,235)
```
#44e6ed
```
#44e6ed rgb(68,230,237)
```
#56e9ef
```
#56e9ef rgb(86,233,239)
```
#68ebf1
```
#68ebf1 rgb(104,235,241)
```
#7aedf2
```
#7aedf2 rgb(122,237,242)
```
#8cf0f4
```
#8cf0f4 rgb(140,240,244)
```
#9df2f6
```
#9df2f6 rgb(157,242,246)
```
#aff4f7
```
#aff4f7 rgb(175,244,247)
```
#c1f7f9
```
#c1f7f9 rgb(193,247,249)
```
#d3f9fb
```
#d3f9fb rgb(211,249,251)
```
#e5fcfd
```
#e5fcfd rgb(229,252,253)
```
#f7fefe
```
#f7fefe rgb(247,254,254)
```

Tint Color Variation

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

#626d6d
```
#626d6d rgb(98,109,109)
```
#5a7475
```
#5a7475 rgb(90,116,117)
```
#527c7d
```
#527c7d rgb(82,124,125)
```
#4a8385
```
#4a8385 rgb(74,131,133)
```
#428a8d
```
#428a8d rgb(66,138,141)
```
#3a9195
```
#3a9195 rgb(58,145,149)
```
#32999d
```
#32999d rgb(50,153,157)
```
#2aa0a5
```
#2aa0a5 rgb(42,160,165)
```
#22a7ad
```
#22a7ad rgb(34,167,173)
```
#1aafb5
```
#1aafb5 rgb(26,175,181)
```
#12b6bd
```
#12b6bd rgb(18,182,189)
```
#0abdc5
```
#0abdc5 rgb(10,189,197)
```
#02c5cd
```
#02c5cd rgb(2,197,205)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#6f9091 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a7b6 Protanopia 1% of men
#a8a5c8 Deuteranopia 1% of men
#29b8c6 Tritanopia 0.001% of the population

Trichromacy

#71adb8 Protanomaly 1% of men, 0.01% of women
#71abc4 Deuteranomaly 6% of men, 0.4% of women
#20b7c2 Tritanomaly 0.01% of the population

#12b6bd hex color

#12b6bd Color Information

#12b6bd Color Conversion

Color Schemes with #12b6bd

Alternatives to #12b6bd

#12b6bd Preview

Shades and Tints of #12b6bd

Tones of #12b6bd

Color Blindness Simulator