#0bb4bf hex color

In a RGB color space, hex #0bb4bf is composed of 4.3% red, 70.6% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 94.2% cyan, 5.8% magenta, 0% yellow and 25.1% black. It has a hue angle of 183.7 degrees, a saturation of 89.1% and a lightness of 39.6%. #0bb4bf color hex could be obtained by blending #16ffff with #00697f. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 4
- G 71
- B 75
RGB color chart
- C 94
- M 6
- Y 0
- K 25
CMYK color chart

● #0bb4bf color description : Strong cyan.

The hexadecimal color #0bb4bf has RGB values of R:11, G:180, B:191 and CMYK values of C:0.94, M:0.06, Y:0, K:0.25. Its decimal value is 767167.

Hex triplet	0bb4bf	`#0bb4bf`
RGB Decimal	11, 180, 191	`rgb(11,180,191)`
RGB Percent	4.3, 70.6, 74.9	`rgb(4.3%,70.6%,74.9%)`
CMYK	94, 6, 0, 25
HSL	183.7°, 89.1, 39.6	`hsl(183.7,89.1%,39.6%)`
HSV (or HSB)	183.7°, 94.2, 74.9
Web Safe	00cccc	`#00cccc`

CIE-LAB	66.879, -33.246, -16.351
XYZ	25.86, 36.473, 54.964
xyY	0.22, 0.311, 36.473
CIE-LCH	66.879, 37.049, 206.189
CIE-LUV	66.879, -50.118, -20.391
Hunter-Lab	60.393, -29.252, -11.686
Binary	00001011, 10110100, 10111111

#0bb4bf
```
#0bb4bf rgb(11,180,191)
```
#bf160b
```
#bf160b rgb(191,22,11)
```

Complementary Color

#0bbf70
```
#0bbf70 rgb(11,191,112)
```
#0bb4bf
```
#0bb4bf rgb(11,180,191)
```
#0b5abf
```
#0b5abf rgb(11,90,191)
```

Analogous Color

#bf700b
```
#bf700b rgb(191,112,11)
```
#0bb4bf
```
#0bb4bf rgb(11,180,191)
```
#bf0b5a
```
#bf0b5a rgb(191,11,90)
```

Split Complementary Color

#b4bf0b
```
#b4bf0b rgb(180,191,11)
```
#0bb4bf
```
#0bb4bf rgb(11,180,191)
```
#bf0bb4
```
#bf0bb4 rgb(191,11,180)
```

Triadic Color

#0bbf16
```
#0bbf16 rgb(11,191,22)
```
#0bb4bf
```
#0bb4bf rgb(11,180,191)
```
#bf0bb4
```
#bf0bb4 rgb(191,11,180)
```
#bf160b
```
#bf160b rgb(191,22,11)
```

Tetradic Color

#077077
```
#077077 rgb(7,112,119)
```
#08878f
```
#08878f rgb(8,135,143)
```
#0a9da7
```
#0a9da7 rgb(10,157,167)
```
#0bb4bf
```
#0bb4bf rgb(11,180,191)
```
#0ccbd7
```
#0ccbd7 rgb(12,203,215)
```
#0ee1ef
```
#0ee1ef rgb(14,225,239)
```
#24e6f2
```
#24e6f2 rgb(36,230,242)
```

Monochromatic Color

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

#0bbf9d
```
#0bbf9d rgb(11,191,157)
```
#0bbfac
```
#0bbfac rgb(11,191,172)
```
#0bbfbb
```
#0bbfbb rgb(11,191,187)
```
#0bb4bf
```
#0bb4bf rgb(11,180,191)
```
#0ba5bf
```
#0ba5bf rgb(11,165,191)
```
#0b96bf
```
#0b96bf rgb(11,150,191)
```
#0b87bf
```
#0b87bf rgb(11,135,191)
```

Similar Colors

Text with hexadecimal color #0bb4bf

This text has a font color of #0bb4bf.

<span style="color:#0bb4bf;">Text here</span>

#0bb4bf background color

This paragraph has a background color of #0bb4bf.

<p style="background-color:#0bb4bf;">Content here</p>

#0bb4bf border color

This element has a border color of #0bb4bf.

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

CSS codes

.text {color:#0bb4bf;}

.background {background-color:#0bb4bf;}

.border {border:1px solid #0bb4bf;}

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

#000506
```
#000506 rgb(0,5,6)
```
#011718
```
#011718 rgb(1,23,24)
```
#02282b
```
#02282b rgb(2,40,43)
```
#043a3d
```
#043a3d rgb(4,58,61)
```
#054b50
```
#054b50 rgb(5,75,80)
```
#065d62
```
#065d62 rgb(6,93,98)
```
#076e75
```
#076e75 rgb(7,110,117)
```
#088087
```
#088087 rgb(8,128,135)
```
#09919a
```
#09919a rgb(9,145,154)
```
#0aa3ac
```
#0aa3ac rgb(10,163,172)
```
#0bb4bf
```
#0bb4bf rgb(11,180,191)
```
#0cc5d2
```
#0cc5d2 rgb(12,197,210)
```
#0dd7e4
```
#0dd7e4 rgb(13,215,228)
```

Shade Color Variation

#13e4f1
```
#13e4f1 rgb(19,228,241)
```
#26e6f3
```
#26e6f3 rgb(38,230,243)
```
#39e8f4
```
#39e8f4 rgb(57,232,244)
```
#4beaf5
```
#4beaf5 rgb(75,234,245)
```
#5eecf6
```
#5eecf6 rgb(94,236,246)
```
#70eff7
```
#70eff7 rgb(112,239,247)
```
#83f1f8
```
#83f1f8 rgb(131,241,248)
```
#95f3f9
```
#95f3f9 rgb(149,243,249)
```
#a8f5fa
```
#a8f5fa rgb(168,245,250)
```
#baf7fb
```
#baf7fb rgb(186,247,251)
```
#cdf9fc
```
#cdf9fc rgb(205,249,252)
```
#dffbfd
```
#dffbfd rgb(223,251,253)
```
#f2fefe
```
#f2fefe rgb(242,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60696a is the less saturated color, while #03bbc7 is the most saturated one.

#60696a
```
#60696a rgb(96,105,106)
```
#597071
```
#597071 rgb(89,112,113)
```
#517779
```
#517779 rgb(81,119,121)
```
#497d81
```
#497d81 rgb(73,125,129)
```
#418489
```
#418489 rgb(65,132,137)
```
#3a8b90
```
#3a8b90 rgb(58,139,144)
```
#329298
```
#329298 rgb(50,146,152)
```
#2a99a0
```
#2a99a0 rgb(42,153,160)
```
#22a0a8
```
#22a0a8 rgb(34,160,168)
```
#1ba6af
```
#1ba6af rgb(27,166,175)
```
#13adb7
```
#13adb7 rgb(19,173,183)
```
#0bb4bf
```
#0bb4bf rgb(11,180,191)
```
#03bbc7
```
#03bbc7 rgb(3,187,199)
```

Tone Color Variation

Below, you can see how #0bb4bf 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

#838383 Achromatopsia 0.005% of the population
#6b8d8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a6b7 Protanopia 1% of men
#a4a4c9 Deuteranopia 1% of men
#1eb7c4 Tritanopia 0.001% of the population

Trichromacy

#6dabba Protanomaly 1% of men, 0.01% of women
#6caac5 Deuteranomaly 6% of men, 0.4% of women
#17b6c2 Tritanomaly 0.01% of the population

#0bb4bf hex color

#0bb4bf Color Information

#0bb4bf Color Conversion

Color Schemes with #0bb4bf

Alternatives to #0bb4bf

#0bb4bf Preview

Shades and Tints of #0bb4bf

Tones of #0bb4bf

Color Blindness Simulator