colorhexa.com

#0bacfd hex color

In a RGB color space, hex #0bacfd is composed of 4.3% red, 67.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 95.7% cyan, 32% magenta, 0% yellow and 0.8% black. It has a hue angle of 200.1 degrees, a saturation of 98.4% and a lightness of 51.8%. #0bacfd color hex could be obtained by blending #16ffff with #0059fb. Closest websafe color is: #0099ff.

- R 4
- G 67
- B 99
RGB color chart
- C 96
- M 32
- Y 0
- K 1
CMYK color chart

● #0bacfd color description : Vivid blue.

The hexadecimal color #0bacfd has RGB values of R:11, G:172, B:253 and CMYK values of C:0.96, M:0.32, Y:0, K:0.01. Its decimal value is 765181.

Hex triplet	0bacfd	`#0bacfd`
RGB Decimal	11, 172, 253	`rgb(11,172,253)`
RGB Percent	4.3, 67.5, 99.2	`rgb(4.3%,67.5%,99.2%)`
CMYK	96, 32, 0, 1
HSL	200.1°, 98.4, 51.8	`hsl(200.1,98.4%,51.8%)`
HSV (or HSB)	200.1°, 95.7, 99.2
Web Safe	0099ff	`#0099ff`

CIE-LAB	67.025, -7.813, -50.139
XYZ	32.616, 36.665, 98.281
xyY	0.195, 0.219, 36.665
CIE-LCH	67.025, 50.745, 261.143
CIE-LUV	67.025, -42.828, -80.386
Hunter-Lab	60.552, -9.817, -53.847
Binary	00001011, 10101100, 11111101

#0bacfd
```
#0bacfd rgb(11,172,253)
```
#fd5c0b
```
#fd5c0b rgb(253,92,11)
```

Complementary Color

#0bfdd5
```
#0bfdd5 rgb(11,253,213)
```
#0bacfd
```
#0bacfd rgb(11,172,253)
```
#0b33fd
```
#0b33fd rgb(11,51,253)
```

Analogous Color

#fdd50b
```
#fdd50b rgb(253,213,11)
```
#0bacfd
```
#0bacfd rgb(11,172,253)
```
#fd0b33
```
#fd0b33 rgb(253,11,51)
```

Split Complementary Color

#acfd0b
```
#acfd0b rgb(172,253,11)
```
#0bacfd
```
#0bacfd rgb(11,172,253)
```
#fd0bac
```
#fd0bac rgb(253,11,172)
```

Triadic Color

#0bfd5c
```
#0bfd5c rgb(11,253,92)
```
#0bacfd
```
#0bacfd rgb(11,172,253)
```
#fd0bac
```
#fd0bac rgb(253,11,172)
```
#fd5c0b
```
#fd5c0b rgb(253,92,11)
```

Tetradic Color

#027cba
```
#027cba rgb(2,124,186)
```
#028dd3
```
#028dd3 rgb(2,141,211)
```
#029eed
```
#029eed rgb(2,158,237)
```
#0bacfd
```
#0bacfd rgb(11,172,253)
```
#24b5fd
```
#24b5fd rgb(36,181,253)
```
#3ebdfd
```
#3ebdfd rgb(62,189,253)
```
#57c6fe
```
#57c6fe rgb(87,198,254)
```

Monochromatic Color

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

#0be9fd
```
#0be9fd rgb(11,233,253)
```
#0bd4fd
```
#0bd4fd rgb(11,212,253)
```
#0bc0fd
```
#0bc0fd rgb(11,192,253)
```
#0bacfd
```
#0bacfd rgb(11,172,253)
```
#0b98fd
```
#0b98fd rgb(11,152,253)
```
#0b84fd
```
#0b84fd rgb(11,132,253)
```
#0b70fd
```
#0b70fd rgb(11,112,253)
```

Similar Colors

Text with hexadecimal color #0bacfd

This text has a font color of #0bacfd.

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

#0bacfd background color

This paragraph has a background color of #0bacfd.

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

#0bacfd border color

This element has a border color of #0bacfd.

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

CSS codes

.text {color:#0bacfd;}

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

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

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

#000609
```
#000609 rgb(0,6,9)
```
#00131c
```
#00131c rgb(0,19,28)
```
#002030
```
#002030 rgb(0,32,48)
```
#012d43
```
#012d43 rgb(1,45,67)
```
#013a57
```
#013a57 rgb(1,58,87)
```
#01476a
```
#01476a rgb(1,71,106)
```
#01547e
```
#01547e rgb(1,84,126)
```
#016191
```
#016191 rgb(1,97,145)
```
#016ea5
```
#016ea5 rgb(1,110,165)
```
#027bb8
```
#027bb8 rgb(2,123,184)
```
#0288cb
```
#0288cb rgb(2,136,203)
```
#0295df
```
#0295df rgb(2,149,223)
```
#02a2f2
```
#02a2f2 rgb(2,162,242)
```

Shade Color Variation

#0bacfd
```
#0bacfd rgb(11,172,253)
```
#1eb3fd
```
#1eb3fd rgb(30,179,253)
```
#32b9fd
```
#32b9fd rgb(50,185,253)
```
#45c0fd
```
#45c0fd rgb(69,192,253)
```
#59c6fe
```
#59c6fe rgb(89,198,254)
```
#6ccdfe
```
#6ccdfe rgb(108,205,254)
```
#80d4fe
```
#80d4fe rgb(128,212,254)
```
#93dafe
```
#93dafe rgb(147,218,254)
```
#a7e1fe
```
#a7e1fe rgb(167,225,254)
```
#bae8fe
```
#bae8fe rgb(186,232,254)
```
#ceeeff
```
#ceeeff rgb(206,238,255)
```
#e1f5ff
```
#e1f5ff rgb(225,245,255)
```
#f4fbff
```
#f4fbff rgb(244,251,255)
```

Tint Color Variation

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

#7d868b
```
#7d868b rgb(125,134,139)
```
#738a95
```
#738a95 rgb(115,138,149)
```
#6a8d9e
```
#6a8d9e rgb(106,141,158)
```
#6090a8
```
#6090a8 rgb(96,144,168)
```
#5793b1
```
#5793b1 rgb(87,147,177)
```
#4d96bb
```
#4d96bb rgb(77,150,187)
```
#4499c4
```
#4499c4 rgb(68,153,196)
```
#3a9cce
```
#3a9cce rgb(58,156,206)
```
#319fd7
```
#319fd7 rgb(49,159,215)
```
#27a3e1
```
#27a3e1 rgb(39,163,225)
```
#1ea6ea
```
#1ea6ea rgb(30,166,234)
```
#14a9f4
```
#14a9f4 rgb(20,169,244)
```
#0bacfd
```
#0bacfd rgb(11,172,253)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#6d8d9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#89a5f4 Protanopia 1% of men
#71a8ff Deuteranopia 1% of men
#00b8c4 Tritanopia 0.001% of the population

Trichromacy

#5ba7f7 Protanomaly 1% of men, 0.01% of women
#4ca9fe Deuteranomaly 6% of men, 0.4% of women
#04b3d8 Tritanomaly 0.01% of the population