#0bd4fa hex color

In a RGB color space, hex #0bd4fa is composed of 4.3% red, 83.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 95.6% cyan, 15.2% magenta, 0% yellow and 2% black. It has a hue angle of 189.5 degrees, a saturation of 96% and a lightness of 51.2%. #0bd4fa color hex could be obtained by blending #16ffff with #00a9f5. Closest websafe color is: #00ccff.

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

● #0bd4fa color description : Vivid cyan.

The hexadecimal color #0bd4fa has RGB values of R:11, G:212, B:250 and CMYK values of C:0.96, M:0.15, Y:0, K:0.02. Its decimal value is 775418.

Hex triplet	0bd4fa	`#0bd4fa`
RGB Decimal	11, 212, 250	`rgb(11,212,250)`
RGB Percent	4.3, 83.1, 98	`rgb(4.3%,83.1%,98%)`
CMYK	96, 15, 0, 2
HSL	189.5°, 96, 51.2	`hsl(189.5,96%,51.2%)`
HSV (or HSB)	189.5°, 95.6, 98
Web Safe	00ccff	`#00ccff`

CIE-LAB	78.494, -29.721, -30.648
XYZ	40.932, 54.056, 98.714
xyY	0.211, 0.279, 54.056
CIE-LCH	78.494, 42.692, 225.879
CIE-LUV	78.494, -56.337, -45.429
Hunter-Lab	73.523, -29.29, -28.138
Binary	00001011, 11010100, 11111010

#0bd4fa
```
#0bd4fa rgb(11,212,250)
```
#fa310b
```
#fa310b rgb(250,49,11)
```

Complementary Color

#0bfaa9
```
#0bfaa9 rgb(11,250,169)
```
#0bd4fa
```
#0bd4fa rgb(11,212,250)
```
#0b5dfa
```
#0b5dfa rgb(11,93,250)
```

Analogous Color

#faa90b
```
#faa90b rgb(250,169,11)
```
#0bd4fa
```
#0bd4fa rgb(11,212,250)
```
#fa0b5d
```
#fa0b5d rgb(250,11,93)
```

Split Complementary Color

#d4fa0b
```
#d4fa0b rgb(212,250,11)
```
#0bd4fa
```
#0bd4fa rgb(11,212,250)
```
#fa0bd4
```
#fa0bd4 rgb(250,11,212)
```

Triadic Color

#0bfa31
```
#0bfa31 rgb(11,250,49)
```
#0bd4fa
```
#0bd4fa rgb(11,212,250)
```
#fa0bd4
```
#fa0bd4 rgb(250,11,212)
```
#fa310b
```
#fa310b rgb(250,49,11)
```

Tetradic Color

#0499b5
```
#0499b5 rgb(4,153,181)
```
#04aece
```
#04aece rgb(4,174,206)
```
#05c3e7
```
#05c3e7 rgb(5,195,231)
```
#0bd4fa
```
#0bd4fa rgb(11,212,250)
```
#24d8fb
```
#24d8fb rgb(36,216,251)
```
#3dddfb
```
#3dddfb rgb(61,221,251)
```
#56e1fc
```
#56e1fc rgb(86,225,252)
```

Monochromatic Color

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

#0bfae4
```
#0bfae4 rgb(11,250,228)
```
#0bfaf8
```
#0bfaf8 rgb(11,250,248)
```
#0be8fa
```
#0be8fa rgb(11,232,250)
```
#0bd4fa
```
#0bd4fa rgb(11,212,250)
```
#0bc0fa
```
#0bc0fa rgb(11,192,250)
```
#0bacfa
```
#0bacfa rgb(11,172,250)
```
#0b98fa
```
#0b98fa rgb(11,152,250)
```

Similar Colors

Text with hexadecimal color #0bd4fa

This text has a font color of #0bd4fa.

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

#0bd4fa background color

This paragraph has a background color of #0bd4fa.

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

#0bd4fa border color

This element has a border color of #0bd4fa.

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

CSS codes

.text {color:#0bd4fa;}

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

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

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

#000506
```
#000506 rgb(0,5,6)
```
#011519
```
#011519 rgb(1,21,25)
```
#01252c
```
#01252c rgb(1,37,44)
```
#013640
```
#013640 rgb(1,54,64)
```
#024653
```
#024653 rgb(2,70,83)
```
#025666
```
#025666 rgb(2,86,102)
```
#026679
```
#026679 rgb(2,102,121)
```
#03778c
```
#03778c rgb(3,119,140)
```
#0387a0
```
#0387a0 rgb(3,135,160)
```
#0497b3
```
#0497b3 rgb(4,151,179)
```
#04a7c6
```
#04a7c6 rgb(4,167,198)
```
#04b7d9
```
#04b7d9 rgb(4,183,217)
```
#05c8ed
```
#05c8ed rgb(5,200,237)
```

Shade Color Variation

#0bd4fa
```
#0bd4fa rgb(11,212,250)
```
#1ed7fa
```
#1ed7fa rgb(30,215,250)
```
#31dbfb
```
#31dbfb rgb(49,219,251)
```
#45defb
```
#45defb rgb(69,222,251)
```
#58e2fc
```
#58e2fc rgb(88,226,252)
```
#6be5fc
```
#6be5fc rgb(107,229,252)
```
#7ee8fc
```
#7ee8fc rgb(126,232,252)
```
#92ecfd
```
#92ecfd rgb(146,236,253)
```
#a5effd
```
#a5effd rgb(165,239,253)
```
#b8f2fe
```
#b8f2fe rgb(184,242,254)
```
#cbf6fe
```
#cbf6fe rgb(203,246,254)
```
#def9fe
```
#def9fe rgb(222,249,254)
```
#f2fdff
```
#f2fdff rgb(242,253,255)
```

Tint Color Variation

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

#7e8687
```
#7e8687 rgb(126,134,135)
```
#748c91
```
#748c91 rgb(116,140,145)
```
#6b939a
```
#6b939a rgb(107,147,154)
```
#6199a4
```
#6199a4 rgb(97,153,164)
```
#58a0ad
```
#58a0ad rgb(88,160,173)
```
#4ea6b7
```
#4ea6b7 rgb(78,166,183)
```
#44adc1
```
#44adc1 rgb(68,173,193)
```
#3bb3ca
```
#3bb3ca rgb(59,179,202)
```
#31bad4
```
#31bad4 rgb(49,186,212)
```
#28c0dd
```
#28c0dd rgb(40,192,221)
```
#1ec7e7
```
#1ec7e7 rgb(30,199,231)
```
#15cdf0
```
#15cdf0 rgb(21,205,240)
```
#0bd4fa
```
#0bd4fa rgb(11,212,250)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#7fa7af Atypical Achromatopsia 0.001% of the population

Dichromacy

#bac3ee Protanopia 1% of men
#b4c2ff Deuteranopia 1% of men
#00d8e7 Tritanopia 0.001% of the population

Trichromacy

#7ac9f2 Protanomaly 1% of men, 0.01% of women
#77c9fd Deuteranomaly 6% of men, 0.4% of women
#04d6ee Tritanomaly 0.01% of the population

#0bd4fa hex color

#0bd4fa Color Information

#0bd4fa Color Conversion

Color Schemes with #0bd4fa

Alternatives to #0bd4fa

#0bd4fa Preview

Shades and Tints of #0bd4fa

Tones of #0bd4fa

Color Blindness Simulator