#00b4b8 hex color

In a RGB color space, hex #00b4b8 is composed of 0% red, 70.6% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 2.2% magenta, 0% yellow and 27.8% black. It has a hue angle of 181.3 degrees, a saturation of 100% and a lightness of 36.1%. #00b4b8 color hex could be obtained by blending #00ffff with #006971. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 0
- G 71
- B 72
RGB color chart
- C 100
- M 2
- Y 0
- K 28
CMYK color chart

● #00b4b8 color description : Strong cyan.

The hexadecimal color #00b4b8 has RGB values of R:0, G:180, B:184 and CMYK values of C:1, M:0.02, Y:0, K:0.28. Its decimal value is 46264.

Hex triplet	00b4b8	`#00b4b8`
RGB Decimal	0, 180, 184	`rgb(0,180,184)`
RGB Percent	0, 70.6, 72.2	`rgb(0%,70.6%,72.2%)`
CMYK	100, 2, 0, 28
HSL	181.3°, 100, 36.1	`hsl(181.3,100%,36.1%)`
HSV (or HSB)	181.3°, 100, 72.2
Web Safe	00cccc	`#00cccc`

CIE-LAB	66.597, -35.788, -12.911
XYZ	24.97, 36.101, 50.997
xyY	0.223, 0.322, 36.101
CIE-LCH	66.597, 38.046, 199.837
CIE-LUV	66.597, -51.092, -14.498
Hunter-Lab	60.084, -30.964, -8.264
Binary	00000000, 10110100, 10111000

#00b4b8
```
#00b4b8 rgb(0,180,184)
```
#b80400
```
#b80400 rgb(184,4,0)
```

Complementary Color

#00b860
```
#00b860 rgb(0,184,96)
```
#00b4b8
```
#00b4b8 rgb(0,180,184)
```
#0058b8
```
#0058b8 rgb(0,88,184)
```

Analogous Color

#b86000
```
#b86000 rgb(184,96,0)
```
#00b4b8
```
#00b4b8 rgb(0,180,184)
```
#b80058
```
#b80058 rgb(184,0,88)
```

Split Complementary Color

#b4b800
```
#b4b800 rgb(180,184,0)
```
#00b4b8
```
#00b4b8 rgb(0,180,184)
```
#b800b4
```
#b800b4 rgb(184,0,180)
```

Triadic Color

#00b804
```
#00b804 rgb(0,184,4)
```
#00b4b8
```
#00b4b8 rgb(0,180,184)
```
#b800b4
```
#b800b4 rgb(184,0,180)
```
#b80400
```
#b80400 rgb(184,4,0)
```

Tetradic Color

#00696c
```
#00696c rgb(0,105,108)
```
#008285
```
#008285 rgb(0,130,133)
```
#009b9f
```
#009b9f rgb(0,155,159)
```
#00b4b8
```
#00b4b8 rgb(0,180,184)
```
#00cdd2
```
#00cdd2 rgb(0,205,210)
```
#00e6eb
```
#00e6eb rgb(0,230,235)
```
#05faff
```
#05faff rgb(5,250,255)
```

Monochromatic Color

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

#00b88e
```
#00b88e rgb(0,184,142)
```
#00b89d
```
#00b89d rgb(0,184,157)
```
#00b8ad
```
#00b8ad rgb(0,184,173)
```
#00b4b8
```
#00b4b8 rgb(0,180,184)
```
#00a5b8
```
#00a5b8 rgb(0,165,184)
```
#0095b8
```
#0095b8 rgb(0,149,184)
```
#0086b8
```
#0086b8 rgb(0,134,184)
```

Similar Colors

Text with hexadecimal color #00b4b8

This text has a font color of #00b4b8.

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

#00b4b8 background color

This paragraph has a background color of #00b4b8.

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

#00b4b8 border color

This element has a border color of #00b4b8.

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

CSS codes

.text {color:#00b4b8;}

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

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

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

#000707
```
#000707 rgb(0,7,7)
```
#001a1b
```
#001a1b rgb(0,26,27)
```
#002e2f
```
#002e2f rgb(0,46,47)
```
#004142
```
#004142 rgb(0,65,66)
```
#005456
```
#005456 rgb(0,84,86)
```
#00676a
```
#00676a rgb(0,103,106)
```
#007a7d
```
#007a7d rgb(0,122,125)
```
#008e91
```
#008e91 rgb(0,142,145)
```
#00a1a4
```
#00a1a4 rgb(0,161,164)
```
#00b4b8
```
#00b4b8 rgb(0,180,184)
```
#00c7cc
```
#00c7cc rgb(0,199,204)
```
#00dadf
```
#00dadf rgb(0,218,223)
```
#00eef3
```
#00eef3 rgb(0,238,243)
```

Shade Color Variation

#07faff
```
#07faff rgb(7,250,255)
```
#1bfaff
```
#1bfaff rgb(27,250,255)
```
#2ffaff
```
#2ffaff rgb(47,250,255)
```
#42fbff
```
#42fbff rgb(66,251,255)
```
#56fbff
```
#56fbff rgb(86,251,255)
```
#6afcff
```
#6afcff rgb(106,252,255)
```
#7dfcff
```
#7dfcff rgb(125,252,255)
```
#91fdff
```
#91fdff rgb(145,253,255)
```
#a4fdff
```
#a4fdff rgb(164,253,255)
```
#b8fdff
```
#b8fdff rgb(184,253,255)
```
#ccfeff
```
#ccfeff rgb(204,254,255)
```
#dffeff
```
#dffeff rgb(223,254,255)
```
#f3ffff
```
#f3ffff rgb(243,255,255)
```

Tint Color Variation

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

#556363
```
#556363 rgb(85,99,99)
```
#4e6a6a
```
#4e6a6a rgb(78,106,106)
```
#477071
```
#477071 rgb(71,112,113)
```
#407778
```
#407778 rgb(64,119,120)
```
#397e7f
```
#397e7f rgb(57,126,127)
```
#328586
```
#328586 rgb(50,133,134)
```
#2a8b8e
```
#2a8b8e rgb(42,139,142)
```
#239295
```
#239295 rgb(35,146,149)
```
#1c999c
```
#1c999c rgb(28,153,156)
```
#15a0a3
```
#15a0a3 rgb(21,160,163)
```
#0ea6aa
```
#0ea6aa rgb(14,166,170)
```
#07adb1
```
#07adb1 rgb(7,173,177)
```
#00b4b8
```
#00b4b8 rgb(0,180,184)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#668a8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6a5b1 Protanopia 1% of men
#a7a3c3 Deuteranopia 1% of men
#24b6c3 Tritanopia 0.001% of the population

Trichromacy

#69aab3 Protanomaly 1% of men, 0.01% of women
#6aa9bf Deuteranomaly 6% of men, 0.4% of women
#16b5bf Tritanomaly 0.01% of the population

#00b4b8 hex color

#00b4b8 Color Information

#00b4b8 Color Conversion

Color Schemes with #00b4b8

Alternatives to #00b4b8

#00b4b8 Preview

Shades and Tints of #00b4b8

Tones of #00b4b8

Color Blindness Simulator