#00b4b4 hex color

In a RGB color space, hex #00b4b4 is composed of 0% red, 70.6% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 0% magenta, 0% yellow and 29.4% black. It has a hue angle of 180 degrees, a saturation of 100% and a lightness of 35.3%. #00b4b4 color hex could be obtained by blending #00ffff with #006969. Closest websafe color is: #00cccc.

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

● #00b4b4 color description : Strong cyan.

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

Hex triplet	00b4b4	`#00b4b4`
RGB Decimal	0, 180, 180	`rgb(0,180,180)`
RGB Percent	0, 70.6, 70.6	`rgb(0%,70.6%,70.6%)`
CMYK	100, 0, 0, 29
HSL	180°, 100, 35.3	`hsl(180,100%,35.3%)`
HSV (or HSB)	180°, 100, 70.6
Web Safe	00cccc	`#00cccc`

CIE-LAB	66.47, -37.021, -10.886
XYZ	24.557, 35.935, 48.819
xyY	0.225, 0.329, 35.935
CIE-LCH	66.47, 38.588, 196.386
CIE-LUV	66.47, -51.415, -11.102
Hunter-Lab	59.946, -31.783, -6.323
Binary	00000000, 10110100, 10110100

#00b4b4
```
#00b4b4 rgb(0,180,180)
```
#b40000
```
#b40000 rgb(180,0,0)
```

Complementary Color

#00b45a
```
#00b45a rgb(0,180,90)
```
#00b4b4
```
#00b4b4 rgb(0,180,180)
```
#005ab4
```
#005ab4 rgb(0,90,180)
```

Analogous Color

#b45a00
```
#b45a00 rgb(180,90,0)
```
#00b4b4
```
#00b4b4 rgb(0,180,180)
```
#b4005a
```
#b4005a rgb(180,0,90)
```

Split Complementary Color

#b4b400
```
#b4b400 rgb(180,180,0)
```
#00b4b4
```
#00b4b4 rgb(0,180,180)
```
#b400b4
```
#b400b4 rgb(180,0,180)
```

Triadic Color

#00b400
```
#00b400 rgb(0,180,0)
```
#00b4b4
```
#00b4b4 rgb(0,180,180)
```
#b400b4
```
#b400b4 rgb(180,0,180)
```
#b40000
```
#b40000 rgb(180,0,0)
```

Tetradic Color

#006868
```
#006868 rgb(0,104,104)
```
#008181
```
#008181 rgb(0,129,129)
```
#009b9b
```
#009b9b rgb(0,155,155)
```
#00b4b4
```
#00b4b4 rgb(0,180,180)
```
#00cece
```
#00cece rgb(0,206,206)
```
#00e7e7
```
#00e7e7 rgb(0,231,231)
```
#01ffff
```
#01ffff rgb(1,255,255)
```

Monochromatic Color

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

#00b487
```
#00b487 rgb(0,180,135)
```
#00b496
```
#00b496 rgb(0,180,150)
```
#00b4a5
```
#00b4a5 rgb(0,180,165)
```
#00b4b4
```
#00b4b4 rgb(0,180,180)
```
#00a5b4
```
#00a5b4 rgb(0,165,180)
```
#0096b4
```
#0096b4 rgb(0,150,180)
```
#0087b4
```
#0087b4 rgb(0,135,180)
```

Similar Colors

Text with hexadecimal color #00b4b4

This text has a font color of #00b4b4.

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

#00b4b4 background color

This paragraph has a background color of #00b4b4.

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

#00b4b4 border color

This element has a border color of #00b4b4.

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

CSS codes

.text {color:#00b4b4;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#001717
```
#001717 rgb(0,23,23)
```
#002b2b
```
#002b2b rgb(0,43,43)
```
#003e3e
```
#003e3e rgb(0,62,62)
```
#005252
```
#005252 rgb(0,82,82)
```
#006666
```
#006666 rgb(0,102,102)
```
#007979
```
#007979 rgb(0,121,121)
```
#008d8d
```
#008d8d rgb(0,141,141)
```
#00a0a0
```
#00a0a0 rgb(0,160,160)
```
#00b4b4
```
#00b4b4 rgb(0,180,180)
```
#00c8c8
```
#00c8c8 rgb(0,200,200)
```
#00dbdb
```
#00dbdb rgb(0,219,219)
```
#00efef
```
#00efef rgb(0,239,239)
```

Shade Color Variation

#03ffff
```
#03ffff rgb(3,255,255)
```
#17ffff
```
#17ffff rgb(23,255,255)
```
#2bffff
```
#2bffff rgb(43,255,255)
```
#3effff
```
#3effff rgb(62,255,255)
```
#52ffff
```
#52ffff rgb(82,255,255)
```
#66ffff
```
#66ffff rgb(102,255,255)
```
#79ffff
```
#79ffff rgb(121,255,255)
```
#8dffff
```
#8dffff rgb(141,255,255)
```
#a0ffff
```
#a0ffff rgb(160,255,255)
```
#b4ffff
```
#b4ffff rgb(180,255,255)
```
#c8ffff
```
#c8ffff rgb(200,255,255)
```
#dbffff
```
#dbffff rgb(219,255,255)
```
#efffff
```
#efffff rgb(239,255,255)
```

Tint Color Variation

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

#536161
```
#536161 rgb(83,97,97)
```
#4c6868
```
#4c6868 rgb(76,104,104)
```
#456f6f
```
#456f6f rgb(69,111,111)
```
#3e7676
```
#3e7676 rgb(62,118,118)
```
#377d7d
```
#377d7d rgb(55,125,125)
```
#308484
```
#308484 rgb(48,132,132)
```
#2a8a8a
```
#2a8a8a rgb(42,138,138)
```
#239191
```
#239191 rgb(35,145,145)
```
#1c9898
```
#1c9898 rgb(28,152,152)
```
#159f9f
```
#159f9f rgb(21,159,159)
```
#0ea6a6
```
#0ea6a6 rgb(14,166,166)
```
#07adad
```
#07adad rgb(7,173,173)
```
#00b4b4
```
#00b4b4 rgb(0,180,180)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#658989 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a5ad Protanopia 1% of men
#a9a2bf Deuteranopia 1% of men
#29b6c3 Tritanopia 0.001% of the population

Trichromacy

#6aaaaf Protanomaly 1% of men, 0.01% of women
#6ba9bb Deuteranomaly 6% of men, 0.4% of women
#1ab5bd Tritanomaly 0.01% of the population

#00b4b4 hex color

#00b4b4 Color Information

#00b4b4 Color Conversion

Color Schemes with #00b4b4

Alternatives to #00b4b4

#00b4b4 Preview

Shades and Tints of #00b4b4

Tones of #00b4b4

Color Blindness Simulator