#0bcaf9 hex color

In a RGB color space, hex #0bcaf9 is composed of 4.3% red, 79.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 95.6% cyan, 18.9% magenta, 0% yellow and 2.4% black. It has a hue angle of 191.8 degrees, a saturation of 95.2% and a lightness of 51%. #0bcaf9 color hex could be obtained by blending #16ffff with #0095f3. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 4
- G 79
- B 98
RGB color chart
- C 96
- M 19
- Y 0
- K 2
CMYK color chart

● #0bcaf9 color description : Vivid cyan.

The hexadecimal color #0bcaf9 has RGB values of R:11, G:202, B:249 and CMYK values of C:0.96, M:0.19, Y:0, K:0.02. Its decimal value is 772857.

Hex triplet	0bcaf9	`#0bcaf9`
RGB Decimal	11, 202, 249	`rgb(11,202,249)`
RGB Percent	4.3, 79.2, 97.6	`rgb(4.3%,79.2%,97.6%)`
CMYK	96, 19, 0, 2
HSL	191.8°, 95.2, 51	`hsl(191.8,95.2%,51%)`
HSV (or HSB)	191.8°, 95.6, 97.6
Web Safe	00ccff	`#00ccff`

CIE-LAB	75.543, -25.104, -34.664
XYZ	38.353, 49.148, 97.082
xyY	0.208, 0.266, 49.148
CIE-LCH	75.543, 42.799, 234.087
CIE-LUV	75.543, -53.068, -52.746
Hunter-Lab	70.106, -25.032, -33.031
Binary	00001011, 11001010, 11111001

#0bcaf9
```
#0bcaf9 rgb(11,202,249)
```
#f93a0b
```
#f93a0b rgb(249,58,11)
```

Complementary Color

#0bf9b1
```
#0bf9b1 rgb(11,249,177)
```
#0bcaf9
```
#0bcaf9 rgb(11,202,249)
```
#0b53f9
```
#0b53f9 rgb(11,83,249)
```

Analogous Color

#f9b10b
```
#f9b10b rgb(249,177,11)
```
#0bcaf9
```
#0bcaf9 rgb(11,202,249)
```
#f90b53
```
#f90b53 rgb(249,11,83)
```

Split Complementary Color

#caf90b
```
#caf90b rgb(202,249,11)
```
#0bcaf9
```
#0bcaf9 rgb(11,202,249)
```
#f90bca
```
#f90bca rgb(249,11,202)
```

Triadic Color

#0bf93a
```
#0bf93a rgb(11,249,58)
```
#0bcaf9
```
#0bcaf9 rgb(11,202,249)
```
#f90bca
```
#f90bca rgb(249,11,202)
```
#f93a0b
```
#f93a0b rgb(249,58,11)
```

Tetradic Color

#0491b3
```
#0491b3 rgb(4,145,179)
```
#05a5cc
```
#05a5cc rgb(5,165,204)
```
#06b9e5
```
#06b9e5 rgb(6,185,229)
```
#0bcaf9
```
#0bcaf9 rgb(11,202,249)
```
#24cffa
```
#24cffa rgb(36,207,250)
```
#3dd5fa
```
#3dd5fa rgb(61,213,250)
```
#56dafb
```
#56dafb rgb(86,218,251)
```

Monochromatic Color

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

#0bf9ed
```
#0bf9ed rgb(11,249,237)
```
#0bf2f9
```
#0bf2f9 rgb(11,242,249)
```
#0bdef9
```
#0bdef9 rgb(11,222,249)
```
#0bcaf9
```
#0bcaf9 rgb(11,202,249)
```
#0bb6f9
```
#0bb6f9 rgb(11,182,249)
```
#0ba2f9
```
#0ba2f9 rgb(11,162,249)
```
#0b8ff9
```
#0b8ff9 rgb(11,143,249)
```

Similar Colors

Text with hexadecimal color #0bcaf9

This text has a font color of #0bcaf9.

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

#0bcaf9 background color

This paragraph has a background color of #0bcaf9.

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

#0bcaf9 border color

This element has a border color of #0bcaf9.

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

CSS codes

.text {color:#0bcaf9;}

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

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

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

#000405
```
#000405 rgb(0,4,5)
```
#011318
```
#011318 rgb(1,19,24)
```
#01232b
```
#01232b rgb(1,35,43)
```
#02323e
```
#02323e rgb(2,50,62)
```
#024251
```
#024251 rgb(2,66,81)
```
#025165
```
#025165 rgb(2,81,101)
```
#036178
```
#036178 rgb(3,97,120)
```
#03708b
```
#03708b rgb(3,112,139)
```
#04809e
```
#04809e rgb(4,128,158)
```
#048fb1
```
#048fb1 rgb(4,143,177)
```
#059fc4
```
#059fc4 rgb(5,159,196)
```
#05aed7
```
#05aed7 rgb(5,174,215)
```
#06bdeb
```
#06bdeb rgb(6,189,235)
```

Shade Color Variation

#0bcaf9
```
#0bcaf9 rgb(11,202,249)
```
#1ecef9
```
#1ecef9 rgb(30,206,249)
```
#31d2fa
```
#31d2fa rgb(49,210,250)
```
#44d6fa
```
#44d6fa rgb(68,214,250)
```
#58dbfb
```
#58dbfb rgb(88,219,251)
```
#6bdffb
```
#6bdffb rgb(107,223,251)
```
#7ee3fc
```
#7ee3fc rgb(126,227,252)
```
#91e7fc
```
#91e7fc rgb(145,231,252)
```
#a4ebfd
```
#a4ebfd rgb(164,235,253)
```
#b7effd
```
#b7effd rgb(183,239,253)
```
#caf4fe
```
#caf4fe rgb(202,244,254)
```
#def8fe
```
#def8fe rgb(222,248,254)
```
#f1fcff
```
#f1fcff rgb(241,252,255)
```

Tint Color Variation

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

#7e8486
```
#7e8486 rgb(126,132,134)
```
#758a8f
```
#758a8f rgb(117,138,143)
```
#6b9099
```
#6b9099 rgb(107,144,153)
```
#6296a2
```
#6296a2 rgb(98,150,162)
```
#589bac
```
#589bac rgb(88,155,172)
```
#4ea1b6
```
#4ea1b6 rgb(78,161,182)
```
#45a7bf
```
#45a7bf rgb(69,167,191)
```
#3badc9
```
#3badc9 rgb(59,173,201)
```
#31b3d3
```
#31b3d3 rgb(49,179,211)
```
#28b9dc
```
#28b9dc rgb(40,185,220)
```
#1ebee6
```
#1ebee6 rgb(30,190,230)
```
#15c4ef
```
#15c4ef rgb(21,196,239)
```
#0bcaf9
```
#0bcaf9 rgb(11,202,249)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#7aa0aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#afbbed Protanopia 1% of men
#a6bbff Deuteranopia 1% of men
#00d0de Tritanopia 0.001% of the population

Trichromacy

#73c0f1 Protanomaly 1% of men, 0.01% of women
#6dc0fc Deuteranomaly 6% of men, 0.4% of women
#04cde8 Tritanomaly 0.01% of the population

#0bcaf9 hex color

#0bcaf9 Color Information

#0bcaf9 Color Conversion

Color Schemes with #0bcaf9

Alternatives to #0bcaf9

#0bcaf9 Preview

Shades and Tints of #0bcaf9

Tones of #0bcaf9

Color Blindness Simulator