#00b8d8 hex color

In a RGB color space, hex #00b8d8 is composed of 0% red, 72.2% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 14.8% magenta, 0% yellow and 15.3% black. It has a hue angle of 188.9 degrees, a saturation of 100% and a lightness of 42.4%. #00b8d8 color hex could be obtained by blending #00ffff with #0071b1. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 0
- G 72
- B 85
RGB color chart
- C 100
- M 15
- Y 0
- K 15
CMYK color chart

● #00b8d8 color description : Strong cyan.

The hexadecimal color #00b8d8 has RGB values of R:0, G:184, B:216 and CMYK values of C:1, M:0.15, Y:0, K:0.15. Its decimal value is 47320.

Hex triplet	00b8d8	`#00b8d8`
RGB Decimal	0, 184, 216	`rgb(0,184,216)`
RGB Percent	0, 72.2, 84.7	`rgb(0%,72.2%,84.7%)`
CMYK	100, 15, 0, 15
HSL	188.9°, 100, 42.4	`hsl(188.9,100%,42.4%)`
HSV (or HSB)	188.9°, 100, 84.7
Web Safe	00cccc	`#00cccc`

CIE-LAB	68.922, -27.39, -26.998
XYZ	29.532, 39.236, 70.979
xyY	0.211, 0.281, 39.236
CIE-LCH	68.922, 38.459, 224.587
CIE-LUV	68.922, -49.898, -38.888
Hunter-Lab	62.639, -25.461, -23.337
Binary	00000000, 10111000, 11011000

#00b8d8
```
#00b8d8 rgb(0,184,216)
```
#d82000
```
#d82000 rgb(216,32,0)
```

Complementary Color

#00d88c
```
#00d88c rgb(0,216,140)
```
#00b8d8
```
#00b8d8 rgb(0,184,216)
```
#004cd8
```
#004cd8 rgb(0,76,216)
```

Analogous Color

#d88c00
```
#d88c00 rgb(216,140,0)
```
#00b8d8
```
#00b8d8 rgb(0,184,216)
```
#d8004c
```
#d8004c rgb(216,0,76)
```

Split Complementary Color

#b8d800
```
#b8d800 rgb(184,216,0)
```
#00b8d8
```
#00b8d8 rgb(0,184,216)
```
#d800b8
```
#d800b8 rgb(216,0,184)
```

Triadic Color

#00d820
```
#00d820 rgb(0,216,32)
```
#00b8d8
```
#00b8d8 rgb(0,184,216)
```
#d800b8
```
#d800b8 rgb(216,0,184)
```
#d82000
```
#d82000 rgb(216,32,0)
```

Tetradic Color

#00778c
```
#00778c rgb(0,119,140)
```
#008da5
```
#008da5 rgb(0,141,165)
```
#00a2bf
```
#00a2bf rgb(0,162,191)
```
#00b8d8
```
#00b8d8 rgb(0,184,216)
```
#00cef2
```
#00cef2 rgb(0,206,242)
```
#0cdbff
```
#0cdbff rgb(12,219,255)
```
#26dfff
```
#26dfff rgb(38,223,255)
```

Monochromatic Color

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

#00d8c2
```
#00d8c2 rgb(0,216,194)
```
#00d8d4
```
#00d8d4 rgb(0,216,212)
```
#00cad8
```
#00cad8 rgb(0,202,216)
```
#00b8d8
```
#00b8d8 rgb(0,184,216)
```
#00a6d8
```
#00a6d8 rgb(0,166,216)
```
#0094d8
```
#0094d8 rgb(0,148,216)
```
#0082d8
```
#0082d8 rgb(0,130,216)
```

Similar Colors

Text with hexadecimal color #00b8d8

This text has a font color of #00b8d8.

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

#00b8d8 background color

This paragraph has a background color of #00b8d8.

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

#00b8d8 border color

This element has a border color of #00b8d8.

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

CSS codes

.text {color:#00b8d8;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#001114
```
#001114 rgb(0,17,20)
```
#002227
```
#002227 rgb(0,34,39)
```
#00323b
```
#00323b rgb(0,50,59)
```
#00434f
```
#00434f rgb(0,67,79)
```
#005462
```
#005462 rgb(0,84,98)
```
#006476
```
#006476 rgb(0,100,118)
```
#00758a
```
#00758a rgb(0,117,138)
```
#00869d
```
#00869d rgb(0,134,157)
```
#0097b1
```
#0097b1 rgb(0,151,177)
```
#00a7c4
```
#00a7c4 rgb(0,167,196)
```
#00b8d8
```
#00b8d8 rgb(0,184,216)
```
#00c9ec
```
#00c9ec rgb(0,201,236)
```

Shade Color Variation

#00d9ff
```
#00d9ff rgb(0,217,255)
```
#14dcff
```
#14dcff rgb(20,220,255)
```
#27dfff
```
#27dfff rgb(39,223,255)
```
#3be2ff
```
#3be2ff rgb(59,226,255)
```
#4fe5ff
```
#4fe5ff rgb(79,229,255)
```
#62e8ff
```
#62e8ff rgb(98,232,255)
```
#76ebff
```
#76ebff rgb(118,235,255)
```
#8aeeff
```
#8aeeff rgb(138,238,255)
```
#9df1ff
```
#9df1ff rgb(157,241,255)
```
#b1f3ff
```
#b1f3ff rgb(177,243,255)
```
#c4f6ff
```
#c4f6ff rgb(196,246,255)
```
#d8f9ff
```
#d8f9ff rgb(216,249,255)
```
#ecfcff
```
#ecfcff rgb(236,252,255)
```

Tint Color Variation

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

#647274
```
#647274 rgb(100,114,116)
```
#5b787d
```
#5b787d rgb(91,120,125)
```
#537e85
```
#537e85 rgb(83,126,133)
```
#4b838d
```
#4b838d rgb(75,131,141)
```
#428996
```
#428996 rgb(66,137,150)
```
#3a8f9e
```
#3a8f9e rgb(58,143,158)
```
#3295a6
```
#3295a6 rgb(50,149,166)
```
#2a9bae
```
#2a9bae rgb(42,155,174)
```
#21a1b7
```
#21a1b7 rgb(33,161,183)
```
#19a6bf
```
#19a6bf rgb(25,166,191)
```
#11acc7
```
#11acc7 rgb(17,172,199)
```
#08b2d0
```
#08b2d0 rgb(8,178,208)
```
#00b8d8
```
#00b8d8 rgb(0,184,216)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#6a8f96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3abcf Protanopia 1% of men
#9daae0 Deuteranopia 1% of men
#00bdca Tritanopia 0.001% of the population

Trichromacy

#68afd2 Protanomaly 1% of men, 0.01% of women
#64afdd Deuteranomaly 6% of men, 0.4% of women
#00bbcf Tritanomaly 0.01% of the population

#00b8d8 hex color

#00b8d8 Color Information

#00b8d8 Color Conversion

Color Schemes with #00b8d8

Alternatives to #00b8d8

#00b8d8 Preview

Shades and Tints of #00b8d8

Tones of #00b8d8

Color Blindness Simulator