#0bdcf7 hex color

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

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

● #0bdcf7 color description : Vivid cyan.

The hexadecimal color #0bdcf7 has RGB values of R:11, G:220, B:247 and CMYK values of C:0.96, M:0.11, Y:0, K:0.03. Its decimal value is 777463.

Hex triplet	0bdcf7	`#0bdcf7`
RGB Decimal	11, 220, 247	`rgb(11,220,247)`
RGB Percent	4.3, 86.3, 96.9	`rgb(4.3%,86.3%,96.9%)`
CMYK	96, 11, 0, 3
HSL	186.9°, 93.7, 50.6	`hsl(186.9,93.7%,50.6%)`
HSV (or HSB)	186.9°, 95.5, 96.9
Web Safe	00ccff	`#00ccff`

CIE-LAB	80.721, -34.514, -25.641
XYZ	42.515, 57.969, 96.939
xyY	0.215, 0.294, 57.969
CIE-LCH	80.721, 42.997, 216.609
CIE-LUV	80.721, -59.249, -36.314
Hunter-Lab	76.137, -33.566, -22.193
Binary	00001011, 11011100, 11110111

#0bdcf7
```
#0bdcf7 rgb(11,220,247)
```
#f7260b
```
#f7260b rgb(247,38,11)
```

Complementary Color

#0bf79c
```
#0bf79c rgb(11,247,156)
```
#0bdcf7
```
#0bdcf7 rgb(11,220,247)
```
#0b66f7
```
#0b66f7 rgb(11,102,247)
```

Analogous Color

#f79c0b
```
#f79c0b rgb(247,156,11)
```
#0bdcf7
```
#0bdcf7 rgb(11,220,247)
```
#f70b66
```
#f70b66 rgb(247,11,102)
```

Split Complementary Color

#dcf70b
```
#dcf70b rgb(220,247,11)
```
#0bdcf7
```
#0bdcf7 rgb(11,220,247)
```
#f70bdc
```
#f70bdc rgb(247,11,220)
```

Triadic Color

#0bf726
```
#0bf726 rgb(11,247,38)
```
#0bdcf7
```
#0bdcf7 rgb(11,220,247)
```
#f70bdc
```
#f70bdc rgb(247,11,220)
```
#f7260b
```
#f7260b rgb(247,38,11)
```

Tetradic Color

#069cb0
```
#069cb0 rgb(6,156,176)
```
#07b2c8
```
#07b2c8 rgb(7,178,200)
```
#07c8e1
```
#07c8e1 rgb(7,200,225)
```
#0bdcf7
```
#0bdcf7 rgb(11,220,247)
```
#24e0f8
```
#24e0f8 rgb(36,224,248)
```
#3ce3f9
```
#3ce3f9 rgb(60,227,249)
```
#55e7f9
```
#55e7f9 rgb(85,231,249)
```

Monochromatic Color

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

#0bf7d7
```
#0bf7d7 rgb(11,247,215)
```
#0bf7eb
```
#0bf7eb rgb(11,247,235)
```
#0bf0f7
```
#0bf0f7 rgb(11,240,247)
```
#0bdcf7
```
#0bdcf7 rgb(11,220,247)
```
#0bc8f7
```
#0bc8f7 rgb(11,200,247)
```
#0bb5f7
```
#0bb5f7 rgb(11,181,247)
```
#0ba1f7
```
#0ba1f7 rgb(11,161,247)
```

Similar Colors

Text with hexadecimal color #0bdcf7

This text has a font color of #0bdcf7.

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

#0bdcf7 background color

This paragraph has a background color of #0bdcf7.

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

#0bdcf7 border color

This element has a border color of #0bdcf7.

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

CSS codes

.text {color:#0bdcf7;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#011316
```
#011316 rgb(1,19,22)
```
#012429
```
#012429 rgb(1,36,41)
```
#02353c
```
#02353c rgb(2,53,60)
```
#03464f
```
#03464f rgb(3,70,79)
```
#035762
```
#035762 rgb(3,87,98)
```
#046875
```
#046875 rgb(4,104,117)
```
#047988
```
#047988 rgb(4,121,136)
```
#058a9b
```
#058a9b rgb(5,138,155)
```
#069bae
```
#069bae rgb(6,155,174)
```
#06abc1
```
#06abc1 rgb(6,171,193)
```
#07bcd4
```
#07bcd4 rgb(7,188,212)
```
#08cde7
```
#08cde7 rgb(8,205,231)
```

Shade Color Variation

#0bdcf7
```
#0bdcf7 rgb(11,220,247)
```
#1edff8
```
#1edff8 rgb(30,223,248)
```
#31e1f8
```
#31e1f8 rgb(49,225,248)
```
#44e4f9
```
#44e4f9 rgb(68,228,249)
```
#57e7f9
```
#57e7f9 rgb(87,231,249)
```
#6aeafa
```
#6aeafa rgb(106,234,250)
```
#7decfb
```
#7decfb rgb(125,236,251)
```
#90effb
```
#90effb rgb(144,239,251)
```
#a3f2fc
```
#a3f2fc rgb(163,242,252)
```
#b6f5fd
```
#b6f5fd rgb(182,245,253)
```
#c9f7fd
```
#c9f7fd rgb(201,247,253)
```
#dcfafe
```
#dcfafe rgb(220,250,254)
```
#effdfe
```
#effdfe rgb(239,253,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 #0bdcf7 is the most saturated one.

#7f8283
```
#7f8283 rgb(127,130,131)
```
#768a8c
```
#768a8c rgb(118,138,140)
```
#6c9196
```
#6c9196 rgb(108,145,150)
```
#6299a0
```
#6299a0 rgb(98,153,160)
```
#59a0a9
```
#59a0a9 rgb(89,160,169)
```
#4fa8b3
```
#4fa8b3 rgb(79,168,179)
```
#45afbd
```
#45afbd rgb(69,175,189)
```
#3bb7c7
```
#3bb7c7 rgb(59,183,199)
```
#32bed0
```
#32bed0 rgb(50,190,208)
```
#28c6da
```
#28c6da rgb(40,198,218)
```
#1ecde4
```
#1ecde4 rgb(30,205,228)
```
#15d5ed
```
#15d5ed rgb(21,213,237)
```
#0bdcf7
```
#0bdcf7 rgb(11,220,247)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#83adb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4c9ea Protanopia 1% of men
#c0c7ff Deuteranopia 1% of men
#00deef Tritanopia 0.001% of the population

Trichromacy

#80d0ef Protanomaly 1% of men, 0.01% of women
#7ecffc Deuteranomaly 6% of men, 0.4% of women
#04ddf1 Tritanomaly 0.01% of the population

#0bdcf7 hex color

#0bdcf7 Color Information

#0bdcf7 Color Conversion

Color Schemes with #0bdcf7

Alternatives to #0bdcf7

#0bdcf7 Preview

Shades and Tints of #0bdcf7

Tones of #0bdcf7

Color Blindness Simulator