colorhexa.com

#0cb8f8 hex color

In a RGB color space, hex #0cb8f8 is composed of 4.7% red, 72.2% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 95.2% cyan, 25.8% magenta, 0% yellow and 2.7% black. It has a hue angle of 196.3 degrees, a saturation of 94.4% and a lightness of 51%. #0cb8f8 color hex could be obtained by blending #18ffff with #0071f1. Closest websafe color is: #00ccff.

- R 5
- G 72
- B 97
RGB color chart
- C 95
- M 26
- Y 0
- K 3
CMYK color chart

● #0cb8f8 color description : Vivid blue.

The hexadecimal color #0cb8f8 has RGB values of R:12, G:184, B:248 and CMYK values of C:0.95, M:0.26, Y:0, K:0.03. Its decimal value is 833784.

Hex triplet	0cb8f8	`#0cb8f8`
RGB Decimal	12, 184, 248	`rgb(12,184,248)`
RGB Percent	4.7, 72.2, 97.3	`rgb(4.7%,72.2%,97.3%)`
CMYK	95, 26, 0, 3
HSL	196.3°, 94.4, 51	`hsl(196.3,94.4%,51%)`
HSV (or HSB)	196.3°, 95.2, 97.3
Web Safe	00ccff	`#00ccff`

CIE-LAB	70.269, -16.111, -42.328
XYZ	34.231, 41.133, 94.937
xyY	0.201, 0.242, 41.133
CIE-LCH	70.269, 45.291, 249.162
CIE-LUV	70.269, -47.1, -66.541
Hunter-Lab	64.135, -16.965, -42.87
Binary	00001100, 10111000, 11111000

#0cb8f8
```
#0cb8f8 rgb(12,184,248)
```
#f84c0c
```
#f84c0c rgb(248,76,12)
```

Complementary Color

#0cf8c2
```
#0cf8c2 rgb(12,248,194)
```
#0cb8f8
```
#0cb8f8 rgb(12,184,248)
```
#0c42f8
```
#0c42f8 rgb(12,66,248)
```

Analogous Color

#f8c20c
```
#f8c20c rgb(248,194,12)
```
#0cb8f8
```
#0cb8f8 rgb(12,184,248)
```
#f80c42
```
#f80c42 rgb(248,12,66)
```

Split Complementary Color

#b8f80c
```
#b8f80c rgb(184,248,12)
```
#0cb8f8
```
#0cb8f8 rgb(12,184,248)
```
#f80cb8
```
#f80cb8 rgb(248,12,184)
```

Triadic Color

#0cf84c
```
#0cf84c rgb(12,248,76)
```
#0cb8f8
```
#0cb8f8 rgb(12,184,248)
```
#f80cb8
```
#f80cb8 rgb(248,12,184)
```
#f84c0c
```
#f84c0c rgb(248,76,12)
```

Tetradic Color

#0583b2
```
#0583b2 rgb(5,131,178)
```
#0696cb
```
#0696cb rgb(6,150,203)
```
#07a8e4
```
#07a8e4 rgb(7,168,228)
```
#0cb8f8
```
#0cb8f8 rgb(12,184,248)
```
#25bff9
```
#25bff9 rgb(37,191,249)
```
#3ec6f9
```
#3ec6f9 rgb(62,198,249)
```
#56cefa
```
#56cefa rgb(86,206,250)
```

Monochromatic Color

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

#0cf3f8
```
#0cf3f8 rgb(12,243,248)
```
#0cdff8
```
#0cdff8 rgb(12,223,248)
```
#0cccf8
```
#0cccf8 rgb(12,204,248)
```
#0cb8f8
```
#0cb8f8 rgb(12,184,248)
```
#0ca4f8
```
#0ca4f8 rgb(12,164,248)
```
#0c91f8
```
#0c91f8 rgb(12,145,248)
```
#0c7df8
```
#0c7df8 rgb(12,125,248)
```

Similar Colors

Text with hexadecimal color #0cb8f8

This text has a font color of #0cb8f8.

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

#0cb8f8 background color

This paragraph has a background color of #0cb8f8.

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

#0cb8f8 border color

This element has a border color of #0cb8f8.

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

CSS codes

.text {color:#0cb8f8;}

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

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

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

#000405
```
#000405 rgb(0,4,5)
```
#011218
```
#011218 rgb(1,18,24)
```
#01202b
```
#01202b rgb(1,32,43)
```
#022e3e
```
#022e3e rgb(2,46,62)
```
#023c51
```
#023c51 rgb(2,60,81)
```
#034a64
```
#034a64 rgb(3,74,100)
```
#035877
```
#035877 rgb(3,88,119)
```
#04668a
```
#04668a rgb(4,102,138)
```
#05749d
```
#05749d rgb(5,116,157)
```
#0582b0
```
#0582b0 rgb(5,130,176)
```
#0690c4
```
#0690c4 rgb(6,144,196)
```
#069ed7
```
#069ed7 rgb(6,158,215)
```
#07acea
```
#07acea rgb(7,172,234)
```

Shade Color Variation

#0cb8f8
```
#0cb8f8 rgb(12,184,248)
```
#1fbef9
```
#1fbef9 rgb(31,190,249)
```
#32c3f9
```
#32c3f9 rgb(50,195,249)
```
#45c9fa
```
#45c9fa rgb(69,201,250)
```
#58cefa
```
#58cefa rgb(88,206,250)
```
#6bd4fb
```
#6bd4fb rgb(107,212,251)
```
#7ed9fb
```
#7ed9fb rgb(126,217,251)
```
#91dffc
```
#91dffc rgb(145,223,252)
```
#a5e5fc
```
#a5e5fc rgb(165,229,252)
```
#b8eafd
```
#b8eafd rgb(184,234,253)
```
#cbf0fd
```
#cbf0fd rgb(203,240,253)
```
#def5fe
```
#def5fe rgb(222,245,254)
```
#f1fbff
```
#f1fbff rgb(241,251,255)
```

Tint Color Variation

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

#7f8385
```
#7f8385 rgb(127,131,133)
```
#76888e
```
#76888e rgb(118,136,142)
```
#6c8c98
```
#6c8c98 rgb(108,140,152)
```
#6390a1
```
#6390a1 rgb(99,144,161)
```
#5995ab
```
#5995ab rgb(89,149,171)
```
#4f99b5
```
#4f99b5 rgb(79,153,181)
```
#469ebe
```
#469ebe rgb(70,158,190)
```
#3ca2c8
```
#3ca2c8 rgb(60,162,200)
```
#32a6d2
```
#32a6d2 rgb(50,166,210)
```
#29abdb
```
#29abdb rgb(41,171,219)
```
#1fafe5
```
#1fafe5 rgb(31,175,229)
```
#16b4ee
```
#16b4ee rgb(22,180,238)
```
#0cb8f8
```
#0cb8f8 rgb(12,184,248)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#7295a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9badee Protanopia 1% of men
#8aaffd Deuteranopia 1% of men
#00c1ce Tritanopia 0.001% of the population

Trichromacy

#67b1f1 Protanomaly 1% of men, 0.01% of women
#5cb2fb Deuteranomaly 6% of men, 0.4% of women
#04bddd Tritanomaly 0.01% of the population