colorhexa.com

#0bb2ff hex color

In a RGB color space, hex #0bb2ff is composed of 4.3% red, 69.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 95.7% cyan, 30.2% magenta, 0% yellow and 0% black. It has a hue angle of 198.9 degrees, a saturation of 100% and a lightness of 52.2%. #0bb2ff color hex could be obtained by blending #16ffff with #0065ff. Closest websafe color is: #0099ff.

- R 4
- G 70
- B 100
RGB color chart
- C 96
- M 30
- Y 0
- K 0
CMYK color chart

● #0bb2ff color description : Vivid blue.

The hexadecimal color #0bb2ff has RGB values of R:11, G:178, B:255 and CMYK values of C:0.96, M:0.3, Y:0, K:0. Its decimal value is 766719.

Hex triplet	0bb2ff	`#0bb2ff`
RGB Decimal	11, 178, 255	`rgb(11,178,255)`
RGB Percent	4.3, 69.8, 100	`rgb(4.3%,69.8%,100%)`
CMYK	96, 30, 0, 0
HSL	198.9°, 100, 52.2	`hsl(198.9,100%,52.2%)`
HSV (or HSB)	198.9°, 95.7, 100
Web Safe	0099ff	`#0099ff`

CIE-LAB	68.844, -10.411, -48.354
XYZ	34.104, 39.129, 100.357
xyY	0.196, 0.225, 39.129
CIE-LCH	68.844, 49.462, 257.849
CIE-LUV	68.844, -44.66, -77.353
Hunter-Lab	62.553, -12.149, -51.335
Binary	00001011, 10110010, 11111111

#0bb2ff
```
#0bb2ff rgb(11,178,255)
```
#ff580b
```
#ff580b rgb(255,88,11)
```

Complementary Color

#0bffd2
```
#0bffd2 rgb(11,255,210)
```
#0bb2ff
```
#0bb2ff rgb(11,178,255)
```
#0b38ff
```
#0b38ff rgb(11,56,255)
```

Analogous Color

#ffd20b
```
#ffd20b rgb(255,210,11)
```
#0bb2ff
```
#0bb2ff rgb(11,178,255)
```
#ff0b38
```
#ff0b38 rgb(255,11,56)
```

Split Complementary Color

#b2ff0b
```
#b2ff0b rgb(178,255,11)
```
#0bb2ff
```
#0bb2ff rgb(11,178,255)
```
#ff0bb2
```
#ff0bb2 rgb(255,11,178)
```

Triadic Color

#0bff58
```
#0bff58 rgb(11,255,88)
```
#0bb2ff
```
#0bb2ff rgb(11,178,255)
```
#ff0bb2
```
#ff0bb2 rgb(255,11,178)
```
#ff580b
```
#ff580b rgb(255,88,11)
```

Tetradic Color

#0082be
```
#0082be rgb(0,130,190)
```
#0093d7
```
#0093d7 rgb(0,147,215)
```
#00a5f1
```
#00a5f1 rgb(0,165,241)
```
#0bb2ff
```
#0bb2ff rgb(11,178,255)
```
#25baff
```
#25baff rgb(37,186,255)
```
#3ec2ff
```
#3ec2ff rgb(62,194,255)
```
#58caff
```
#58caff rgb(88,202,255)
```

Monochromatic Color

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

#0befff
```
#0befff rgb(11,239,255)
```
#0bdbff
```
#0bdbff rgb(11,219,255)
```
#0bc6ff
```
#0bc6ff rgb(11,198,255)
```
#0bb2ff
```
#0bb2ff rgb(11,178,255)
```
#0b9eff
```
#0b9eff rgb(11,158,255)
```
#0b89ff
```
#0b89ff rgb(11,137,255)
```
#0b75ff
```
#0b75ff rgb(11,117,255)
```

Similar Colors

Text with hexadecimal color #0bb2ff

This text has a font color of #0bb2ff.

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

#0bb2ff background color

This paragraph has a background color of #0bb2ff.

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

#0bb2ff border color

This element has a border color of #0bb2ff.

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

CSS codes

.text {color:#0bb2ff;}

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

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

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, #00080b is the darkest color, while #f6fcff is the lightest one.

#00080b
```
#00080b rgb(0,8,11)
```
#00151f
```
#00151f rgb(0,21,31)
```
#002232
```
#002232 rgb(0,34,50)
```
#003046
```
#003046 rgb(0,48,70)
```
#003d59
```
#003d59 rgb(0,61,89)
```
#004b6d
```
#004b6d rgb(0,75,109)
```
#005881
```
#005881 rgb(0,88,129)
```
#006694
```
#006694 rgb(0,102,148)
```
#0073a8
```
#0073a8 rgb(0,115,168)
```
#0080bc
```
#0080bc rgb(0,128,188)
```
#008ecf
```
#008ecf rgb(0,142,207)
```
#009be3
```
#009be3 rgb(0,155,227)
```
#00a9f6
```
#00a9f6 rgb(0,169,246)
```

Shade Color Variation

#0bb2ff
```
#0bb2ff rgb(11,178,255)
```
#1fb8ff
```
#1fb8ff rgb(31,184,255)
```
#32beff
```
#32beff rgb(50,190,255)
```
#46c5ff
```
#46c5ff rgb(70,197,255)
```
#59cbff
```
#59cbff rgb(89,203,255)
```
#6dd1ff
```
#6dd1ff rgb(109,209,255)
```
#81d7ff
```
#81d7ff rgb(129,215,255)
```
#94ddff
```
#94ddff rgb(148,221,255)
```
#a8e4ff
```
#a8e4ff rgb(168,228,255)
```
#bceaff
```
#bceaff rgb(188,234,255)
```
#cff0ff
```
#cff0ff rgb(207,240,255)
```
#e3f6ff
```
#e3f6ff rgb(227,246,255)
```
#f6fcff
```
#f6fcff rgb(246,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c888e is the less saturated color, while #0bb2ff is the most saturated one.

#7c888e
```
#7c888e rgb(124,136,142)
```
#728c98
```
#728c98 rgb(114,140,152)
```
#698fa1
```
#698fa1 rgb(105,143,161)
```
#5f93ab
```
#5f93ab rgb(95,147,171)
```
#5696b4
```
#5696b4 rgb(86,150,180)
```
#4d9abd
```
#4d9abd rgb(77,154,189)
```
#439dc7
```
#439dc7 rgb(67,157,199)
```
#3aa1d0
```
#3aa1d0 rgb(58,161,208)
```
#31a4d9
```
#31a4d9 rgb(49,164,217)
```
#27a8e3
```
#27a8e3 rgb(39,168,227)
```
#1eabec
```
#1eabec rgb(30,171,236)
```
#14aff6
```
#14aff6 rgb(20,175,246)
```
#0bb2ff
```
#0bb2ff rgb(11,178,255)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#7091a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#91a9f5 Protanopia 1% of men
#7dacff Deuteranopia 1% of men
#00bdc9 Tritanopia 0.001% of the population

Trichromacy

#60acf9 Protanomaly 1% of men, 0.01% of women
#54aeff Deuteranomaly 6% of men, 0.4% of women
#04b9dd Tritanomaly 0.01% of the population