#00bbaf hex color

In a RGB color space, hex #00bbaf is composed of 0% red, 73.3% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 0% magenta, 6.4% yellow and 26.7% black. It has a hue angle of 176.1 degrees, a saturation of 100% and a lightness of 36.7%. #00bbaf color hex could be obtained by blending #00ffff with #00775f. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 0
- G 73
- B 69
RGB color chart
- C 100
- M 0
- Y 6
- K 27
CMYK color chart

● #00bbaf color description : Strong cyan.

The hexadecimal color #00bbaf has RGB values of R:0, G:187, B:175 and CMYK values of C:1, M:0, Y:0.06, K:0.27. Its decimal value is 48047.

Hex triplet	00bbaf	`#00bbaf`
RGB Decimal	0, 187, 175	`rgb(0,187,175)`
RGB Percent	0, 73.3, 68.6	`rgb(0%,73.3%,68.6%)`
CMYK	100, 0, 6, 27
HSL	176.1°, 100, 36.7	`hsl(176.1,100%,36.7%)`
HSV (or HSB)	176.1°, 100, 73.3
Web Safe	00cc99	`#00cc99`

CIE-LAB	68.485, -41.654, -5.13
XYZ	25.506, 38.633, 46.668
xyY	0.23, 0.349, 38.633
CIE-LCH	68.485, 41.968, 187.021
CIE-LUV	68.485, -54.217, -1.452
Hunter-Lab	62.156, -35.524, -1.007
Binary	00000000, 10111011, 10101111

#00bbaf
```
#00bbaf rgb(0,187,175)
```
#bb000c
```
#bb000c rgb(187,0,12)
```

Complementary Color

#00bb52
```
#00bb52 rgb(0,187,82)
```
#00bbaf
```
#00bbaf rgb(0,187,175)
```
#006abb
```
#006abb rgb(0,106,187)
```

Analogous Color

#bb5200
```
#bb5200 rgb(187,82,0)
```
#00bbaf
```
#00bbaf rgb(0,187,175)
```
#bb006a
```
#bb006a rgb(187,0,106)
```

Split Complementary Color

#bbaf00
```
#bbaf00 rgb(187,175,0)
```
#00bbaf
```
#00bbaf rgb(0,187,175)
```
#af00bb
```
#af00bb rgb(175,0,187)
```

Triadic Color

#0cbb00
```
#0cbb00 rgb(12,187,0)
```
#00bbaf
```
#00bbaf rgb(0,187,175)
```
#af00bb
```
#af00bb rgb(175,0,187)
```
#bb000c
```
#bb000c rgb(187,0,12)
```

Tetradic Color

#006f67
```
#006f67 rgb(0,111,103)
```
#00887f
```
#00887f rgb(0,136,127)
```
#00a297
```
#00a297 rgb(0,162,151)
```
#00bbaf
```
#00bbaf rgb(0,187,175)
```
#00d5c7
```
#00d5c7 rgb(0,213,199)
```
#00eedf
```
#00eedf rgb(0,238,223)
```
#08ffef
```
#08ffef rgb(8,255,239)
```

Monochromatic Color

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

#00bb80
```
#00bb80 rgb(0,187,128)
```
#00bb90
```
#00bb90 rgb(0,187,144)
```
#00bb9f
```
#00bb9f rgb(0,187,159)
```
#00bbaf
```
#00bbaf rgb(0,187,175)
```
#00b7bb
```
#00b7bb rgb(0,183,187)
```
#00a8bb
```
#00a8bb rgb(0,168,187)
```
#0098bb
```
#0098bb rgb(0,152,187)
```

Similar Colors

Text with hexadecimal color #00bbaf

This text has a font color of #00bbaf.

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

#00bbaf background color

This paragraph has a background color of #00bbaf.

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

#00bbaf border color

This element has a border color of #00bbaf.

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

CSS codes

.text {color:#00bbaf;}

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

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

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

#000a0a
```
#000a0a rgb(0,10,10)
```
#001e1c
```
#001e1c rgb(0,30,28)
```
#00322f
```
#00322f rgb(0,50,47)
```
#004541
```
#004541 rgb(0,69,65)
```
#005953
```
#005953 rgb(0,89,83)
```
#006d66
```
#006d66 rgb(0,109,102)
```
#008078
```
#008078 rgb(0,128,120)
```
#00948a
```
#00948a rgb(0,148,138)
```
#00a79d
```
#00a79d rgb(0,167,157)
```
#00bbaf
```
#00bbaf rgb(0,187,175)
```
#00cfc1
```
#00cfc1 rgb(0,207,193)
```
#00e2d4
```
#00e2d4 rgb(0,226,212)
```
#00f6e6
```
#00f6e6 rgb(0,246,230)
```

Shade Color Variation

#0affef
```
#0affef rgb(10,255,239)
```
#1efff1
```
#1efff1 rgb(30,255,241)
```
#32fff2
```
#32fff2 rgb(50,255,242)
```
#45fff3
```
#45fff3 rgb(69,255,243)
```
#59fff4
```
#59fff4 rgb(89,255,244)
```
#6dfff6
```
#6dfff6 rgb(109,255,246)
```
#80fff7
```
#80fff7 rgb(128,255,247)
```
#94fff8
```
#94fff8 rgb(148,255,248)
```
#a7fff9
```
#a7fff9 rgb(167,255,249)
```
#bbfffb
```
#bbfffb rgb(187,255,251)
```
#cffffc
```
#cffffc rgb(207,255,252)
```
#e2fffd
```
#e2fffd rgb(226,255,253)
```
#f6fffe
```
#f6fffe rgb(246,255,254)
```

Tint Color Variation

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

#566564
```
#566564 rgb(86,101,100)
```
#4f6c6a
```
#4f6c6a rgb(79,108,106)
```
#487370
```
#487370 rgb(72,115,112)
```
#417a77
```
#417a77 rgb(65,122,119)
```
#3a817d
```
#3a817d rgb(58,129,125)
```
#328983
```
#328983 rgb(50,137,131)
```
#2b9089
```
#2b9089 rgb(43,144,137)
```
#249790
```
#249790 rgb(36,151,144)
```
#1d9e96
```
#1d9e96 rgb(29,158,150)
```
#16a59c
```
#16a59c rgb(22,165,156)
```
#0eada2
```
#0eada2 rgb(14,173,162)
```
#07b4a9
```
#07b4a9 rgb(7,180,169)
```
#00bbaf
```
#00bbaf rgb(0,187,175)
```

Tone Color Variation

Below, you can see how #00bbaf 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
#688d8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#afaaa8 Protanopia 1% of men
#b3a7bb Deuteranopia 1% of men
#35bbc8 Tritanopia 0.001% of the population

Trichromacy

#6fb0aa Protanomaly 1% of men, 0.01% of women
#72aeb7 Deuteranomaly 6% of men, 0.4% of women
#22bbbf Tritanomaly 0.01% of the population

#00bbaf hex color

#00bbaf Color Information

#00bbaf Color Conversion

Color Schemes with #00bbaf

Alternatives to #00bbaf

#00bbaf Preview

Shades and Tints of #00bbaf

Tones of #00bbaf

Color Blindness Simulator