#0bd4ff hex color

In a RGB color space, hex #0bd4ff is composed of 4.3% red, 83.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 95.7% cyan, 16.9% magenta, 0% yellow and 0% black. It has a hue angle of 190.6 degrees, a saturation of 100% and a lightness of 52.2%. #0bd4ff color hex could be obtained by blending #16ffff with #00a9ff. Closest websafe color is: #00ccff.

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

● #0bd4ff color description : Vivid cyan.

The hexadecimal color #0bd4ff has RGB values of R:11, G:212, B:255 and CMYK values of C:0.96, M:0.17, Y:0, K:0. Its decimal value is 775423.

Hex triplet	0bd4ff	`#0bd4ff`
RGB Decimal	11, 212, 255	`rgb(11,212,255)`
RGB Percent	4.3, 83.1, 100	`rgb(4.3%,83.1%,100%)`
CMYK	96, 17, 0, 0
HSL	190.6°, 100, 52.2	`hsl(190.6,100%,52.2%)`
HSV (or HSB)	190.6°, 95.7, 100
Web Safe	00ccff	`#00ccff`

CIE-LAB	78.679, -28.091, -33.026
XYZ	41.727, 54.374, 102.898
xyY	0.21, 0.273, 54.374
CIE-LCH	78.679, 43.357, 229.617
CIE-LUV	78.679, -55.948, -49.762
Hunter-Lab	73.739, -28.035, -31.119
Binary	00001011, 11010100, 11111111

#0bd4ff
```
#0bd4ff rgb(11,212,255)
```
#ff360b
```
#ff360b rgb(255,54,11)
```

Complementary Color

#0bffb0
```
#0bffb0 rgb(11,255,176)
```
#0bd4ff
```
#0bd4ff rgb(11,212,255)
```
#0b5aff
```
#0b5aff rgb(11,90,255)
```

Analogous Color

#ffb00b
```
#ffb00b rgb(255,176,11)
```
#0bd4ff
```
#0bd4ff rgb(11,212,255)
```
#ff0b5a
```
#ff0b5a rgb(255,11,90)
```

Split Complementary Color

#d4ff0b
```
#d4ff0b rgb(212,255,11)
```
#0bd4ff
```
#0bd4ff rgb(11,212,255)
```
#ff0bd4
```
#ff0bd4 rgb(255,11,212)
```

Triadic Color

#0bff36
```
#0bff36 rgb(11,255,54)
```
#0bd4ff
```
#0bd4ff rgb(11,212,255)
```
#ff0bd4
```
#ff0bd4 rgb(255,11,212)
```
#ff360b
```
#ff360b rgb(255,54,11)
```

Tetradic Color

#009cbe
```
#009cbe rgb(0,156,190)
```
#00b1d7
```
#00b1d7 rgb(0,177,215)
```
#00c6f1
```
#00c6f1 rgb(0,198,241)
```
#0bd4ff
```
#0bd4ff rgb(11,212,255)
```
#25d8ff
```
#25d8ff rgb(37,216,255)
```
#3eddff
```
#3eddff rgb(62,221,255)
```
#58e1ff
```
#58e1ff rgb(88,225,255)
```

Monochromatic Color

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

#0bffed
```
#0bffed rgb(11,255,237)
```
#0bfdff
```
#0bfdff rgb(11,253,255)
```
#0be8ff
```
#0be8ff rgb(11,232,255)
```
#0bd4ff
```
#0bd4ff rgb(11,212,255)
```
#0bc0ff
```
#0bc0ff rgb(11,192,255)
```
#0babff
```
#0babff rgb(11,171,255)
```
#0b97ff
```
#0b97ff rgb(11,151,255)
```

Similar Colors

Text with hexadecimal color #0bd4ff

This text has a font color of #0bd4ff.

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

#0bd4ff background color

This paragraph has a background color of #0bd4ff.

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

#0bd4ff border color

This element has a border color of #0bd4ff.

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

CSS codes

.text {color:#0bd4ff;}

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

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

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, #00090b is the darkest color, while #f6fdff is the lightest one.

#00090b
```
#00090b rgb(0,9,11)
```
#00191f
```
#00191f rgb(0,25,31)
```
#002932
```
#002932 rgb(0,41,50)
```
#003a46
```
#003a46 rgb(0,58,70)
```
#004a59
```
#004a59 rgb(0,74,89)
```
#005a6d
```
#005a6d rgb(0,90,109)
```
#006a81
```
#006a81 rgb(0,106,129)
```
#007a94
```
#007a94 rgb(0,122,148)
```
#008aa8
```
#008aa8 rgb(0,138,168)
```
#009abc
```
#009abc rgb(0,154,188)
```
#00abcf
```
#00abcf rgb(0,171,207)
```
#00bbe3
```
#00bbe3 rgb(0,187,227)
```
#00cbf6
```
#00cbf6 rgb(0,203,246)
```

Shade Color Variation

#0bd4ff
```
#0bd4ff rgb(11,212,255)
```
#1fd7ff
```
#1fd7ff rgb(31,215,255)
```
#32dbff
```
#32dbff rgb(50,219,255)
```
#46deff
```
#46deff rgb(70,222,255)
```
#59e2ff
```
#59e2ff rgb(89,226,255)
```
#6de5ff
```
#6de5ff rgb(109,229,255)
```
#81e9ff
```
#81e9ff rgb(129,233,255)
```
#94ecff
```
#94ecff rgb(148,236,255)
```
#a8f0ff
```
#a8f0ff rgb(168,240,255)
```
#bcf3ff
```
#bcf3ff rgb(188,243,255)
```
#cff7ff
```
#cff7ff rgb(207,247,255)
```
#e3faff
```
#e3faff rgb(227,250,255)
```
#f6fdff
```
#f6fdff rgb(246,253,255)
```

Tint Color Variation

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

#7c8b8e
```
#7c8b8e rgb(124,139,142)
```
#729198
```
#729198 rgb(114,145,152)
```
#6997a1
```
#6997a1 rgb(105,151,161)
```
#5f9dab
```
#5f9dab rgb(95,157,171)
```
#56a3b4
```
#56a3b4 rgb(86,163,180)
```
#4da9bd
```
#4da9bd rgb(77,169,189)
```
#43b0c7
```
#43b0c7 rgb(67,176,199)
```
#3ab6d0
```
#3ab6d0 rgb(58,182,208)
```
#31bcd9
```
#31bcd9 rgb(49,188,217)
```
#27c2e3
```
#27c2e3 rgb(39,194,227)
```
#1ec8ec
```
#1ec8ec rgb(30,200,236)
```
#14cef6
```
#14cef6 rgb(20,206,246)
```
#0bd4ff
```
#0bd4ff rgb(11,212,255)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#80a8b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9c3f3 Protanopia 1% of men
#b3c3ff Deuteranopia 1% of men
#00d9e8 Tritanopia 0.001% of the population

Trichromacy

#7ac9f7 Protanomaly 1% of men, 0.01% of women
#76c9ff Deuteranomaly 6% of men, 0.4% of women
#04d7f0 Tritanomaly 0.01% of the population

#0bd4ff hex color

#0bd4ff Color Information

#0bd4ff Color Conversion

Color Schemes with #0bd4ff

Alternatives to #0bd4ff

#0bd4ff Preview

Shades and Tints of #0bd4ff

Tones of #0bd4ff

Color Blindness Simulator