#00b4c8 hex color

In a RGB color space, hex #00b4c8 is composed of 0% red, 70.6% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 10% magenta, 0% yellow and 21.6% black. It has a hue angle of 186 degrees, a saturation of 100% and a lightness of 39.2%. #00b4c8 color hex could be obtained by blending #00ffff with #006991. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 0
- G 71
- B 78
RGB color chart
- C 100
- M 10
- Y 0
- K 22
CMYK color chart

● #00b4c8 color description : Strong cyan.

The hexadecimal color #00b4c8 has RGB values of R:0, G:180, B:200 and CMYK values of C:1, M:0.1, Y:0, K:0.22. Its decimal value is 46280.

Hex triplet	00b4c8	`#00b4c8`
RGB Decimal	0, 180, 200	`rgb(0,180,200)`
RGB Percent	0, 70.6, 78.4	`rgb(0%,70.6%,78.4%)`
CMYK	100, 10, 0, 22
HSL	186°, 100, 39.2	`hsl(186,100%,39.2%)`
HSV (or HSB)	186°, 100, 78.4
Web Safe	00cccc	`#00cccc`

CIE-LAB	67.134, -30.697, -20.939
XYZ	26.744, 36.81, 60.336
xyY	0.216, 0.297, 36.81
CIE-LCH	67.134, 37.158, 214.299
CIE-LUV	67.134, -49.804, -28.253
Hunter-Lab	60.671, -27.493, -16.493
Binary	00000000, 10110100, 11001000

#00b4c8
```
#00b4c8 rgb(0,180,200)
```
#c81400
```
#c81400 rgb(200,20,0)
```

Complementary Color

#00c878
```
#00c878 rgb(0,200,120)
```
#00b4c8
```
#00b4c8 rgb(0,180,200)
```
#0050c8
```
#0050c8 rgb(0,80,200)
```

Analogous Color

#c87800
```
#c87800 rgb(200,120,0)
```
#00b4c8
```
#00b4c8 rgb(0,180,200)
```
#c80050
```
#c80050 rgb(200,0,80)
```

Split Complementary Color

#b4c800
```
#b4c800 rgb(180,200,0)
```
#00b4c8
```
#00b4c8 rgb(0,180,200)
```
#c800b4
```
#c800b4 rgb(200,0,180)
```

Triadic Color

#00c814
```
#00c814 rgb(0,200,20)
```
#00b4c8
```
#00b4c8 rgb(0,180,200)
```
#c800b4
```
#c800b4 rgb(200,0,180)
```
#c81400
```
#c81400 rgb(200,20,0)
```

Tetradic Color

#006f7c
```
#006f7c rgb(0,111,124)
```
#008695
```
#008695 rgb(0,134,149)
```
#009daf
```
#009daf rgb(0,157,175)
```
#00b4c8
```
#00b4c8 rgb(0,180,200)
```
#00cbe2
```
#00cbe2 rgb(0,203,226)
```
#00e2fb
```
#00e2fb rgb(0,226,251)
```
#16e8ff
```
#16e8ff rgb(22,232,255)
```

Monochromatic Color

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

#00c8aa
```
#00c8aa rgb(0,200,170)
```
#00c8bb
```
#00c8bb rgb(0,200,187)
```
#00c5c8
```
#00c5c8 rgb(0,197,200)
```
#00b4c8
```
#00b4c8 rgb(0,180,200)
```
#00a3c8
```
#00a3c8 rgb(0,163,200)
```
#0093c8
```
#0093c8 rgb(0,147,200)
```
#0082c8
```
#0082c8 rgb(0,130,200)
```

Similar Colors

Text with hexadecimal color #00b4c8

This text has a font color of #00b4c8.

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

#00b4c8 background color

This paragraph has a background color of #00b4c8.

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

#00b4c8 border color

This element has a border color of #00b4c8.

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

CSS codes

.text {color:#00b4c8;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#001517
```
#001517 rgb(0,21,23)
```
#00272b
```
#00272b rgb(0,39,43)
```
#00383f
```
#00383f rgb(0,56,63)
```
#004a52
```
#004a52 rgb(0,74,82)
```
#005c66
```
#005c66 rgb(0,92,102)
```
#006d7a
```
#006d7a rgb(0,109,122)
```
#007f8d
```
#007f8d rgb(0,127,141)
```
#0091a1
```
#0091a1 rgb(0,145,161)
```
#00a2b4
```
#00a2b4 rgb(0,162,180)
```
#00b4c8
```
#00b4c8 rgb(0,180,200)
```
#00c6dc
```
#00c6dc rgb(0,198,220)
```
#00d7ef
```
#00d7ef rgb(0,215,239)
```

Shade Color Variation

#04e6ff
```
#04e6ff rgb(4,230,255)
```
#17e8ff
```
#17e8ff rgb(23,232,255)
```
#2beaff
```
#2beaff rgb(43,234,255)
```
#3fecff
```
#3fecff rgb(63,236,255)
```
#52eeff
```
#52eeff rgb(82,238,255)
```
#66f0ff
```
#66f0ff rgb(102,240,255)
```
#7af2ff
```
#7af2ff rgb(122,242,255)
```
#8df4ff
```
#8df4ff rgb(141,244,255)
```
#a1f6ff
```
#a1f6ff rgb(161,246,255)
```
#b4f8ff
```
#b4f8ff rgb(180,248,255)
```
#c8faff
```
#c8faff rgb(200,250,255)
```
#dcfbff
```
#dcfbff rgb(220,251,255)
```
#effdff
```
#effdff rgb(239,253,255)
```

Tint Color Variation

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

#5c6a6c
```
#5c6a6c rgb(92,106,108)
```
#557073
```
#557073 rgb(85,112,115)
```
#4d767b
```
#4d767b rgb(77,118,123)
```
#457d83
```
#457d83 rgb(69,125,131)
```
#3e838a
```
#3e838a rgb(62,131,138)
```
#368992
```
#368992 rgb(54,137,146)
```
#2e8f9a
```
#2e8f9a rgb(46,143,154)
```
#2695a2
```
#2695a2 rgb(38,149,162)
```
#1f9ba9
```
#1f9ba9 rgb(31,155,169)
```
#17a2b1
```
#17a2b1 rgb(23,162,177)
```
#0fa8b9
```
#0fa8b9 rgb(15,168,185)
```
#08aec0
```
#08aec0 rgb(8,174,192)
```
#00b4c8
```
#00b4c8 rgb(0,180,200)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#668a8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3a6c0 Protanopia 1% of men
#a0a5d2 Deuteranopia 1% of men
#00b8c5 Tritanopia 0.001% of the population

Trichromacy

#67abc3 Protanomaly 1% of men, 0.01% of women
#66aace Deuteranomaly 6% of men, 0.4% of women
#00b6c6 Tritanomaly 0.01% of the population

#00b4c8 hex color

#00b4c8 Color Information

#00b4c8 Color Conversion

Color Schemes with #00b4c8

Alternatives to #00b4c8

#00b4c8 Preview

Shades and Tints of #00b4c8

Tones of #00b4c8

Color Blindness Simulator