#0bc4df hex color

In a RGB color space, hex #0bc4df is composed of 4.3% red, 76.9% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 95.1% cyan, 12.1% magenta, 0% yellow and 12.5% black. It has a hue angle of 187.6 degrees, a saturation of 90.6% and a lightness of 45.9%. #0bc4df color hex could be obtained by blending #16ffff with #0089bf. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 4
- G 77
- B 87
RGB color chart
- C 95
- M 12
- Y 0
- K 13
CMYK color chart

● #0bc4df color description : Vivid cyan.

The hexadecimal color #0bc4df has RGB values of R:11, G:196, B:223 and CMYK values of C:0.95, M:0.12, Y:0, K:0.13. Its decimal value is 771295.

Hex triplet	0bc4df	`#0bc4df`
RGB Decimal	11, 196, 223	`rgb(11,196,223)`
RGB Percent	4.3, 76.9, 87.5	`rgb(4.3%,76.9%,87.5%)`
CMYK	95, 12, 0, 13
HSL	187.6°, 90.6, 45.9	`hsl(187.6,90.6%,45.9%)`
HSV (or HSB)	187.6°, 95.1, 87.5
Web Safe	00cccc	`#00cccc`

CIE-LAB	72.81, -30.694, -24.85
XYZ	33.193, 44.875, 76.72
xyY	0.214, 0.29, 44.875
CIE-LCH	72.81, 39.492, 218.994
CIE-LUV	72.81, -53.063, -35.084
Hunter-Lab	66.989, -28.783, -21.01
Binary	00001011, 11000100, 11011111

#0bc4df
```
#0bc4df rgb(11,196,223)
```
#df260b
```
#df260b rgb(223,38,11)
```

Complementary Color

#0bdf90
```
#0bdf90 rgb(11,223,144)
```
#0bc4df
```
#0bc4df rgb(11,196,223)
```
#0b5adf
```
#0b5adf rgb(11,90,223)
```

Analogous Color

#df900b
```
#df900b rgb(223,144,11)
```
#0bc4df
```
#0bc4df rgb(11,196,223)
```
#df0b5a
```
#df0b5a rgb(223,11,90)
```

Split Complementary Color

#c4df0b
```
#c4df0b rgb(196,223,11)
```
#0bc4df
```
#0bc4df rgb(11,196,223)
```
#df0bc4
```
#df0bc4 rgb(223,11,196)
```

Triadic Color

#0bdf26
```
#0bdf26 rgb(11,223,38)
```
#0bc4df
```
#0bc4df rgb(11,196,223)
```
#df0bc4
```
#df0bc4 rgb(223,11,196)
```
#df260b
```
#df260b rgb(223,38,11)
```

Tetradic Color

#078496
```
#078496 rgb(7,132,150)
```
#0999ae
```
#0999ae rgb(9,153,174)
```
#0aafc7
```
#0aafc7 rgb(10,175,199)
```
#0bc4df
```
#0bc4df rgb(11,196,223)
```
#10d6f3
```
#10d6f3 rgb(16,214,243)
```
#29daf4
```
#29daf4 rgb(41,218,244)
```
#41dff6
```
#41dff6 rgb(65,223,246)
```

Monochromatic Color

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

#0bdfc5
```
#0bdfc5 rgb(11,223,197)
```
#0bdfd7
```
#0bdfd7 rgb(11,223,215)
```
#0bd6df
```
#0bd6df rgb(11,214,223)
```
#0bc4df
```
#0bc4df rgb(11,196,223)
```
#0bb2df
```
#0bb2df rgb(11,178,223)
```
#0ba1df
```
#0ba1df rgb(11,161,223)
```
#0b8fdf
```
#0b8fdf rgb(11,143,223)
```

Similar Colors

Text with hexadecimal color #0bc4df

This text has a font color of #0bc4df.

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

#0bc4df background color

This paragraph has a background color of #0bc4df.

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

#0bc4df border color

This element has a border color of #0bc4df.

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

CSS codes

.text {color:#0bc4df;}

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

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

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, #010f11 is the darkest color, while #feffff is the lightest one.

#010f11
```
#010f11 rgb(1,15,17)
```
#022024
```
#022024 rgb(2,32,36)
```
#033037
```
#033037 rgb(3,48,55)
```
#044149
```
#044149 rgb(4,65,73)
```
#05515c
```
#05515c rgb(5,81,92)
```
#05616f
```
#05616f rgb(5,97,111)
```
#067282
```
#067282 rgb(6,114,130)
```
#078294
```
#078294 rgb(7,130,148)
```
#0893a7
```
#0893a7 rgb(8,147,167)
```
#09a3ba
```
#09a3ba rgb(9,163,186)
```
#0ab4cc
```
#0ab4cc rgb(10,180,204)
```
#0bc4df
```
#0bc4df rgb(11,196,223)
```
#0cd4f2
```
#0cd4f2 rgb(12,212,242)
```

Shade Color Variation

#1dd9f4
```
#1dd9f4 rgb(29,217,244)
```
#30dcf5
```
#30dcf5 rgb(48,220,245)
```
#43dff6
```
#43dff6 rgb(67,223,246)
```
#55e2f7
```
#55e2f7 rgb(85,226,247)
```
#68e5f8
```
#68e5f8 rgb(104,229,248)
```
#7be8f8
```
#7be8f8 rgb(123,232,248)
```
#8eecf9
```
#8eecf9 rgb(142,236,249)
```
#a0effa
```
#a0effa rgb(160,239,250)
```
#b3f2fb
```
#b3f2fb rgb(179,242,251)
```
#c6f5fc
```
#c6f5fc rgb(198,245,252)
```
#d8f8fd
```
#d8f8fd rgb(216,248,253)
```
#ebfcfe
```
#ebfcfe rgb(235,252,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e7a7c is the less saturated color, while #02cbe8 is the most saturated one.

#6e7a7c
```
#6e7a7c rgb(110,122,124)
```
#658185
```
#658185 rgb(101,129,133)
```
#5c888e
```
#5c888e rgb(92,136,142)
```
#538e97
```
#538e97 rgb(83,142,151)
```
#4a95a0
```
#4a95a0 rgb(74,149,160)
```
#419ca9
```
#419ca9 rgb(65,156,169)
```
#38a2b2
```
#38a2b2 rgb(56,162,178)
```
#2fa9bb
```
#2fa9bb rgb(47,169,187)
```
#26b0c4
```
#26b0c4 rgb(38,176,196)
```
#1db7cd
```
#1db7cd rgb(29,183,205)
```
#14bdd6
```
#14bdd6 rgb(20,189,214)
```
#0bc4df
```
#0bc4df rgb(11,196,223)
```
#02cbe8
```
#02cbe8 rgb(2,203,232)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#759aa0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afb5d5 Protanopia 1% of men
#abb3e8 Deuteranopia 1% of men
#00c8d6 Tritanopia 0.001% of the population

Trichromacy

#73bad8 Protanomaly 1% of men, 0.01% of women
#71b9e4 Deuteranomaly 6% of men, 0.4% of women
#04c6d9 Tritanomaly 0.01% of the population

#0bc4df hex color

#0bc4df Color Information

#0bc4df Color Conversion

Color Schemes with #0bc4df

Alternatives to #0bc4df

#0bc4df Preview

Shades and Tints of #0bc4df

Tones of #0bc4df

Color Blindness Simulator