#12bbbd hex color

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

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

● #12bbbd color description : Strong cyan.

The hexadecimal color #12bbbd has RGB values of R:18, G:187, B:189 and CMYK values of C:0.9, M:0.01, Y:0, K:0.26. Its decimal value is 1227709.

Hex triplet	12bbbd	`#12bbbd`
RGB Decimal	18, 187, 189	`rgb(18,187,189)`
RGB Percent	7.1, 73.3, 74.1	`rgb(7.1%,73.3%,74.1%)`
CMYK	90, 1, 0, 26
HSL	180.7°, 82.6, 40.6	`hsl(180.7,82.6%,40.6%)`
HSV (or HSB)	180.7°, 90.5, 74.1
Web Safe	00cccc	`#00cccc`

CIE-LAB	68.997, -36.865, -12.057
XYZ	27.202, 39.341, 54.301
xyY	0.225, 0.326, 39.341
CIE-LCH	68.997, 38.786, 198.11
CIE-LUV	68.997, -52.364, -13.034
Hunter-Lab	62.722, -32.349, -7.424
Binary	00010010, 10111011, 10111101

#12bbbd
```
#12bbbd rgb(18,187,189)
```
#bd1412
```
#bd1412 rgb(189,20,18)
```

Complementary Color

#12bd6a
```
#12bd6a rgb(18,189,106)
```
#12bbbd
```
#12bbbd rgb(18,187,189)
```
#1266bd
```
#1266bd rgb(18,102,189)
```

Analogous Color

#bd6a12
```
#bd6a12 rgb(189,106,18)
```
#12bbbd
```
#12bbbd rgb(18,187,189)
```
#bd1266
```
#bd1266 rgb(189,18,102)
```

Split Complementary Color

#bbbd12
```
#bbbd12 rgb(187,189,18)
```
#12bbbd
```
#12bbbd rgb(18,187,189)
```
#bd12bb
```
#bd12bb rgb(189,18,187)
```

Triadic Color

#12bd14
```
#12bd14 rgb(18,189,20)
```
#12bbbd
```
#12bbbd rgb(18,187,189)
```
#bd12bb
```
#bd12bb rgb(189,18,187)
```
#bd1412
```
#bd1412 rgb(189,20,18)
```

Tetradic Color

#0b7677
```
#0b7677 rgb(11,118,119)
```
#0e8d8e
```
#0e8d8e rgb(14,141,142)
```
#10a4a6
```
#10a4a6 rgb(16,164,166)
```
#12bbbd
```
#12bbbd rgb(18,187,189)
```
#14d2d4
```
#14d2d4 rgb(20,210,212)
```
#19e7e9
```
#19e7e9 rgb(25,231,233)
```
#30e9eb
```
#30e9eb rgb(48,233,235)
```

Monochromatic Color

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

#12bd94
```
#12bd94 rgb(18,189,148)
```
#12bda3
```
#12bda3 rgb(18,189,163)
```
#12bdb1
```
#12bdb1 rgb(18,189,177)
```
#12bbbd
```
#12bbbd rgb(18,187,189)
```
#12adbd
```
#12adbd rgb(18,173,189)
```
#129fbd
```
#129fbd rgb(18,159,189)
```
#1290bd
```
#1290bd rgb(18,144,189)
```

Similar Colors

Text with hexadecimal color #12bbbd

This text has a font color of #12bbbd.

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

#12bbbd background color

This paragraph has a background color of #12bbbd.

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

#12bbbd border color

This element has a border color of #12bbbd.

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

CSS codes

.text {color:#12bbbd;}

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

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

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)
```
#031c1c
```
#031c1c rgb(3,28,28)
```
#042d2e
```
#042d2e rgb(4,45,46)
```
#063f40
```
#063f40 rgb(6,63,64)
```
#085152
```
#085152 rgb(8,81,82)
```
#096263
```
#096263 rgb(9,98,99)
```
#0b7475
```
#0b7475 rgb(11,116,117)
```
#0d8687
```
#0d8687 rgb(13,134,135)
```
#0f9899
```
#0f9899 rgb(15,152,153)
```
#10a9ab
```
#10a9ab rgb(16,169,171)
```
#12bbbd
```
#12bbbd rgb(18,187,189)
```
#14cdcf
```
#14cdcf rgb(20,205,207)
```
#15dee1
```
#15dee1 rgb(21,222,225)
```

Shade Color Variation

#20e7ea
```
#20e7ea rgb(32,231,234)
```
#32e9eb
```
#32e9eb rgb(50,233,235)
```
#44ebed
```
#44ebed rgb(68,235,237)
```
#56edef
```
#56edef rgb(86,237,239)
```
#68eff1
```
#68eff1 rgb(104,239,241)
```
#7af1f2
```
#7af1f2 rgb(122,241,242)
```
#8cf3f4
```
#8cf3f4 rgb(140,243,244)
```
#9df5f6
```
#9df5f6 rgb(157,245,246)
```
#aff7f7
```
#aff7f7 rgb(175,247,247)
```
#c1f8f9
```
#c1f8f9 rgb(193,248,249)
```
#d3fafb
```
#d3fafb rgb(211,250,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 #02cbcd is the most saturated one.

#626d6d
```
#626d6d rgb(98,109,109)
```
#5a7575
```
#5a7575 rgb(90,117,117)
```
#527d7d
```
#527d7d rgb(82,125,125)
```
#4a8585
```
#4a8585 rgb(74,133,133)
```
#428c8d
```
#428c8d rgb(66,140,141)
```
#3a9495
```
#3a9495 rgb(58,148,149)
```
#329c9d
```
#329c9d rgb(50,156,157)
```
#2aa4a5
```
#2aa4a5 rgb(42,164,165)
```
#22abad
```
#22abad rgb(34,171,173)
```
#1ab3b5
```
#1ab3b5 rgb(26,179,181)
```
#12bbbd
```
#12bbbd rgb(18,187,189)
```
#0ac3c5
```
#0ac3c5 rgb(10,195,197)
```
#02cbcd
```
#02cbcd rgb(2,203,205)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#719393 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adabb5 Protanopia 1% of men
#aea9c8 Deuteranopia 1% of men
#2fbcca Tritanopia 0.001% of the population

Trichromacy

#74b1b8 Protanomaly 1% of men, 0.01% of women
#75afc4 Deuteranomaly 6% of men, 0.4% of women
#24bcc5 Tritanomaly 0.01% of the population

#12bbbd hex color

#12bbbd Color Information

#12bbbd Color Conversion

Color Schemes with #12bbbd

Alternatives to #12bbbd

#12bbbd Preview

Shades and Tints of #12bbbd

Tones of #12bbbd

Color Blindness Simulator