#0bafdf hex color

In a RGB color space, hex #0bafdf is composed of 4.3% red, 68.6% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 95.1% cyan, 21.5% magenta, 0% yellow and 12.5% black. It has a hue angle of 193.6 degrees, a saturation of 90.6% and a lightness of 45.9%. #0bafdf color hex could be obtained by blending #16ffff with #005fbf. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 4
- G 69
- B 87
RGB color chart
- C 95
- M 22
- Y 0
- K 13
CMYK color chart

● #0bafdf color description : Vivid cyan.

The hexadecimal color #0bafdf has RGB values of R:11, G:175, B:223 and CMYK values of C:0.95, M:0.22, Y:0, K:0.13. Its decimal value is 765919.

Hex triplet	0bafdf	`#0bafdf`
RGB Decimal	11, 175, 223	`rgb(11,175,223)`
RGB Percent	4.3, 68.6, 87.5	`rgb(4.3%,68.6%,87.5%)`
CMYK	95, 22, 0, 13
HSL	193.6°, 90.6, 45.9	`hsl(193.6,90.6%,45.9%)`
HSV (or HSB)	193.6°, 95.1, 87.5
Web Safe	0099cc	`#0099cc`

CIE-LAB	66.563, -20.105, -34.477
XYZ	28.784, 36.056, 75.25
xyY	0.205, 0.257, 36.056
CIE-LCH	66.563, 39.911, 239.751
CIE-LUV	66.563, -45.935, -52.22
Hunter-Lab	60.047, -19.516, -32.27
Binary	00001011, 10101111, 11011111

#0bafdf
```
#0bafdf rgb(11,175,223)
```
#df3b0b
```
#df3b0b rgb(223,59,11)
```

Complementary Color

#0bdfa5
```
#0bdfa5 rgb(11,223,165)
```
#0bafdf
```
#0bafdf rgb(11,175,223)
```
#0b45df
```
#0b45df rgb(11,69,223)
```

Analogous Color

#dfa50b
```
#dfa50b rgb(223,165,11)
```
#0bafdf
```
#0bafdf rgb(11,175,223)
```
#df0b45
```
#df0b45 rgb(223,11,69)
```

Split Complementary Color

#afdf0b
```
#afdf0b rgb(175,223,11)
```
#0bafdf
```
#0bafdf rgb(11,175,223)
```
#df0baf
```
#df0baf rgb(223,11,175)
```

Triadic Color

#0bdf3b
```
#0bdf3b rgb(11,223,59)
```
#0bafdf
```
#0bafdf rgb(11,175,223)
```
#df0baf
```
#df0baf rgb(223,11,175)
```
#df3b0b
```
#df3b0b rgb(223,59,11)
```

Tetradic Color

#077696
```
#077696 rgb(7,118,150)
```
#0989ae
```
#0989ae rgb(9,137,174)
```
#0a9cc7
```
#0a9cc7 rgb(10,156,199)
```
#0bafdf
```
#0bafdf rgb(11,175,223)
```
#10c0f3
```
#10c0f3 rgb(16,192,243)
```
#29c6f4
```
#29c6f4 rgb(41,198,244)
```
#41cdf6
```
#41cdf6 rgb(65,205,246)
```

Monochromatic Color

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

#0bdfda
```
#0bdfda rgb(11,223,218)
```
#0bd2df
```
#0bd2df rgb(11,210,223)
```
#0bc1df
```
#0bc1df rgb(11,193,223)
```
#0bafdf
```
#0bafdf rgb(11,175,223)
```
#0b9ddf
```
#0b9ddf rgb(11,157,223)
```
#0b8cdf
```
#0b8cdf rgb(11,140,223)
```
#0b7adf
```
#0b7adf rgb(11,122,223)
```

Similar Colors

Text with hexadecimal color #0bafdf

This text has a font color of #0bafdf.

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

#0bafdf background color

This paragraph has a background color of #0bafdf.

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

#0bafdf border color

This element has a border color of #0bafdf.

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

CSS codes

.text {color:#0bafdf;}

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

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

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

#010e11
```
#010e11 rgb(1,14,17)
```
#021c24
```
#021c24 rgb(2,28,36)
```
#032b37
```
#032b37 rgb(3,43,55)
```
#043a49
```
#043a49 rgb(4,58,73)
```
#05485c
```
#05485c rgb(5,72,92)
```
#05576f
```
#05576f rgb(5,87,111)
```
#066682
```
#066682 rgb(6,102,130)
```
#077494
```
#077494 rgb(7,116,148)
```
#0883a7
```
#0883a7 rgb(8,131,167)
```
#0992ba
```
#0992ba rgb(9,146,186)
```
#0aa0cc
```
#0aa0cc rgb(10,160,204)
```
#0bafdf
```
#0bafdf rgb(11,175,223)
```
#0cbef2
```
#0cbef2 rgb(12,190,242)
```

Shade Color Variation

#1dc3f4
```
#1dc3f4 rgb(29,195,244)
```
#30c8f5
```
#30c8f5 rgb(48,200,245)
```
#43cdf6
```
#43cdf6 rgb(67,205,246)
```
#55d2f7
```
#55d2f7 rgb(85,210,247)
```
#68d7f8
```
#68d7f8 rgb(104,215,248)
```
#7bdcf8
```
#7bdcf8 rgb(123,220,248)
```
#8ee1f9
```
#8ee1f9 rgb(142,225,249)
```
#a0e6fa
```
#a0e6fa rgb(160,230,250)
```
#b3ebfb
```
#b3ebfb rgb(179,235,251)
```
#c6f0fc
```
#c6f0fc rgb(198,240,252)
```
#d8f5fd
```
#d8f5fd rgb(216,245,253)
```
#ebfafe
```
#ebfafe rgb(235,250,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#6e797c
```
#6e797c rgb(110,121,124)
```
#657e85
```
#657e85 rgb(101,126,133)
```
#5c838e
```
#5c838e rgb(92,131,142)
```
#538897
```
#538897 rgb(83,136,151)
```
#4a8da0
```
#4a8da0 rgb(74,141,160)
```
#4191a9
```
#4191a9 rgb(65,145,169)
```
#3896b2
```
#3896b2 rgb(56,150,178)
```
#2f9bbb
```
#2f9bbb rgb(47,155,187)
```
#26a0c4
```
#26a0c4 rgb(38,160,196)
```
#1da5cd
```
#1da5cd rgb(29,165,205)
```
#14aad6
```
#14aad6 rgb(20,170,214)
```
#0bafdf
```
#0bafdf rgb(11,175,223)
```
#02b4e8
```
#02b4e8 rgb(2,180,232)
```

Tone Color Variation

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

Dichromacy

#98a4d6 Protanopia 1% of men
#8ca5e6 Deuteranopia 1% of men
#00b6c3 Tritanopia 0.001% of the population

Trichromacy

#64a8d9 Protanomaly 1% of men, 0.01% of women
#5da8e3 Deuteranomaly 6% of men, 0.4% of women
#04b4cd Tritanomaly 0.01% of the population

#0bafdf hex color

#0bafdf Color Information

#0bafdf Color Conversion

Color Schemes with #0bafdf

Alternatives to #0bafdf

#0bafdf Preview

Shades and Tints of #0bafdf

Tones of #0bafdf

Color Blindness Simulator