#00b4d6 hex color

In a RGB color space, hex #00b4d6 is composed of 0% red, 70.6% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 15.9% magenta, 0% yellow and 16.1% black. It has a hue angle of 189.5 degrees, a saturation of 100% and a lightness of 42%. #00b4d6 color hex could be obtained by blending #00ffff with #0069ad. Closest websafe color is: #00cccc.

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

● #00b4d6 color description : Strong cyan.

The hexadecimal color #00b4d6 has RGB values of R:0, G:180, B:214 and CMYK values of C:1, M:0.16, Y:0, K:0.16. Its decimal value is 46294.

Hex triplet	00b4d6	`#00b4d6`
RGB Decimal	0, 180, 214	`rgb(0,180,214)`
RGB Percent	0, 70.6, 83.9	`rgb(0%,70.6%,83.9%)`
CMYK	100, 16, 0, 16
HSL	189.5°, 100, 42	`hsl(189.5,100%,42%)`
HSV (or HSB)	189.5°, 100, 83.9
Web Safe	00cccc	`#00cccc`

CIE-LAB	67.647, -26.058, -27.862
XYZ	28.455, 37.495, 69.352
xyY	0.21, 0.277, 37.495
CIE-LCH	67.647, 38.149, 226.915
CIE-LUV	67.647, -48.695, -40.415
Hunter-Lab	61.233, -24.207, -24.289
Binary	00000000, 10110100, 11010110

#00b4d6
```
#00b4d6 rgb(0,180,214)
```
#d62200
```
#d62200 rgb(214,34,0)
```

Complementary Color

#00d68d
```
#00d68d rgb(0,214,141)
```
#00b4d6
```
#00b4d6 rgb(0,180,214)
```
#0049d6
```
#0049d6 rgb(0,73,214)
```

Analogous Color

#d68d00
```
#d68d00 rgb(214,141,0)
```
#00b4d6
```
#00b4d6 rgb(0,180,214)
```
#d60049
```
#d60049 rgb(214,0,73)
```

Split Complementary Color

#b4d600
```
#b4d600 rgb(180,214,0)
```
#00b4d6
```
#00b4d6 rgb(0,180,214)
```
#d600b4
```
#d600b4 rgb(214,0,180)
```

Triadic Color

#00d622
```
#00d622 rgb(0,214,34)
```
#00b4d6
```
#00b4d6 rgb(0,180,214)
```
#d600b4
```
#d600b4 rgb(214,0,180)
```
#d62200
```
#d62200 rgb(214,34,0)
```

Tetradic Color

#00748a
```
#00748a rgb(0,116,138)
```
#0089a3
```
#0089a3 rgb(0,137,163)
```
#009fbd
```
#009fbd rgb(0,159,189)
```
#00b4d6
```
#00b4d6 rgb(0,180,214)
```
#00c9f0
```
#00c9f0 rgb(0,201,240)
```
#0ad8ff
```
#0ad8ff rgb(10,216,255)
```
#24dcff
```
#24dcff rgb(36,220,255)
```

Monochromatic Color

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

#00d6c3
```
#00d6c3 rgb(0,214,195)
```
#00d6d4
```
#00d6d4 rgb(0,214,212)
```
#00c6d6
```
#00c6d6 rgb(0,198,214)
```
#00b4d6
```
#00b4d6 rgb(0,180,214)
```
#00a2d6
```
#00a2d6 rgb(0,162,214)
```
#0090d6
```
#0090d6 rgb(0,144,214)
```
#007fd6
```
#007fd6 rgb(0,127,214)
```

Similar Colors

Text with hexadecimal color #00b4d6

This text has a font color of #00b4d6.

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

#00b4d6 background color

This paragraph has a background color of #00b4d6.

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

#00b4d6 border color

This element has a border color of #00b4d6.

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

CSS codes

.text {color:#00b4d6;}

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

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

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

#000f12
```
#000f12 rgb(0,15,18)
```
#002025
```
#002025 rgb(0,32,37)
```
#003039
```
#003039 rgb(0,48,57)
```
#00414d
```
#00414d rgb(0,65,77)
```
#005160
```
#005160 rgb(0,81,96)
```
#006274
```
#006274 rgb(0,98,116)
```
#007288
```
#007288 rgb(0,114,136)
```
#00839b
```
#00839b rgb(0,131,155)
```
#0093af
```
#0093af rgb(0,147,175)
```
#00a4c2
```
#00a4c2 rgb(0,164,194)
```
#00b4d6
```
#00b4d6 rgb(0,180,214)
```
#00c4ea
```
#00c4ea rgb(0,196,234)
```
#00d5fd
```
#00d5fd rgb(0,213,253)
```

Shade Color Variation

#12d9ff
```
#12d9ff rgb(18,217,255)
```
#25dcff
```
#25dcff rgb(37,220,255)
```
#39e0ff
```
#39e0ff rgb(57,224,255)
```
#4de3ff
```
#4de3ff rgb(77,227,255)
```
#60e6ff
```
#60e6ff rgb(96,230,255)
```
#74e9ff
```
#74e9ff rgb(116,233,255)
```
#88ecff
```
#88ecff rgb(136,236,255)
```
#9befff
```
#9befff rgb(155,239,255)
```
#aff2ff
```
#aff2ff rgb(175,242,255)
```
#c2f5ff
```
#c2f5ff rgb(194,245,255)
```
#d6f8ff
```
#d6f8ff rgb(214,248,255)
```
#eafcff
```
#eafcff rgb(234,252,255)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#637173
```
#637173 rgb(99,113,115)
```
#5b767b
```
#5b767b rgb(91,118,123)
```
#527c84
```
#527c84 rgb(82,124,132)
```
#4a818c
```
#4a818c rgb(74,129,140)
```
#428794
```
#428794 rgb(66,135,148)
```
#3a8d9c
```
#3a8d9c rgb(58,141,156)
```
#3192a5
```
#3192a5 rgb(49,146,165)
```
#2998ad
```
#2998ad rgb(41,152,173)
```
#219eb5
```
#219eb5 rgb(33,158,181)
```
#19a3bd
```
#19a3bd rgb(25,163,189)
```
#10a9c6
```
#10a9c6 rgb(16,169,198)
```
#08aece
```
#08aece rgb(8,174,206)
```
#00b4d6
```
#00b4d6 rgb(0,180,214)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#688c93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fa7cd Protanopia 1% of men
#99a7de Deuteranopia 1% of men
#00b9c7 Tritanopia 0.001% of the population

Trichromacy

#65acd0 Protanomaly 1% of men, 0.01% of women
#61abdb Deuteranomaly 6% of men, 0.4% of women
#00b7cc Tritanomaly 0.01% of the population

#00b4d6 hex color

#00b4d6 Color Information

#00b4d6 Color Conversion

Color Schemes with #00b4d6

Alternatives to #00b4d6

#00b4d6 Preview

Shades and Tints of #00b4d6

Tones of #00b4d6

Color Blindness Simulator