#0c5cfc hex color

In a RGB color space, hex #0c5cfc is composed of 4.7% red, 36.1% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 95.2% cyan, 63.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 220 degrees, a saturation of 97.6% and a lightness of 51.8%. #0c5cfc color hex could be obtained by blending #18b8ff with #0000f9. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 5
- G 36
- B 99
RGB color chart
- C 95
- M 63
- Y 0
- K 1
CMYK color chart

● #0c5cfc color description : Vivid blue.

The hexadecimal color #0c5cfc has RGB values of R:12, G:92, B:252 and CMYK values of C:0.95, M:0.63, Y:0, K:0.01. Its decimal value is 810236.

Hex triplet	0c5cfc	`#0c5cfc`
RGB Decimal	12, 92, 252	`rgb(12,92,252)`
RGB Percent	4.7, 36.1, 98.8	`rgb(4.7%,36.1%,98.8%)`
CMYK	95, 63, 0, 1
HSL	220°, 97.6, 51.8	`hsl(220,97.6%,51.8%)`
HSV (or HSB)	220°, 95.2, 98.8
Web Safe	0066ff	`#0066ff`

CIE-LAB	45.302, 40.634, -84.611
XYZ	21.546, 14.759, 93.803
xyY	0.166, 0.113, 14.759
CIE-LCH	45.302, 93.862, 295.652
CIE-LUV	45.302, -19.714, -126.624
Hunter-Lab	38.417, 32.879, -117.876
Binary	00001100, 01011100, 11111100

#0c5cfc
```
#0c5cfc rgb(12,92,252)
```
#fcac0c
```
#fcac0c rgb(252,172,12)
```

Complementary Color

#0cd4fc
```
#0cd4fc rgb(12,212,252)
```
#0c5cfc
```
#0c5cfc rgb(12,92,252)
```
#340cfc
```
#340cfc rgb(52,12,252)
```

Analogous Color

#d4fc0c
```
#d4fc0c rgb(212,252,12)
```
#0c5cfc
```
#0c5cfc rgb(12,92,252)
```
#fc340c
```
#fc340c rgb(252,52,12)
```

Split Complementary Color

#5cfc0c
```
#5cfc0c rgb(92,252,12)
```
#0c5cfc
```
#0c5cfc rgb(12,92,252)
```
#fc0c5c
```
#fc0c5c rgb(252,12,92)
```

Triadic Color

#0cfcac
```
#0cfcac rgb(12,252,172)
```
#0c5cfc
```
#0c5cfc rgb(12,92,252)
```
#fc0c5c
```
#fc0c5c rgb(252,12,92)
```
#fcac0c
```
#fcac0c rgb(252,172,12)
```

Tetradic Color

#023fb9
```
#023fb9 rgb(2,63,185)
```
#0348d2
```
#0348d2 rgb(3,72,210)
```
#0350ec
```
#0350ec rgb(3,80,236)
```
#0c5cfc
```
#0c5cfc rgb(12,92,252)
```
#256dfc
```
#256dfc rgb(37,109,252)
```
#3e7efd
```
#3e7efd rgb(62,126,253)
```
#588ffd
```
#588ffd rgb(88,143,253)
```

Monochromatic Color

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

#0c98fc
```
#0c98fc rgb(12,152,252)
```
#0c84fc
```
#0c84fc rgb(12,132,252)
```
#0c70fc
```
#0c70fc rgb(12,112,252)
```
#0c5cfc
```
#0c5cfc rgb(12,92,252)
```
#0c48fc
```
#0c48fc rgb(12,72,252)
```
#0c34fc
```
#0c34fc rgb(12,52,252)
```
#0c20fc
```
#0c20fc rgb(12,32,252)
```

Similar Colors

Text with hexadecimal color #0c5cfc

This text has a font color of #0c5cfc.

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

#0c5cfc background color

This paragraph has a background color of #0c5cfc.

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

#0c5cfc border color

This element has a border color of #0c5cfc.

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

CSS codes

.text {color:#0c5cfc;}

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

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

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

#000309
```
#000309 rgb(0,3,9)
```
#000a1c
```
#000a1c rgb(0,10,28)
```
#011030
```
#011030 rgb(1,16,48)
```
#011743
```
#011743 rgb(1,23,67)
```
#011e56
```
#011e56 rgb(1,30,86)
```
#01246a
```
#01246a rgb(1,36,106)
```
#022b7d
```
#022b7d rgb(2,43,125)
```
#023191
```
#023191 rgb(2,49,145)
```
#0238a4
```
#0238a4 rgb(2,56,164)
```
#023fb7
```
#023fb7 rgb(2,63,183)
```
#0345cb
```
#0345cb rgb(3,69,203)
```
#034cde
```
#034cde rgb(3,76,222)
```
#0352f1
```
#0352f1 rgb(3,82,241)
```

Shade Color Variation

#0c5cfc
```
#0c5cfc rgb(12,92,252)
```
#1f69fc
```
#1f69fc rgb(31,105,252)
```
#3376fc
```
#3376fc rgb(51,118,252)
```
#4683fd
```
#4683fd rgb(70,131,253)
```
#5a90fd
```
#5a90fd rgb(90,144,253)
```
#6d9dfd
```
#6d9dfd rgb(109,157,253)
```
#80aafd
```
#80aafd rgb(128,170,253)
```
#94b7fe
```
#94b7fe rgb(148,183,254)
```
#a7c4fe
```
#a7c4fe rgb(167,196,254)
```
#bad1fe
```
#bad1fe rgb(186,209,254)
```
#cedefe
```
#cedefe rgb(206,222,254)
```
#e1ebff
```
#e1ebff rgb(225,235,255)
```
#f5f8ff
```
#f5f8ff rgb(245,248,255)
```

Tint Color Variation

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

#7e828a
```
#7e828a rgb(126,130,138)
```
#747f94
```
#747f94 rgb(116,127,148)
```
#6b7c9d
```
#6b7c9d rgb(107,124,157)
```
#6178a7
```
#6178a7 rgb(97,120,167)
```
#5875b0
```
#5875b0 rgb(88,117,176)
```
#4e72ba
```
#4e72ba rgb(78,114,186)
```
#456fc3
```
#456fc3 rgb(69,111,195)
```
#3b6ccd
```
#3b6ccd rgb(59,108,205)
```
#3269d6
```
#3269d6 rgb(50,105,214)
```
#2865e0
```
#2865e0 rgb(40,101,224)
```
#1f62e9
```
#1f62e9 rgb(31,98,233)
```
#155ff3
```
#155ff3 rgb(21,95,243)
```
#0c5cfc
```
#0c5cfc rgb(12,92,252)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#475777 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd9 Protanopia 1% of men
#0075bc Deuteranopia 1% of men
#007e84 Tritanopia 0.001% of the population

Trichromacy

#0468e6 Protanomaly 1% of men, 0.01% of women
#046cd3 Deuteranomaly 6% of men, 0.4% of women
#0471af Tritanomaly 0.01% of the population

#0c5cfc hex color

#0c5cfc Color Information

#0c5cfc Color Conversion

Color Schemes with #0c5cfc

Alternatives to #0c5cfc

#0c5cfc Preview

Shades and Tints of #0c5cfc

Tones of #0c5cfc

Color Blindness Simulator