#0bcaf7 hex color

In a RGB color space, hex #0bcaf7 is composed of 4.3% red, 79.2% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 95.5% cyan, 18.2% magenta, 0% yellow and 3.1% black. It has a hue angle of 191.4 degrees, a saturation of 93.7% and a lightness of 50.6%. #0bcaf7 color hex could be obtained by blending #16ffff with #0095ef. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 4
- G 79
- B 97
RGB color chart
- C 96
- M 18
- Y 0
- K 3
CMYK color chart

● #0bcaf7 color description : Vivid cyan.

The hexadecimal color #0bcaf7 has RGB values of R:11, G:202, B:247 and CMYK values of C:0.96, M:0.18, Y:0, K:0.03. Its decimal value is 772855.

Hex triplet	0bcaf7	`#0bcaf7`
RGB Decimal	11, 202, 247	`rgb(11,202,247)`
RGB Percent	4.3, 79.2, 96.9	`rgb(4.3%,79.2%,96.9%)`
CMYK	96, 18, 0, 3
HSL	191.4°, 93.7, 50.6	`hsl(191.4,93.7%,50.6%)`
HSV (or HSB)	191.4°, 95.5, 96.9
Web Safe	00ccff	`#00ccff`

CIE-LAB	75.466, -25.771, -33.71
XYZ	38.042, 49.024, 95.448
xyY	0.208, 0.269, 49.024
CIE-LCH	75.466, 42.433, 232.603
CIE-LUV	75.466, -53.221, -51.011
Hunter-Lab	70.017, -25.545, -31.813
Binary	00001011, 11001010, 11110111

#0bcaf7
```
#0bcaf7 rgb(11,202,247)
```
#f7380b
```
#f7380b rgb(247,56,11)
```

Complementary Color

#0bf7ae
```
#0bf7ae rgb(11,247,174)
```
#0bcaf7
```
#0bcaf7 rgb(11,202,247)
```
#0b54f7
```
#0b54f7 rgb(11,84,247)
```

Analogous Color

#f7ae0b
```
#f7ae0b rgb(247,174,11)
```
#0bcaf7
```
#0bcaf7 rgb(11,202,247)
```
#f70b54
```
#f70b54 rgb(247,11,84)
```

Split Complementary Color

#caf70b
```
#caf70b rgb(202,247,11)
```
#0bcaf7
```
#0bcaf7 rgb(11,202,247)
```
#f70bca
```
#f70bca rgb(247,11,202)
```

Triadic Color

#0bf738
```
#0bf738 rgb(11,247,56)
```
#0bcaf7
```
#0bcaf7 rgb(11,202,247)
```
#f70bca
```
#f70bca rgb(247,11,202)
```
#f7380b
```
#f7380b rgb(247,56,11)
```

Tetradic Color

#068fb0
```
#068fb0 rgb(6,143,176)
```
#07a3c8
```
#07a3c8 rgb(7,163,200)
```
#07b8e1
```
#07b8e1 rgb(7,184,225)
```
#0bcaf7
```
#0bcaf7 rgb(11,202,247)
```
#24cff8
```
#24cff8 rgb(36,207,248)
```
#3cd5f9
```
#3cd5f9 rgb(60,213,249)
```
#55daf9
```
#55daf9 rgb(85,218,249)
```

Monochromatic Color

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

#0bf7e9
```
#0bf7e9 rgb(11,247,233)
```
#0bf1f7
```
#0bf1f7 rgb(11,241,247)
```
#0bdef7
```
#0bdef7 rgb(11,222,247)
```
#0bcaf7
```
#0bcaf7 rgb(11,202,247)
```
#0bb6f7
```
#0bb6f7 rgb(11,182,247)
```
#0ba3f7
```
#0ba3f7 rgb(11,163,247)
```
#0b8ff7
```
#0b8ff7 rgb(11,143,247)
```

Similar Colors

Text with hexadecimal color #0bcaf7

This text has a font color of #0bcaf7.

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

#0bcaf7 background color

This paragraph has a background color of #0bcaf7.

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

#0bcaf7 border color

This element has a border color of #0bcaf7.

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

CSS codes

.text {color:#0bcaf7;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#011216
```
#011216 rgb(1,18,22)
```
#012129
```
#012129 rgb(1,33,41)
```
#02313c
```
#02313c rgb(2,49,60)
```
#03404f
```
#03404f rgb(3,64,79)
```
#035062
```
#035062 rgb(3,80,98)
```
#045f75
```
#045f75 rgb(4,95,117)
```
#046f88
```
#046f88 rgb(4,111,136)
```
#057e9b
```
#057e9b rgb(5,126,155)
```
#068eae
```
#068eae rgb(6,142,174)
```
#069dc1
```
#069dc1 rgb(6,157,193)
```
#07add4
```
#07add4 rgb(7,173,212)
```
#08bce7
```
#08bce7 rgb(8,188,231)
```

Shade Color Variation

#0bcaf7
```
#0bcaf7 rgb(11,202,247)
```
#1ecef8
```
#1ecef8 rgb(30,206,248)
```
#31d2f8
```
#31d2f8 rgb(49,210,248)
```
#44d6f9
```
#44d6f9 rgb(68,214,249)
```
#57dbf9
```
#57dbf9 rgb(87,219,249)
```
#6adffa
```
#6adffa rgb(106,223,250)
```
#7de3fb
```
#7de3fb rgb(125,227,251)
```
#90e7fb
```
#90e7fb rgb(144,231,251)
```
#a3ebfc
```
#a3ebfc rgb(163,235,252)
```
#b6effd
```
#b6effd rgb(182,239,253)
```
#c9f3fd
```
#c9f3fd rgb(201,243,253)
```
#dcf7fe
```
#dcf7fe rgb(220,247,254)
```
#effcfe
```
#effcfe rgb(239,252,254)
```

Tint Color Variation

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

#7f8283
```
#7f8283 rgb(127,130,131)
```
#76888c
```
#76888c rgb(118,136,140)
```
#6c8e96
```
#6c8e96 rgb(108,142,150)
```
#6294a0
```
#6294a0 rgb(98,148,160)
```
#599aa9
```
#599aa9 rgb(89,154,169)
```
#4fa0b3
```
#4fa0b3 rgb(79,160,179)
```
#45a6bd
```
#45a6bd rgb(69,166,189)
```
#3bacc7
```
#3bacc7 rgb(59,172,199)
```
#32b2d0
```
#32b2d0 rgb(50,178,208)
```
#28b8da
```
#28b8da rgb(40,184,218)
```
#1ebee4
```
#1ebee4 rgb(30,190,228)
```
#15c4ed
```
#15c4ed rgb(21,196,237)
```
#0bcaf7
```
#0bcaf7 rgb(11,202,247)
```

Tone Color Variation

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

Dichromacy

#b0bbec Protanopia 1% of men
#a6bbfe Deuteranopia 1% of men
#00cfde Tritanopia 0.001% of the population

Trichromacy

#74c0f0 Protanomaly 1% of men, 0.01% of women
#6ec0fb Deuteranomaly 6% of men, 0.4% of women
#04cde7 Tritanomaly 0.01% of the population

#0bcaf7 hex color

#0bcaf7 Color Information

#0bcaf7 Color Conversion

Color Schemes with #0bcaf7

Alternatives to #0bcaf7

#0bcaf7 Preview

Shades and Tints of #0bcaf7

Tones of #0bcaf7

Color Blindness Simulator