#00bcd1 hex color

In a RGB color space, hex #00bcd1 is composed of 0% red, 73.7% green and 82% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 10% magenta, 0% yellow and 18% black. It has a hue angle of 186 degrees, a saturation of 100% and a lightness of 41%. #00bcd1 color hex could be obtained by blending #00ffff with #0079a3. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 0
- G 74
- B 82
RGB color chart
- C 100
- M 10
- Y 0
- K 18
CMYK color chart

● #00bcd1 color description : Strong cyan.

The hexadecimal color #00bcd1 has RGB values of R:0, G:188, B:209 and CMYK values of C:1, M:0.1, Y:0, K:0.18. Its decimal value is 48337.

Hex triplet	00bcd1	`#00bcd1`
RGB Decimal	0, 188, 209	`rgb(0,188,209)`
RGB Percent	0, 73.7, 82	`rgb(0%,73.7%,82%)`
CMYK	100, 10, 0, 18
HSL	186°, 100, 41	`hsl(186,100%,41%)`
HSV (or HSB)	186°, 100, 82
Web Safe	00cccc	`#00cccc`

CIE-LAB	69.871, -31.649, -21.714
XYZ	29.488, 40.567, 66.594
xyY	0.216, 0.297, 40.567
CIE-LCH	69.871, 38.381, 214.453
CIE-LUV	69.871, -51.816, -29.554
Hunter-Lab	63.692, -28.818, -17.407
Binary	00000000, 10111100, 11010001

#00bcd1
```
#00bcd1 rgb(0,188,209)
```
#d11500
```
#d11500 rgb(209,21,0)
```

Complementary Color

#00d17e
```
#00d17e rgb(0,209,126)
```
#00bcd1
```
#00bcd1 rgb(0,188,209)
```
#0054d1
```
#0054d1 rgb(0,84,209)
```

Analogous Color

#d17e00
```
#d17e00 rgb(209,126,0)
```
#00bcd1
```
#00bcd1 rgb(0,188,209)
```
#d10054
```
#d10054 rgb(209,0,84)
```

Split Complementary Color

#bcd100
```
#bcd100 rgb(188,209,0)
```
#00bcd1
```
#00bcd1 rgb(0,188,209)
```
#d100bc
```
#d100bc rgb(209,0,188)
```

Triadic Color

#00d115
```
#00d115 rgb(0,209,21)
```
#00bcd1
```
#00bcd1 rgb(0,188,209)
```
#d100bc
```
#d100bc rgb(209,0,188)
```
#d11500
```
#d11500 rgb(209,21,0)
```

Tetradic Color

#007785
```
#007785 rgb(0,119,133)
```
#008e9e
```
#008e9e rgb(0,142,158)
```
#00a5b8
```
#00a5b8 rgb(0,165,184)
```
#00bcd1
```
#00bcd1 rgb(0,188,209)
```
#00d3eb
```
#00d3eb rgb(0,211,235)
```
#05e6ff
```
#05e6ff rgb(5,230,255)
```
#1fe8ff
```
#1fe8ff rgb(31,232,255)
```

Monochromatic Color

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

#00d1b2
```
#00d1b2 rgb(0,209,178)
```
#00d1c3
```
#00d1c3 rgb(0,209,195)
```
#00cdd1
```
#00cdd1 rgb(0,205,209)
```
#00bcd1
```
#00bcd1 rgb(0,188,209)
```
#00abd1
```
#00abd1 rgb(0,171,209)
```
#0099d1
```
#0099d1 rgb(0,153,209)
```
#0088d1
```
#0088d1 rgb(0,136,209)
```

Similar Colors

Text with hexadecimal color #00bcd1

This text has a font color of #00bcd1.

<span style="color:#00bcd1;">Text here</span>

#00bcd1 background color

This paragraph has a background color of #00bcd1.

<p style="background-color:#00bcd1;">Content here</p>

#00bcd1 border color

This element has a border color of #00bcd1.

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

CSS codes

.text {color:#00bcd1;}

.background {background-color:#00bcd1;}

.border {border:1px solid #00bcd1;}

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, #000c0d is the darkest color, while #f8feff is the lightest one.

#000c0d
```
#000c0d rgb(0,12,13)
```
#001d20
```
#001d20 rgb(0,29,32)
```
#002f34
```
#002f34 rgb(0,47,52)
```
#004048
```
#004048 rgb(0,64,72)
```
#00525b
```
#00525b rgb(0,82,91)
```
#00646f
```
#00646f rgb(0,100,111)
```
#007583
```
#007583 rgb(0,117,131)
```
#008796
```
#008796 rgb(0,135,150)
```
#0099aa
```
#0099aa rgb(0,153,170)
```
#00aabd
```
#00aabd rgb(0,170,189)
```
#00bcd1
```
#00bcd1 rgb(0,188,209)
```
#00cee5
```
#00cee5 rgb(0,206,229)
```
#00dff8
```
#00dff8 rgb(0,223,248)
```

Shade Color Variation

#0de7ff
```
#0de7ff rgb(13,231,255)
```
#20e9ff
```
#20e9ff rgb(32,233,255)
```
#34ebff
```
#34ebff rgb(52,235,255)
```
#48edff
```
#48edff rgb(72,237,255)
```
#5befff
```
#5befff rgb(91,239,255)
```
#6ff1ff
```
#6ff1ff rgb(111,241,255)
```
#83f2ff
```
#83f2ff rgb(131,242,255)
```
#96f4ff
```
#96f4ff rgb(150,244,255)
```
#aaf6ff
```
#aaf6ff rgb(170,246,255)
```
#bdf8ff
```
#bdf8ff rgb(189,248,255)
```
#d1faff
```
#d1faff rgb(209,250,255)
```
#e5fcff
```
#e5fcff rgb(229,252,255)
```
#f8feff
```
#f8feff rgb(248,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #606f71 is the less saturated color, while #00bcd1 is the most saturated one.

#606f71
```
#606f71 rgb(96,111,113)
```
#587579
```
#587579 rgb(88,117,121)
```
#507c81
```
#507c81 rgb(80,124,129)
```
#488289
```
#488289 rgb(72,130,137)
```
#408991
```
#408991 rgb(64,137,145)
```
#388f99
```
#388f99 rgb(56,143,153)
```
#3095a1
```
#3095a1 rgb(48,149,161)
```
#289ca9
```
#289ca9 rgb(40,156,169)
```
#20a2b1
```
#20a2b1 rgb(32,162,177)
```
#18a9b9
```
#18a9b9 rgb(24,169,185)
```
#10afc1
```
#10afc1 rgb(16,175,193)
```
#08b6c9
```
#08b6c9 rgb(8,182,201)
```
#00bcd1
```
#00bcd1 rgb(0,188,209)
```

Tone Color Variation

Below, you can see how #00bcd1 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
#6b9195 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9adc8 Protanopia 1% of men
#a6acda Deuteranopia 1% of men
#00c0ce Tritanopia 0.001% of the population

Trichromacy

#6cb2cb Protanomaly 1% of men, 0.01% of women
#6ab1d7 Deuteranomaly 6% of men, 0.4% of women
#00becf Tritanomaly 0.01% of the population

#00bcd1 hex color

#00bcd1 Color Information

#00bcd1 Color Conversion

Color Schemes with #00bcd1

Alternatives to #00bcd1

#00bcd1 Preview

Shades and Tints of #00bcd1

Tones of #00bcd1

Color Blindness Simulator