#00bcdf hex color

In a RGB color space, hex #00bcdf is composed of 0% red, 73.7% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 15.7% magenta, 0% yellow and 12.5% black. It has a hue angle of 189.4 degrees, a saturation of 100% and a lightness of 43.7%. #00bcdf color hex could be obtained by blending #00ffff with #0079bf. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 0
- G 74
- B 87
RGB color chart
- C 100
- M 16
- Y 0
- K 13
CMYK color chart

● #00bcdf color description : Pure (or mostly pure) cyan.

The hexadecimal color #00bcdf has RGB values of R:0, G:188, B:223 and CMYK values of C:1, M:0.16, Y:0, K:0.13. Its decimal value is 48351.

Hex triplet	00bcdf	`#00bcdf`
RGB Decimal	0, 188, 223	`rgb(0,188,223)`
RGB Percent	0, 73.7, 87.5	`rgb(0%,73.7%,87.5%)`
CMYK	100, 16, 0, 13
HSL	189.4°, 100, 43.7	`hsl(189.4,100%,43.7%)`
HSV (or HSB)	189.4°, 100, 87.5
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.379, -27.049, -28.581
XYZ	31.299, 41.291, 76.128
xyY	0.21, 0.278, 41.291
CIE-LCH	70.379, 39.351, 226.578
CIE-LUV	70.379, -50.704, -41.707
Hunter-Lab	64.258, -25.508, -25.262
Binary	00000000, 10111100, 11011111

#00bcdf
```
#00bcdf rgb(0,188,223)
```
#df2300
```
#df2300 rgb(223,35,0)
```

Complementary Color

#00df93
```
#00df93 rgb(0,223,147)
```
#00bcdf
```
#00bcdf rgb(0,188,223)
```
#004ddf
```
#004ddf rgb(0,77,223)
```

Analogous Color

#df9300
```
#df9300 rgb(223,147,0)
```
#00bcdf
```
#00bcdf rgb(0,188,223)
```
#df004d
```
#df004d rgb(223,0,77)
```

Split Complementary Color

#bcdf00
```
#bcdf00 rgb(188,223,0)
```
#00bcdf
```
#00bcdf rgb(0,188,223)
```
#df00bc
```
#df00bc rgb(223,0,188)
```

Triadic Color

#00df23
```
#00df23 rgb(0,223,35)
```
#00bcdf
```
#00bcdf rgb(0,188,223)
```
#df00bc
```
#df00bc rgb(223,0,188)
```
#df2300
```
#df2300 rgb(223,35,0)
```

Tetradic Color

#007c93
```
#007c93 rgb(0,124,147)
```
#0091ac
```
#0091ac rgb(0,145,172)
```
#00a7c6
```
#00a7c6 rgb(0,167,198)
```
#00bcdf
```
#00bcdf rgb(0,188,223)
```
#00d1f9
```
#00d1f9 rgb(0,209,249)
```
#13daff
```
#13daff rgb(19,218,255)
```
#2ddeff
```
#2ddeff rgb(45,222,255)
```

Monochromatic Color

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

#00dfca
```
#00dfca rgb(0,223,202)
```
#00dfdd
```
#00dfdd rgb(0,223,221)
```
#00cfdf
```
#00cfdf rgb(0,207,223)
```
#00bcdf
```
#00bcdf rgb(0,188,223)
```
#00a9df
```
#00a9df rgb(0,169,223)
```
#0097df
```
#0097df rgb(0,151,223)
```
#0084df
```
#0084df rgb(0,132,223)
```

Similar Colors

Text with hexadecimal color #00bcdf

This text has a font color of #00bcdf.

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

#00bcdf background color

This paragraph has a background color of #00bcdf.

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

#00bcdf border color

This element has a border color of #00bcdf.

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

CSS codes

.text {color:#00bcdf;}

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

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

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, #000607 is the darkest color, while #f3fdff is the lightest one.

#000607
```
#000607 rgb(0,6,7)
```
#00171b
```
#00171b rgb(0,23,27)
```
#00272e
```
#00272e rgb(0,39,46)
```
#003842
```
#003842 rgb(0,56,66)
```
#004856
```
#004856 rgb(0,72,86)
```
#005969
```
#005969 rgb(0,89,105)
```
#00697d
```
#00697d rgb(0,105,125)
```
#007a91
```
#007a91 rgb(0,122,145)
```
#008aa4
```
#008aa4 rgb(0,138,164)
```
#009bb8
```
#009bb8 rgb(0,155,184)
```
#00abcb
```
#00abcb rgb(0,171,203)
```
#00bcdf
```
#00bcdf rgb(0,188,223)
```
#00cdf3
```
#00cdf3 rgb(0,205,243)
```

Shade Color Variation

#07d8ff
```
#07d8ff rgb(7,216,255)
```
#1bdbff
```
#1bdbff rgb(27,219,255)
```
#2edeff
```
#2edeff rgb(46,222,255)
```
#42e1ff
```
#42e1ff rgb(66,225,255)
```
#56e4ff
```
#56e4ff rgb(86,228,255)
```
#69e8ff
```
#69e8ff rgb(105,232,255)
```
#7debff
```
#7debff rgb(125,235,255)
```
#91eeff
```
#91eeff rgb(145,238,255)
```
#a4f1ff
```
#a4f1ff rgb(164,241,255)
```
#b8f4ff
```
#b8f4ff rgb(184,244,255)
```
#cbf7ff
```
#cbf7ff rgb(203,247,255)
```
#dffaff
```
#dffaff rgb(223,250,255)
```
#f3fdff
```
#f3fdff rgb(243,253,255)
```

Tint Color Variation

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

#677578
```
#677578 rgb(103,117,120)
```
#5e7b81
```
#5e7b81 rgb(94,123,129)
```
#568189
```
#568189 rgb(86,129,137)
```
#4d8792
```
#4d8792 rgb(77,135,146)
```
#458d9a
```
#458d9a rgb(69,141,154)
```
#3c93a3
```
#3c93a3 rgb(60,147,163)
```
#3399ac
```
#3399ac rgb(51,153,172)
```
#2b9fb4
```
#2b9fb4 rgb(43,159,180)
```
#22a4bd
```
#22a4bd rgb(34,164,189)
```
#1aaac5
```
#1aaac5 rgb(26,170,197)
```
#11b0ce
```
#11b0ce rgb(17,176,206)
```
#09b6d6
```
#09b6d6 rgb(9,182,214)
```
#00bcdf
```
#00bcdf rgb(0,188,223)
```

Tone Color Variation

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

Dichromacy

#a6aed5 Protanopia 1% of men
#9faee7 Deuteranopia 1% of men
#00c1cf Tritanopia 0.001% of the population

Trichromacy

#6ab3d9 Protanomaly 1% of men, 0.01% of women
#65b3e4 Deuteranomaly 6% of men, 0.4% of women
#00bfd4 Tritanomaly 0.01% of the population

#00bcdf hex color

#00bcdf Color Information

#00bcdf Color Conversion

Color Schemes with #00bcdf

Alternatives to #00bcdf

#00bcdf Preview

Shades and Tints of #00bcdf

Tones of #00bcdf

Color Blindness Simulator