#0c8cf2 hex color

In a RGB color space, hex #0c8cf2 is composed of 4.7% red, 54.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 95% cyan, 42.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 206.6 degrees, a saturation of 90.6% and a lightness of 49.8%. #0c8cf2 color hex could be obtained by blending #18ffff with #0019e5. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 5
- G 55
- B 95
RGB color chart
- C 95
- M 42
- Y 0
- K 5
CMYK color chart

● #0c8cf2 color description : Vivid blue.

The hexadecimal color #0c8cf2 has RGB values of R:12, G:140, B:242 and CMYK values of C:0.95, M:0.42, Y:0, K:0.05. Its decimal value is 822514.

Hex triplet	0c8cf2	`#0c8cf2`
RGB Decimal	12, 140, 242	`rgb(12,140,242)`
RGB Percent	4.7, 54.9, 94.9	`rgb(4.7%,54.9%,94.9%)`
CMYK	95, 42, 0, 5
HSL	206.6°, 90.6, 49.8	`hsl(206.6,90.6%,49.8%)`
HSV (or HSB)	206.6°, 95, 94.9
Web Safe	0099ff	`#0099ff`

CIE-LAB	57.311, 6.707, -59.562
XYZ	25.553, 25.243, 87.525
xyY	0.185, 0.182, 25.243
CIE-LCH	57.311, 59.938, 276.425
CIE-LUV	57.311, -33.189, -95.076
Hunter-Lab	50.242, 2.861, -68.117
Binary	00001100, 10001100, 11110010

#0c8cf2
```
#0c8cf2 rgb(12,140,242)
```
#f2720c
```
#f2720c rgb(242,114,12)
```

Complementary Color

#0cf2e5
```
#0cf2e5 rgb(12,242,229)
```
#0c8cf2
```
#0c8cf2 rgb(12,140,242)
```
#0c19f2
```
#0c19f2 rgb(12,25,242)
```

Analogous Color

#f2e50c
```
#f2e50c rgb(242,229,12)
```
#0c8cf2
```
#0c8cf2 rgb(12,140,242)
```
#f20c19
```
#f20c19 rgb(242,12,25)
```

Split Complementary Color

#8cf20c
```
#8cf20c rgb(140,242,12)
```
#0c8cf2
```
#0c8cf2 rgb(12,140,242)
```
#f20c8c
```
#f20c8c rgb(242,12,140)
```

Triadic Color

#0cf272
```
#0cf272 rgb(12,242,114)
```
#0c8cf2
```
#0c8cf2 rgb(12,140,242)
```
#f20c8c
```
#f20c8c rgb(242,12,140)
```
#f2720c
```
#f2720c rgb(242,114,12)
```

Tetradic Color

#0862a9
```
#0862a9 rgb(8,98,169)
```
#0a70c1
```
#0a70c1 rgb(10,112,193)
```
#0b7eda
```
#0b7eda rgb(11,126,218)
```
#0c8cf2
```
#0c8cf2 rgb(12,140,242)
```
#2398f4
```
#2398f4 rgb(35,152,244)
```
#3ca3f5
```
#3ca3f5 rgb(60,163,245)
```
#54aef7
```
#54aef7 rgb(84,174,247)
```

Monochromatic Color

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

#0cc6f2
```
#0cc6f2 rgb(12,198,242)
```
#0cb2f2
```
#0cb2f2 rgb(12,178,242)
```
#0c9ff2
```
#0c9ff2 rgb(12,159,242)
```
#0c8cf2
```
#0c8cf2 rgb(12,140,242)
```
#0c79f2
```
#0c79f2 rgb(12,121,242)
```
#0c66f2
```
#0c66f2 rgb(12,102,242)
```
#0c53f2
```
#0c53f2 rgb(12,83,242)
```

Similar Colors

Text with hexadecimal color #0c8cf2

This text has a font color of #0c8cf2.

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

#0c8cf2 background color

This paragraph has a background color of #0c8cf2.

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

#0c8cf2 border color

This element has a border color of #0c8cf2.

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

CSS codes

.text {color:#0c8cf2;}

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

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

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

#010a12
```
#010a12 rgb(1,10,18)
```
#021524
```
#021524 rgb(2,21,36)
```
#032037
```
#032037 rgb(3,32,55)
```
#042b4a
```
#042b4a rgb(4,43,74)
```
#05365c
```
#05365c rgb(5,54,92)
```
#06406f
```
#06406f rgb(6,64,111)
```
#064b82
```
#064b82 rgb(6,75,130)
```
#075695
```
#075695 rgb(7,86,149)
```
#0861a7
```
#0861a7 rgb(8,97,167)
```
#096cba
```
#096cba rgb(9,108,186)
```
#0a76cd
```
#0a76cd rgb(10,118,205)
```
#0b81df
```
#0b81df rgb(11,129,223)
```
#0c8cf2
```
#0c8cf2 rgb(12,140,242)
```

Shade Color Variation

#1e95f4
```
#1e95f4 rgb(30,149,244)
```
#309ef5
```
#309ef5 rgb(48,158,245)
```
#43a7f6
```
#43a7f6 rgb(67,167,246)
```
#56aff7
```
#56aff7 rgb(86,175,247)
```
#69b8f8
```
#69b8f8 rgb(105,184,248)
```
#7bc1f8
```
#7bc1f8 rgb(123,193,248)
```
#8ecaf9
```
#8ecaf9 rgb(142,202,249)
```
#a1d3fa
```
#a1d3fa rgb(161,211,250)
```
#b3dbfb
```
#b3dbfb rgb(179,219,251)
```
#c6e4fc
```
#c6e4fc rgb(198,228,252)
```
#d9edfd
```
#d9edfd rgb(217,237,253)
```
#ebf6fe
```
#ebf6fe rgb(235,246,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #778087 is the less saturated color, while #028dfc is the most saturated one.

#778087
```
#778087 rgb(119,128,135)
```
#6e8190
```
#6e8190 rgb(110,129,144)
```
#64829a
```
#64829a rgb(100,130,154)
```
#5a83a4
```
#5a83a4 rgb(90,131,164)
```
#5084ae
```
#5084ae rgb(80,132,174)
```
#4785b7
```
#4785b7 rgb(71,133,183)
```
#3d86c1
```
#3d86c1 rgb(61,134,193)
```
#3388cb
```
#3388cb rgb(51,136,203)
```
#2989d5
```
#2989d5 rgb(41,137,213)
```
#208ade
```
#208ade rgb(32,138,222)
```
#168be8
```
#168be8 rgb(22,139,232)
```
#0c8cf2
```
#0c8cf2 rgb(12,140,242)
```
#028dfc
```
#028dfc rgb(2,141,252)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#5d768b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f8cee Protanopia 1% of men
#1b91f2 Deuteranopia 1% of men
#009da7 Tritanopia 0.001% of the population

Trichromacy

#418cef Protanomaly 1% of men, 0.01% of women
#158ff2 Deuteranomaly 6% of men, 0.4% of women
#0497c2 Tritanomaly 0.01% of the population

#0c8cf2 hex color

#0c8cf2 Color Information

#0c8cf2 Color Conversion

Color Schemes with #0c8cf2

Alternatives to #0c8cf2

#0c8cf2 Preview

Shades and Tints of #0c8cf2

Tones of #0c8cf2

Color Blindness Simulator