#00bcdd hex color

In a RGB color space, hex #00bcdd is composed of 0% red, 73.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 14.9% magenta, 0% yellow and 13.3% black. It has a hue angle of 189 degrees, a saturation of 100% and a lightness of 43.3%. #00bcdd color hex could be obtained by blending #00ffff with #0079bb. Closest websafe color is: #00cccc.

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

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

The hexadecimal color #00bcdd has RGB values of R:0, G:188, B:221 and CMYK values of C:1, M:0.15, Y:0, K:0.13. Its decimal value is 48349.

Hex triplet	00bcdd	`#00bcdd`
RGB Decimal	0, 188, 221	`rgb(0,188,221)`
RGB Percent	0, 73.7, 86.7	`rgb(0%,73.7%,86.7%)`
CMYK	100, 15, 0, 13
HSL	189°, 100, 43.3	`hsl(189,100%,43.3%)`
HSV (or HSB)	189°, 100, 86.7
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.304, -27.715, -27.606
XYZ	31.031, 41.184, 74.716
xyY	0.211, 0.28, 41.184
CIE-LCH	70.304, 39.118, 224.887
CIE-LUV	70.304, -50.862, -39.968
Hunter-Lab	64.175, -25.994, -24.107
Binary	00000000, 10111100, 11011101

#00bcdd
```
#00bcdd rgb(0,188,221)
```
#dd2100
```
#dd2100 rgb(221,33,0)
```

Complementary Color

#00dd90
```
#00dd90 rgb(0,221,144)
```
#00bcdd
```
#00bcdd rgb(0,188,221)
```
#004edd
```
#004edd rgb(0,78,221)
```

Analogous Color

#dd9000
```
#dd9000 rgb(221,144,0)
```
#00bcdd
```
#00bcdd rgb(0,188,221)
```
#dd004e
```
#dd004e rgb(221,0,78)
```

Split Complementary Color

#bcdd00
```
#bcdd00 rgb(188,221,0)
```
#00bcdd
```
#00bcdd rgb(0,188,221)
```
#dd00bc
```
#dd00bc rgb(221,0,188)
```

Triadic Color

#00dd21
```
#00dd21 rgb(0,221,33)
```
#00bcdd
```
#00bcdd rgb(0,188,221)
```
#dd00bc
```
#dd00bc rgb(221,0,188)
```
#dd2100
```
#dd2100 rgb(221,33,0)
```

Tetradic Color

#007b91
```
#007b91 rgb(0,123,145)
```
#0091aa
```
#0091aa rgb(0,145,170)
```
#00a6c4
```
#00a6c4 rgb(0,166,196)
```
#00bcdd
```
#00bcdd rgb(0,188,221)
```
#00d2f7
```
#00d2f7 rgb(0,210,247)
```
#11dbff
```
#11dbff rgb(17,219,255)
```
#2bdfff
```
#2bdfff rgb(43,223,255)
```

Monochromatic Color

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

#00ddc7
```
#00ddc7 rgb(0,221,199)
```
#00ddd9
```
#00ddd9 rgb(0,221,217)
```
#00cedd
```
#00cedd rgb(0,206,221)
```
#00bcdd
```
#00bcdd rgb(0,188,221)
```
#00aadd
```
#00aadd rgb(0,170,221)
```
#0097dd
```
#0097dd rgb(0,151,221)
```
#0085dd
```
#0085dd rgb(0,133,221)
```

Similar Colors

Text with hexadecimal color #00bcdd

This text has a font color of #00bcdd.

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

#00bcdd background color

This paragraph has a background color of #00bcdd.

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

#00bcdd border color

This element has a border color of #00bcdd.

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

CSS codes

.text {color:#00bcdd;}

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

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

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

#000405
```
#000405 rgb(0,4,5)
```
#001519
```
#001519 rgb(0,21,25)
```
#00262c
```
#00262c rgb(0,38,44)
```
#003740
```
#003740 rgb(0,55,64)
```
#004754
```
#004754 rgb(0,71,84)
```
#005867
```
#005867 rgb(0,88,103)
```
#00697b
```
#00697b rgb(0,105,123)
```
#00798f
```
#00798f rgb(0,121,143)
```
#008aa2
```
#008aa2 rgb(0,138,162)
```
#009bb6
```
#009bb6 rgb(0,155,182)
```
#00abc9
```
#00abc9 rgb(0,171,201)
```
#00bcdd
```
#00bcdd rgb(0,188,221)
```
#00cdf1
```
#00cdf1 rgb(0,205,241)
```

Shade Color Variation

#05daff
```
#05daff rgb(5,218,255)
```
#19ddff
```
#19ddff rgb(25,221,255)
```
#2ce0ff
```
#2ce0ff rgb(44,224,255)
```
#40e2ff
```
#40e2ff rgb(64,226,255)
```
#54e5ff
```
#54e5ff rgb(84,229,255)
```
#67e8ff
```
#67e8ff rgb(103,232,255)
```
#7bebff
```
#7bebff rgb(123,235,255)
```
#8feeff
```
#8feeff rgb(143,238,255)
```
#a2f1ff
```
#a2f1ff rgb(162,241,255)
```
#b6f4ff
```
#b6f4ff rgb(182,244,255)
```
#c9f7ff
```
#c9f7ff rgb(201,247,255)
```
#ddfaff
```
#ddfaff rgb(221,250,255)
```
#f1fdff
```
#f1fdff rgb(241,253,255)
```

Tint Color Variation

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

#667477
```
#667477 rgb(102,116,119)
```
#5e7a80
```
#5e7a80 rgb(94,122,128)
```
#558088
```
#558088 rgb(85,128,136)
```
#4d8691
```
#4d8691 rgb(77,134,145)
```
#448c99
```
#448c99 rgb(68,140,153)
```
#3c92a2
```
#3c92a2 rgb(60,146,162)
```
#3398aa
```
#3398aa rgb(51,152,170)
```
#2b9eb3
```
#2b9eb3 rgb(43,158,179)
```
#22a4bb
```
#22a4bb rgb(34,164,187)
```
#1aaac4
```
#1aaac4 rgb(26,170,196)
```
#11b0cc
```
#11b0cc rgb(17,176,204)
```
#09b6d5
```
#09b6d5 rgb(9,182,213)
```
#00bcdd
```
#00bcdd rgb(0,188,221)
```

Tone Color Variation

Below, you can see how #00bcdd 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

#a7aed3 Protanopia 1% of men
#a0ade5 Deuteranopia 1% of men
#00c1cf Tritanopia 0.001% of the population

Trichromacy

#6ab3d7 Protanomaly 1% of men, 0.01% of women
#66b3e2 Deuteranomaly 6% of men, 0.4% of women
#00bfd4 Tritanomaly 0.01% of the population

#00bcdd hex color

#00bcdd Color Information

#00bcdd Color Conversion

Color Schemes with #00bcdd

Alternatives to #00bcdd

#00bcdd Preview

Shades and Tints of #00bcdd

Tones of #00bcdd

Color Blindness Simulator