#0bcdf8 hex color

In a RGB color space, hex #0bcdf8 is composed of 4.3% red, 80.4% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 95.6% cyan, 17.3% magenta, 0% yellow and 2.7% black. It has a hue angle of 190.9 degrees, a saturation of 94.4% and a lightness of 50.8%. #0bcdf8 color hex could be obtained by blending #16ffff with #009bf1. Closest websafe color is: #00ccff.

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

● #0bcdf8 color description : Vivid cyan.

The hexadecimal color #0bcdf8 has RGB values of R:11, G:205, B:248 and CMYK values of C:0.96, M:0.17, Y:0, K:0.03. Its decimal value is 773624.

Hex triplet	0bcdf8	`#0bcdf8`
RGB Decimal	11, 205, 248	`rgb(11,205,248)`
RGB Percent	4.3, 80.4, 97.3	`rgb(4.3%,80.4%,97.3%)`
CMYK	96, 17, 0, 3
HSL	190.9°, 94.4, 50.8	`hsl(190.9,94.4%,50.8%)`
HSV (or HSB)	190.9°, 95.6, 97.3
Web Safe	00ccff	`#00ccff`

CIE-LAB	76.38, -26.935, -32.836
XYZ	38.908, 50.507, 96.5
xyY	0.209, 0.272, 50.507
CIE-LCH	76.38, 42.47, 230.639
CIE-LUV	76.38, -54.149, -49.423
Hunter-Lab	71.068, -26.646, -30.759
Binary	00001011, 11001101, 11111000

#0bcdf8
```
#0bcdf8 rgb(11,205,248)
```
#f8360b
```
#f8360b rgb(248,54,11)
```

Complementary Color

#0bf8ad
```
#0bf8ad rgb(11,248,173)
```
#0bcdf8
```
#0bcdf8 rgb(11,205,248)
```
#0b56f8
```
#0b56f8 rgb(11,86,248)
```

Analogous Color

#f8ad0b
```
#f8ad0b rgb(248,173,11)
```
#0bcdf8
```
#0bcdf8 rgb(11,205,248)
```
#f80b57
```
#f80b57 rgb(248,11,87)
```

Split Complementary Color

#cdf80b
```
#cdf80b rgb(205,248,11)
```
#0bcdf8
```
#0bcdf8 rgb(11,205,248)
```
#f80bcd
```
#f80bcd rgb(248,11,205)
```

Triadic Color

#0bf836
```
#0bf836 rgb(11,248,54)
```
#0bcdf8
```
#0bcdf8 rgb(11,205,248)
```
#f80bcd
```
#f80bcd rgb(248,11,205)
```
#f8360b
```
#f8360b rgb(248,54,11)
```

Tetradic Color

#0592b1
```
#0592b1 rgb(5,146,177)
```
#06a7ca
```
#06a7ca rgb(6,167,202)
```
#07bbe3
```
#07bbe3 rgb(7,187,227)
```
#0bcdf8
```
#0bcdf8 rgb(11,205,248)
```
#24d2f9
```
#24d2f9 rgb(36,210,249)
```
#3dd7f9
```
#3dd7f9 rgb(61,215,249)
```
#55dcfa
```
#55dcfa rgb(85,220,250)
```

Monochromatic Color

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

#0bf8e8
```
#0bf8e8 rgb(11,248,232)
```
#0bf5f8
```
#0bf5f8 rgb(11,245,248)
```
#0be1f8
```
#0be1f8 rgb(11,225,248)
```
#0bcdf8
```
#0bcdf8 rgb(11,205,248)
```
#0bb9f8
```
#0bb9f8 rgb(11,185,248)
```
#0ba6f8
```
#0ba6f8 rgb(11,166,248)
```
#0b92f8
```
#0b92f8 rgb(11,146,248)
```

Similar Colors

Text with hexadecimal color #0bcdf8

This text has a font color of #0bcdf8.

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

#0bcdf8 background color

This paragraph has a background color of #0bcdf8.

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

#0bcdf8 border color

This element has a border color of #0bcdf8.

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

CSS codes

.text {color:#0bcdf8;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#011317
```
#011317 rgb(1,19,23)
```
#01232a
```
#01232a rgb(1,35,42)
```
#02323d
```
#02323d rgb(2,50,61)
```
#024250
```
#024250 rgb(2,66,80)
```
#035263
```
#035263 rgb(3,82,99)
```
#036176
```
#036176 rgb(3,97,118)
```
#047189
```
#047189 rgb(4,113,137)
```
#04819c
```
#04819c rgb(4,129,156)
```
#0591b0
```
#0591b0 rgb(5,145,176)
```
#06a0c3
```
#06a0c3 rgb(6,160,195)
```
#06b0d6
```
#06b0d6 rgb(6,176,214)
```
#07c0e9
```
#07c0e9 rgb(7,192,233)
```

Shade Color Variation

#0bcdf8
```
#0bcdf8 rgb(11,205,248)
```
#1ed1f9
```
#1ed1f9 rgb(30,209,249)
```
#31d5f9
```
#31d5f9 rgb(49,213,249)
```
#44d9fa
```
#44d9fa rgb(68,217,250)
```
#57ddfa
```
#57ddfa rgb(87,221,250)
```
#6ae1fb
```
#6ae1fb rgb(106,225,251)
```
#7de4fb
```
#7de4fb rgb(125,228,251)
```
#90e8fc
```
#90e8fc rgb(144,232,252)
```
#a4ecfc
```
#a4ecfc rgb(164,236,252)
```
#b7f0fd
```
#b7f0fd rgb(183,240,253)
```
#caf4fd
```
#caf4fd rgb(202,244,253)
```
#ddf8fe
```
#ddf8fe rgb(221,248,254)
```
#f0fcff
```
#f0fcff rgb(240,252,255)
```

Tint Color Variation

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

#7f8384
```
#7f8384 rgb(127,131,132)
```
#75898e
```
#75898e rgb(117,137,142)
```
#6c8f97
```
#6c8f97 rgb(108,143,151)
```
#6296a1
```
#6296a1 rgb(98,150,161)
```
#589cab
```
#589cab rgb(88,156,171)
```
#4fa2b4
```
#4fa2b4 rgb(79,162,180)
```
#45a8be
```
#45a8be rgb(69,168,190)
```
#3baec8
```
#3baec8 rgb(59,174,200)
```
#32b4d1
```
#32b4d1 rgb(50,180,209)
```
#28bbdb
```
#28bbdb rgb(40,187,219)
```
#1ec1e5
```
#1ec1e5 rgb(30,193,229)
```
#15c7ee
```
#15c7ee rgb(21,199,238)
```
#0bcdf8
```
#0bcdf8 rgb(11,205,248)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#7ca3ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3beec Protanopia 1% of men
#aabdff Deuteranopia 1% of men
#00d2e1 Tritanopia 0.001% of the population

Trichromacy

#76c3f0 Protanomaly 1% of men, 0.01% of women
#70c3fc Deuteranomaly 6% of men, 0.4% of women
#04d0e9 Tritanomaly 0.01% of the population

#0bcdf8 hex color

#0bcdf8 Color Information

#0bcdf8 Color Conversion

Color Schemes with #0bcdf8

Alternatives to #0bcdf8

#0bcdf8 Preview

Shades and Tints of #0bcdf8

Tones of #0bcdf8

Color Blindness Simulator