#0bb3f5 hex color

In a RGB color space, hex #0bb3f5 is composed of 4.3% red, 70.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 95.5% cyan, 26.9% magenta, 0% yellow and 3.9% black. It has a hue angle of 196.9 degrees, a saturation of 92.1% and a lightness of 50.2%. #0bb3f5 color hex could be obtained by blending #16ffff with #0067eb. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 4
- G 70
- B 96
RGB color chart
- C 96
- M 27
- Y 0
- K 4
CMYK color chart

● #0bb3f5 color description : Vivid blue.

The hexadecimal color #0bb3f5 has RGB values of R:11, G:179, B:245 and CMYK values of C:0.96, M:0.27, Y:0, K:0.04. Its decimal value is 766965.

Hex triplet	0bb3f5	`#0bb3f5`
RGB Decimal	11, 179, 245	`rgb(11,179,245)`
RGB Percent	4.3, 70.2, 96.1	`rgb(4.3%,70.2%,96.1%)`
CMYK	96, 27, 0, 4
HSL	196.9°, 92.1, 50.2	`hsl(196.9,92.1%,50.2%)`
HSV (or HSB)	196.9°, 95.5, 96.1
Web Safe	00ccff	`#00ccff`

CIE-LAB	68.679, -14.517, -43.191
XYZ	32.735, 38.901, 92.164
xyY	0.2, 0.237, 38.901
CIE-LCH	68.679, 45.566, 251.421
CIE-LUV	68.679, -45.683, -68.003
Hunter-Lab	62.37, -15.462, -43.953
Binary	00001011, 10110011, 11110101

#0bb3f5
```
#0bb3f5 rgb(11,179,245)
```
#f54d0b
```
#f54d0b rgb(245,77,11)
```

Complementary Color

#0bf5c2
```
#0bf5c2 rgb(11,245,194)
```
#0bb3f5
```
#0bb3f5 rgb(11,179,245)
```
#0b3ef5
```
#0b3ef5 rgb(11,62,245)
```

Analogous Color

#f5c20b
```
#f5c20b rgb(245,194,11)
```
#0bb3f5
```
#0bb3f5 rgb(11,179,245)
```
#f50b3e
```
#f50b3e rgb(245,11,62)
```

Split Complementary Color

#b3f50b
```
#b3f50b rgb(179,245,11)
```
#0bb3f5
```
#0bb3f5 rgb(11,179,245)
```
#f50bb3
```
#f50bb3 rgb(245,11,179)
```

Triadic Color

#0bf54d
```
#0bf54d rgb(11,245,77)
```
#0bb3f5
```
#0bb3f5 rgb(11,179,245)
```
#f50bb3
```
#f50bb3 rgb(245,11,179)
```
#f54d0b
```
#f54d0b rgb(245,77,11)
```

Tetradic Color

#077eac
```
#077eac rgb(7,126,172)
```
#0890c5
```
#0890c5 rgb(8,144,197)
```
#09a2dd
```
#09a2dd rgb(9,162,221)
```
#0bb3f5
```
#0bb3f5 rgb(11,179,245)
```
#23bbf6
```
#23bbf6 rgb(35,187,246)
```
#3cc2f7
```
#3cc2f7 rgb(60,194,247)
```
#54caf8
```
#54caf8 rgb(84,202,248)
```

Monochromatic Color

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

#0beef5
```
#0beef5 rgb(11,238,245)
```
#0bdaf5
```
#0bdaf5 rgb(11,218,245)
```
#0bc7f5
```
#0bc7f5 rgb(11,199,245)
```
#0bb3f5
```
#0bb3f5 rgb(11,179,245)
```
#0ba0f5
```
#0ba0f5 rgb(11,160,245)
```
#0b8cf5
```
#0b8cf5 rgb(11,140,245)
```
#0b79f5
```
#0b79f5 rgb(11,121,245)
```

Similar Colors

Text with hexadecimal color #0bb3f5

This text has a font color of #0bb3f5.

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

#0bb3f5 background color

This paragraph has a background color of #0bb3f5.

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

#0bb3f5 border color

This element has a border color of #0bb3f5.

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

CSS codes

.text {color:#0bb3f5;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#010e14
```
#010e14 rgb(1,14,20)
```
#021c27
```
#021c27 rgb(2,28,39)
```
#022a39
```
#022a39 rgb(2,42,57)
```
#03384c
```
#03384c rgb(3,56,76)
```
#04455f
```
#04455f rgb(4,69,95)
```
#055372
```
#055372 rgb(5,83,114)
```
#056185
```
#056185 rgb(5,97,133)
```
#066f98
```
#066f98 rgb(6,111,152)
```
#077cab
```
#077cab rgb(7,124,171)
```
#088abd
```
#088abd rgb(8,138,189)
```
#0998d0
```
#0998d0 rgb(9,152,208)
```
#09a6e3
```
#09a6e3 rgb(9,166,227)
```

Shade Color Variation

#0bb3f5
```
#0bb3f5 rgb(11,179,245)
```
#1eb9f6
```
#1eb9f6 rgb(30,185,246)
```
#31bff7
```
#31bff7 rgb(49,191,247)
```
#44c5f7
```
#44c5f7 rgb(68,197,247)
```
#56caf8
```
#56caf8 rgb(86,202,248)
```
#69d0f9
```
#69d0f9 rgb(105,208,249)
```
#7cd6fa
```
#7cd6fa rgb(124,214,250)
```
#8fdcfa
```
#8fdcfa rgb(143,220,250)
```
#a2e2fb
```
#a2e2fb rgb(162,226,251)
```
#b5e8fc
```
#b5e8fc rgb(181,232,252)
```
#c7eefd
```
#c7eefd rgb(199,238,253)
```
#daf4fd
```
#daf4fd rgb(218,244,253)
```
#edf9fe
```
#edf9fe rgb(237,249,254)
```

Tint Color Variation

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

#76848a
```
#76848a rgb(118,132,138)
```
#6d8893
```
#6d8893 rgb(109,136,147)
```
#638d9d
```
#638d9d rgb(99,141,157)
```
#5991a7
```
#5991a7 rgb(89,145,167)
```
#4f95b1
```
#4f95b1 rgb(79,149,177)
```
#4699ba
```
#4699ba rgb(70,153,186)
```
#3c9ec4
```
#3c9ec4 rgb(60,158,196)
```
#32a2ce
```
#32a2ce rgb(50,162,206)
```
#28a6d8
```
#28a6d8 rgb(40,166,216)
```
#1faae1
```
#1faae1 rgb(31,170,225)
```
#15afeb
```
#15afeb rgb(21,175,235)
```
#0bb3f5
```
#0bb3f5 rgb(11,179,245)
```
#01b7ff
```
#01b7ff rgb(1,183,255)
```

Tone Color Variation

Below, you can see how #0bb3f5 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
#6f919e Atypical Achromatopsia 0.001% of the population

Dichromacy

#95a9ec Protanopia 1% of men
#84abfa Deuteranopia 1% of men
#00bcc9 Tritanopia 0.001% of the population

Trichromacy

#63adef Protanomaly 1% of men, 0.01% of women
#58aef8 Deuteranomaly 6% of men, 0.4% of women
#04b9d9 Tritanomaly 0.01% of the population

#0bb3f5 hex color

#0bb3f5 Color Information

#0bb3f5 Color Conversion

Color Schemes with #0bb3f5

Alternatives to #0bb3f5

#0bb3f5 Preview

Shades and Tints of #0bb3f5

Tones of #0bb3f5

Color Blindness Simulator