#0cb4fa hex color

In a RGB color space, hex #0cb4fa is composed of 4.7% red, 70.6% green and 98% blue. Whereas in a CMYK color space, it is composed of 95.2% cyan, 28% magenta, 0% yellow and 2% black. It has a hue angle of 197.6 degrees, a saturation of 96% and a lightness of 51.4%. #0cb4fa color hex could be obtained by blending #18ffff with #0069f5. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 5
- G 71
- B 98
RGB color chart
- C 95
- M 28
- Y 0
- K 2
CMYK color chart

● #0cb4fa color description : Vivid blue.

The hexadecimal color #0cb4fa has RGB values of R:12, G:180, B:250 and CMYK values of C:0.95, M:0.28, Y:0, K:0.02. Its decimal value is 832762.

Hex triplet	0cb4fa	`#0cb4fa`
RGB Decimal	12, 180, 250	`rgb(12,180,250)`
RGB Percent	4.7, 70.6, 98	`rgb(4.7%,70.6%,98%)`
CMYK	95, 28, 0, 2
HSL	197.6°, 96, 51.4	`hsl(197.6,96%,51.4%)`
HSV (or HSB)	197.6°, 95.2, 98
Web Safe	00ccff	`#00ccff`

CIE-LAB	69.198, -13.259, -45.09
XYZ	33.724, 39.62, 96.307
xyY	0.199, 0.234, 39.62
CIE-LCH	69.198, 46.999, 253.614
CIE-LUV	69.198, -45.631, -71.48
Hunter-Lab	62.944, -14.516, -46.655
Binary	00001100, 10110100, 11111010

#0cb4fa
```
#0cb4fa rgb(12,180,250)
```
#fa520c
```
#fa520c rgb(250,82,12)
```

Complementary Color

#0cfac9
```
#0cfac9 rgb(12,250,201)
```
#0cb4fa
```
#0cb4fa rgb(12,180,250)
```
#0c3dfa
```
#0c3dfa rgb(12,61,250)
```

Analogous Color

#fac90c
```
#fac90c rgb(250,201,12)
```
#0cb4fa
```
#0cb4fa rgb(12,180,250)
```
#fa0c3d
```
#fa0c3d rgb(250,12,61)
```

Split Complementary Color

#b4fa0c
```
#b4fa0c rgb(180,250,12)
```
#0cb4fa
```
#0cb4fa rgb(12,180,250)
```
#fa0cb4
```
#fa0cb4 rgb(250,12,180)
```

Triadic Color

#0cfa52
```
#0cfa52 rgb(12,250,82)
```
#0cb4fa
```
#0cb4fa rgb(12,180,250)
```
#fa0cb4
```
#fa0cb4 rgb(250,12,180)
```
#fa520c
```
#fa520c rgb(250,82,12)
```

Tetradic Color

#0481b6
```
#0481b6 rgb(4,129,182)
```
#0493cf
```
#0493cf rgb(4,147,207)
```
#05a5e8
```
#05a5e8 rgb(5,165,232)
```
#0cb4fa
```
#0cb4fa rgb(12,180,250)
```
#25bcfb
```
#25bcfb rgb(37,188,251)
```
#3ec3fb
```
#3ec3fb rgb(62,195,251)
```
#57cbfc
```
#57cbfc rgb(87,203,252)
```

Monochromatic Color

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

#0cf0fa
```
#0cf0fa rgb(12,240,250)
```
#0cdcfa
```
#0cdcfa rgb(12,220,250)
```
#0cc8fa
```
#0cc8fa rgb(12,200,250)
```
#0cb4fa
```
#0cb4fa rgb(12,180,250)
```
#0ca0fa
```
#0ca0fa rgb(12,160,250)
```
#0c8cfa
```
#0c8cfa rgb(12,140,250)
```
#0c79fa
```
#0c79fa rgb(12,121,250)
```

Similar Colors

Text with hexadecimal color #0cb4fa

This text has a font color of #0cb4fa.

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

#0cb4fa background color

This paragraph has a background color of #0cb4fa.

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

#0cb4fa border color

This element has a border color of #0cb4fa.

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

CSS codes

.text {color:#0cb4fa;}

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

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

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

#000507
```
#000507 rgb(0,5,7)
```
#01131a
```
#01131a rgb(1,19,26)
```
#01202d
```
#01202d rgb(1,32,45)
```
#012e41
```
#012e41 rgb(1,46,65)
```
#023c54
```
#023c54 rgb(2,60,84)
```
#024967
```
#024967 rgb(2,73,103)
```
#03577a
```
#03577a rgb(3,87,122)
```
#03658d
```
#03658d rgb(3,101,141)
```
#0372a1
```
#0372a1 rgb(3,114,161)
```
#0480b4
```
#0480b4 rgb(4,128,180)
```
#048ec7
```
#048ec7 rgb(4,142,199)
```
#049bda
```
#049bda rgb(4,155,218)
```
#05a9ed
```
#05a9ed rgb(5,169,237)
```

Shade Color Variation

#0cb4fa
```
#0cb4fa rgb(12,180,250)
```
#1fbafa
```
#1fbafa rgb(31,186,250)
```
#32c0fb
```
#32c0fb rgb(50,192,251)
```
#46c6fb
```
#46c6fb rgb(70,198,251)
```
#59ccfc
```
#59ccfc rgb(89,204,252)
```
#6cd2fc
```
#6cd2fc rgb(108,210,252)
```
#7fd8fc
```
#7fd8fc rgb(127,216,252)
```
#93defd
```
#93defd rgb(147,222,253)
```
#a6e3fd
```
#a6e3fd rgb(166,227,253)
```
#b9e9fe
```
#b9e9fe rgb(185,233,254)
```
#cceffe
```
#cceffe rgb(204,239,254)
```
#dff5fe
```
#dff5fe rgb(223,245,254)
```
#f3fbff
```
#f3fbff rgb(243,251,255)
```

Tint Color Variation

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

#7e8588
```
#7e8588 rgb(126,133,136)
```
#758991
```
#758991 rgb(117,137,145)
```
#6b8d9b
```
#6b8d9b rgb(107,141,155)
```
#6291a4
```
#6291a4 rgb(98,145,164)
```
#5895ae
```
#5895ae rgb(88,149,174)
```
#4f99b7
```
#4f99b7 rgb(79,153,183)
```
#459cc1
```
#459cc1 rgb(69,156,193)
```
#3ca0ca
```
#3ca0ca rgb(60,160,202)
```
#32a4d4
```
#32a4d4 rgb(50,164,212)
```
#29a8dd
```
#29a8dd rgb(41,168,221)
```
#1face7
```
#1face7 rgb(31,172,231)
```
#16b0f0
```
#16b0f0 rgb(22,176,240)
```
#0cb4fa
```
#0cb4fa rgb(12,180,250)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#7192a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95abf0 Protanopia 1% of men
#81adfe Deuteranopia 1% of men
#00beca Tritanopia 0.001% of the population

Trichromacy

#63aef4 Protanomaly 1% of men, 0.01% of women
#57affd Deuteranomaly 6% of men, 0.4% of women
#04badc Tritanomaly 0.01% of the population

#0cb4fa hex color

#0cb4fa Color Information

#0cb4fa Color Conversion

Color Schemes with #0cb4fa

Alternatives to #0cb4fa

#0cb4fa Preview

Shades and Tints of #0cb4fa

Tones of #0cb4fa

Color Blindness Simulator