#00bdd5 hex color

In a RGB color space, hex #00bdd5 is composed of 0% red, 74.1% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 11.3% magenta, 0% yellow and 16.5% black. It has a hue angle of 186.8 degrees, a saturation of 100% and a lightness of 41.8%. #00bdd5 color hex could be obtained by blending #00ffff with #007bab. Closest websafe color is: #00cccc.

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

● #00bdd5 color description : Strong cyan.

The hexadecimal color #00bdd5 has RGB values of R:0, G:189, B:213 and CMYK values of C:1, M:0.11, Y:0, K:0.16. Its decimal value is 48597.

Hex triplet	00bdd5	`#00bdd5`
RGB Decimal	0, 189, 213	`rgb(0,189,213)`
RGB Percent	0, 74.1, 83.5	`rgb(0%,74.1%,83.5%)`
CMYK	100, 11, 0, 16
HSL	186.8°, 100, 41.8	`hsl(186.8,100%,41.8%)`
HSV (or HSB)	186.8°, 100, 83.5
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.313, -30.836, -23.227
XYZ	30.204, 41.196, 69.307
xyY	0.215, 0.293, 41.196
CIE-LCH	70.313, 38.605, 216.988
CIE-LUV	70.313, -51.836, -32.206
Hunter-Lab	64.184, -28.322, -19.093
Binary	00000000, 10111101, 11010101

#00bdd5
```
#00bdd5 rgb(0,189,213)
```
#d51800
```
#d51800 rgb(213,24,0)
```

Complementary Color

#00d583
```
#00d583 rgb(0,213,131)
```
#00bdd5
```
#00bdd5 rgb(0,189,213)
```
#0053d5
```
#0053d5 rgb(0,83,213)
```

Analogous Color

#d58300
```
#d58300 rgb(213,131,0)
```
#00bdd5
```
#00bdd5 rgb(0,189,213)
```
#d50052
```
#d50052 rgb(213,0,82)
```

Split Complementary Color

#bdd500
```
#bdd500 rgb(189,213,0)
```
#00bdd5
```
#00bdd5 rgb(0,189,213)
```
#d500bd
```
#d500bd rgb(213,0,189)
```

Triadic Color

#00d518
```
#00d518 rgb(0,213,24)
```
#00bdd5
```
#00bdd5 rgb(0,189,213)
```
#d500bd
```
#d500bd rgb(213,0,189)
```
#d51800
```
#d51800 rgb(213,24,0)
```

Tetradic Color

#007989
```
#007989 rgb(0,121,137)
```
#0090a2
```
#0090a2 rgb(0,144,162)
```
#00a6bc
```
#00a6bc rgb(0,166,188)
```
#00bdd5
```
#00bdd5 rgb(0,189,213)
```
#00d4ef
```
#00d4ef rgb(0,212,239)
```
#09e3ff
```
#09e3ff rgb(9,227,255)
```
#23e6ff
```
#23e6ff rgb(35,230,255)
```

Monochromatic Color

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

#00d5b8
```
#00d5b8 rgb(0,213,184)
```
#00d5ca
```
#00d5ca rgb(0,213,202)
```
#00cfd5
```
#00cfd5 rgb(0,207,213)
```
#00bdd5
```
#00bdd5 rgb(0,189,213)
```
#00abd5
```
#00abd5 rgb(0,171,213)
```
#009ad5
```
#009ad5 rgb(0,154,213)
```
#0088d5
```
#0088d5 rgb(0,136,213)
```

Similar Colors

Text with hexadecimal color #00bdd5

This text has a font color of #00bdd5.

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

#00bdd5 background color

This paragraph has a background color of #00bdd5.

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

#00bdd5 border color

This element has a border color of #00bdd5.

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

CSS codes

.text {color:#00bdd5;}

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

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

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

#000f11
```
#000f11 rgb(0,15,17)
```
#002024
```
#002024 rgb(0,32,36)
```
#003238
```
#003238 rgb(0,50,56)
```
#00434c
```
#00434c rgb(0,67,76)
```
#00555f
```
#00555f rgb(0,85,95)
```
#006673
```
#006673 rgb(0,102,115)
```
#007787
```
#007787 rgb(0,119,135)
```
#00899a
```
#00899a rgb(0,137,154)
```
#009aae
```
#009aae rgb(0,154,174)
```
#00acc1
```
#00acc1 rgb(0,172,193)
```
#00bdd5
```
#00bdd5 rgb(0,189,213)
```
#00cee9
```
#00cee9 rgb(0,206,233)
```
#00e0fc
```
#00e0fc rgb(0,224,252)
```

Shade Color Variation

#11e4ff
```
#11e4ff rgb(17,228,255)
```
#24e6ff
```
#24e6ff rgb(36,230,255)
```
#38e9ff
```
#38e9ff rgb(56,233,255)
```
#4cebff
```
#4cebff rgb(76,235,255)
```
#5fedff
```
#5fedff rgb(95,237,255)
```
#73efff
```
#73efff rgb(115,239,255)
```
#87f1ff
```
#87f1ff rgb(135,241,255)
```
#9af4ff
```
#9af4ff rgb(154,244,255)
```
#aef6ff
```
#aef6ff rgb(174,246,255)
```
#c1f8ff
```
#c1f8ff rgb(193,248,255)
```
#d5faff
```
#d5faff rgb(213,250,255)
```
#e9fcff
```
#e9fcff rgb(233,252,255)
```
#fcffff
```
#fcffff rgb(252,255,255)
```

Tint Color Variation

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

#627173
```
#627173 rgb(98,113,115)
```
#5a777b
```
#5a777b rgb(90,119,123)
```
#527e83
```
#527e83 rgb(82,126,131)
```
#4a848b
```
#4a848b rgb(74,132,139)
```
#428a93
```
#428a93 rgb(66,138,147)
```
#39919c
```
#39919c rgb(57,145,156)
```
#3197a4
```
#3197a4 rgb(49,151,164)
```
#299dac
```
#299dac rgb(41,157,172)
```
#21a4b4
```
#21a4b4 rgb(33,164,180)
```
#19aabc
```
#19aabc rgb(25,170,188)
```
#10b0c5
```
#10b0c5 rgb(16,176,197)
```
#08b7cd
```
#08b7cd rgb(8,183,205)
```
#00bdd5
```
#00bdd5 rgb(0,189,213)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#6c9297 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaaecc Protanopia 1% of men
#a6adde Deuteranopia 1% of men
#00c1cf Tritanopia 0.001% of the population

Trichromacy

#6cb3cf Protanomaly 1% of men, 0.01% of women
#69b3db Deuteranomaly 6% of men, 0.4% of women
#00bfd1 Tritanomaly 0.01% of the population

#00bdd5 hex color

#00bdd5 Color Information

#00bdd5 Color Conversion

Color Schemes with #00bdd5

Alternatives to #00bdd5

#00bdd5 Preview

Shades and Tints of #00bdd5

Tones of #00bdd5

Color Blindness Simulator