colorhexa.com

#0bb8dd hex color

In a RGB color space, hex #0bb8dd is composed of 4.3% red, 72.2% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 95% cyan, 16.7% magenta, 0% yellow and 13.3% black. It has a hue angle of 190.6 degrees, a saturation of 90.5% and a lightness of 45.5%. #0bb8dd color hex could be obtained by blending #16ffff with #0071bb. Closest websafe color is: #00cccc.

- R 4
- G 72
- B 87
RGB color chart
- C 95
- M 17
- Y 0
- K 13
CMYK color chart

● #0bb8dd color description : Vivid cyan.

The hexadecimal color #0bb8dd has RGB values of R:11, G:184, B:221 and CMYK values of C:0.95, M:0.17, Y:0, K:0.13. Its decimal value is 768221.

Hex triplet	0bb8dd	`#0bb8dd`
RGB Decimal	11, 184, 221	`rgb(11,184,221)`
RGB Percent	4.3, 72.2, 86.7	`rgb(4.3%,72.2%,86.7%)`
CMYK	95, 17, 0, 13
HSL	190.6°, 90.5, 45.5	`hsl(190.6,90.5%,45.5%)`
HSV (or HSB)	190.6°, 95, 86.7
Web Safe	00cccc	`#00cccc`

CIE-LAB	69.162, -25.416, -29.36
XYZ	30.326, 39.57, 74.442
xyY	0.21, 0.274, 39.57
CIE-LCH	69.162, 38.832, 229.119
CIE-LUV	69.162, -49.142, -43.137
Hunter-Lab	62.904, -24.028, -26.132
Binary	00001011, 10111000, 11011101

#0bb8dd
```
#0bb8dd rgb(11,184,221)
```
#dd300b
```
#dd300b rgb(221,48,11)
```

Complementary Color

#0bdd99
```
#0bdd99 rgb(11,221,153)
```
#0bb8dd
```
#0bb8dd rgb(11,184,221)
```
#0b4fdd
```
#0b4fdd rgb(11,79,221)
```

Analogous Color

#dd990b
```
#dd990b rgb(221,153,11)
```
#0bb8dd
```
#0bb8dd rgb(11,184,221)
```
#dd0b4f
```
#dd0b4f rgb(221,11,79)
```

Split Complementary Color

#b8dd0b
```
#b8dd0b rgb(184,221,11)
```
#0bb8dd
```
#0bb8dd rgb(11,184,221)
```
#dd0bb8
```
#dd0bb8 rgb(221,11,184)
```

Triadic Color

#0bdd30
```
#0bdd30 rgb(11,221,48)
```
#0bb8dd
```
#0bb8dd rgb(11,184,221)
```
#dd0bb8
```
#dd0bb8 rgb(221,11,184)
```
#dd300b
```
#dd300b rgb(221,48,11)
```

Tetradic Color

#077b94
```
#077b94 rgb(7,123,148)
```
#0990ac
```
#0990ac rgb(9,144,172)
```
#0aa4c5
```
#0aa4c5 rgb(10,164,197)
```
#0bb8dd
```
#0bb8dd rgb(11,184,221)
```
#0ecbf3
```
#0ecbf3 rgb(14,203,243)
```
#27d0f4
```
#27d0f4 rgb(39,208,244)
```
#3fd5f5
```
#3fd5f5 rgb(63,213,245)
```

Monochromatic Color

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

#0bddce
```
#0bddce rgb(11,221,206)
```
#0bdbdd
```
#0bdbdd rgb(11,219,221)
```
#0bcadd
```
#0bcadd rgb(11,202,221)
```
#0bb8dd
```
#0bb8dd rgb(11,184,221)
```
#0ba7dd
```
#0ba7dd rgb(11,167,221)
```
#0b95dd
```
#0b95dd rgb(11,149,221)
```
#0b84dd
```
#0b84dd rgb(11,132,221)
```

Similar Colors

Text with hexadecimal color #0bb8dd

This text has a font color of #0bb8dd.

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

#0bb8dd background color

This paragraph has a background color of #0bb8dd.

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

#0bb8dd border color

This element has a border color of #0bb8dd.

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

CSS codes

.text {color:#0bb8dd;}

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

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

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, #010d0f is the darkest color, while #fcfeff is the lightest one.

#010d0f
```
#010d0f rgb(1,13,15)
```
#021c22
```
#021c22 rgb(2,28,34)
```
#032c35
```
#032c35 rgb(3,44,53)
```
#043c48
```
#043c48 rgb(4,60,72)
```
#044b5a
```
#044b5a rgb(4,75,90)
```
#055b6d
```
#055b6d rgb(5,91,109)
```
#066a80
```
#066a80 rgb(6,106,128)
```
#077a92
```
#077a92 rgb(7,122,146)
```
#0889a5
```
#0889a5 rgb(8,137,165)
```
#0999b8
```
#0999b8 rgb(9,153,184)
```
#0aa8ca
```
#0aa8ca rgb(10,168,202)
```
#0bb8dd
```
#0bb8dd rgb(11,184,221)
```
#0cc8f0
```
#0cc8f0 rgb(12,200,240)
```

Shade Color Variation

#1ccef4
```
#1ccef4 rgb(28,206,244)
```
#2ed2f5
```
#2ed2f5 rgb(46,210,245)
```
#41d6f6
```
#41d6f6 rgb(65,214,246)
```
#54daf6
```
#54daf6 rgb(84,218,246)
```
#66def7
```
#66def7 rgb(102,222,247)
```
#79e2f8
```
#79e2f8 rgb(121,226,248)
```
#8ce6f9
```
#8ce6f9 rgb(140,230,249)
```
#9eeafa
```
#9eeafa rgb(158,234,250)
```
#b1eefb
```
#b1eefb rgb(177,238,251)
```
#c4f2fc
```
#c4f2fc rgb(196,242,252)
```
#d6f6fd
```
#d6f6fd rgb(214,246,253)
```
#e9fafe
```
#e9fafe rgb(233,250,254)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d787b is the less saturated color, while #02bee6 is the most saturated one.

#6d787b
```
#6d787b rgb(109,120,123)
```
#647e84
```
#647e84 rgb(100,126,132)
```
#5b848d
```
#5b848d rgb(91,132,141)
```
#528a96
```
#528a96 rgb(82,138,150)
```
#49909f
```
#49909f rgb(73,144,159)
```
#4195a7
```
#4195a7 rgb(65,149,167)
```
#389bb0
```
#389bb0 rgb(56,155,176)
```
#2fa1b9
```
#2fa1b9 rgb(47,161,185)
```
#26a7c2
```
#26a7c2 rgb(38,167,194)
```
#1daccb
```
#1daccb rgb(29,172,203)
```
#14b2d4
```
#14b2d4 rgb(20,178,212)
```
#0bb8dd
```
#0bb8dd rgb(11,184,221)
```
#02bee6
```
#02bee6 rgb(2,190,230)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#6f9299 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2abd4 Protanopia 1% of men
#9babe5 Deuteranopia 1% of men
#00becb Tritanopia 0.001% of the population

Trichromacy

#6bb0d7 Protanomaly 1% of men, 0.01% of women
#66afe2 Deuteranomaly 6% of men, 0.4% of women
#04bbd1 Tritanomaly 0.01% of the population