#0c5bf5 hex color

In a RGB color space, hex #0c5bf5 is composed of 4.7% red, 35.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 95.1% cyan, 62.9% magenta, 0% yellow and 3.9% black. It has a hue angle of 219.7 degrees, a saturation of 92.1% and a lightness of 50.4%. #0c5bf5 color hex could be obtained by blending #18b6ff with #0000eb. Closest websafe color is: #0066ff.

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

● #0c5bf5 color description : Vivid blue.

The hexadecimal color #0c5bf5 has RGB values of R:12, G:91, B:245 and CMYK values of C:0.95, M:0.63, Y:0, K:0.04. Its decimal value is 809973.

Hex triplet	0c5bf5	`#0c5bf5`
RGB Decimal	12, 91, 245	`rgb(12,91,245)`
RGB Percent	4.7, 35.7, 96.1	`rgb(4.7%,35.7%,96.1%)`
CMYK	95, 63, 0, 4
HSL	219.7°, 92.1, 50.4	`hsl(219.7,92.1%,50.4%)`
HSV (or HSB)	219.7°, 95.1, 96.1
Web Safe	0066ff	`#0066ff`

CIE-LAB	44.449, 38.665, -82.101
XYZ	20.371, 14.151, 88.039
xyY	0.166, 0.115, 14.151
CIE-LCH	44.449, 90.75, 295.218
CIE-LUV	44.449, -19.537, -122.473
Hunter-Lab	37.618, 30.828, -112.426
Binary	00001100, 01011011, 11110101

#0c5bf5
```
#0c5bf5 rgb(12,91,245)
```
#f5a60c
```
#f5a60c rgb(245,166,12)
```

Complementary Color

#0cd0f5
```
#0cd0f5 rgb(12,208,245)
```
#0c5bf5
```
#0c5bf5 rgb(12,91,245)
```
#310cf5
```
#310cf5 rgb(49,12,245)
```

Analogous Color

#d0f50c
```
#d0f50c rgb(208,245,12)
```
#0c5bf5
```
#0c5bf5 rgb(12,91,245)
```
#f5310c
```
#f5310c rgb(245,49,12)
```

Split Complementary Color

#5bf50c
```
#5bf50c rgb(91,245,12)
```
#0c5bf5
```
#0c5bf5 rgb(12,91,245)
```
#f50c5b
```
#f50c5b rgb(245,12,91)
```

Triadic Color

#0cf5a6
```
#0cf5a6 rgb(12,245,166)
```
#0c5bf5
```
#0c5bf5 rgb(12,91,245)
```
#f50c5b
```
#f50c5b rgb(245,12,91)
```
#f5a60c
```
#f5a60c rgb(245,166,12)
```

Tetradic Color

#073fad
```
#073fad rgb(7,63,173)
```
#0848c6
```
#0848c6 rgb(8,72,198)
```
#0951de
```
#0951de rgb(9,81,222)
```
#0c5bf5
```
#0c5bf5 rgb(12,91,245)
```
#246cf6
```
#246cf6 rgb(36,108,246)
```
#3d7cf7
```
#3d7cf7 rgb(61,124,247)
```
#558df8
```
#558df8 rgb(85,141,248)
```

Monochromatic Color

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

#0c95f5
```
#0c95f5 rgb(12,149,245)
```
#0c82f5
```
#0c82f5 rgb(12,130,245)
```
#0c6ef5
```
#0c6ef5 rgb(12,110,245)
```
#0c5bf5
```
#0c5bf5 rgb(12,91,245)
```
#0c48f5
```
#0c48f5 rgb(12,72,245)
```
#0c34f5
```
#0c34f5 rgb(12,52,245)
```
#0c21f5
```
#0c21f5 rgb(12,33,245)
```

Similar Colors

Text with hexadecimal color #0c5bf5

This text has a font color of #0c5bf5.

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

#0c5bf5 background color

This paragraph has a background color of #0c5bf5.

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

#0c5bf5 border color

This element has a border color of #0c5bf5.

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

CSS codes

.text {color:#0c5bf5;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#010815
```
#010815 rgb(1,8,21)
```
#020f28
```
#020f28 rgb(2,15,40)
```
#02153a
```
#02153a rgb(2,21,58)
```
#031c4d
```
#031c4d rgb(3,28,77)
```
#042360
```
#042360 rgb(4,35,96)
```
#052a73
```
#052a73 rgb(5,42,115)
```
#063186
```
#063186 rgb(6,49,134)
```
#063899
```
#063899 rgb(6,56,153)
```
#073fab
```
#073fab rgb(7,63,171)
```
#0846be
```
#0846be rgb(8,70,190)
```
#094dd1
```
#094dd1 rgb(9,77,209)
```
#0954e4
```
#0954e4 rgb(9,84,228)
```

Shade Color Variation

#0c5bf5
```
#0c5bf5 rgb(12,91,245)
```
#1f68f6
```
#1f68f6 rgb(31,104,246)
```
#3274f7
```
#3274f7 rgb(50,116,247)
```
#4581f7
```
#4581f7 rgb(69,129,247)
```
#578ef8
```
#578ef8 rgb(87,142,248)
```
#6a9bf9
```
#6a9bf9 rgb(106,155,249)
```
#7da7fa
```
#7da7fa rgb(125,167,250)
```
#90b4fa
```
#90b4fa rgb(144,180,250)
```
#a3c1fb
```
#a3c1fb rgb(163,193,251)
```
#b6cdfc
```
#b6cdfc rgb(182,205,252)
```
#c8dafd
```
#c8dafd rgb(200,218,253)
```
#dbe7fe
```
#dbe7fe rgb(219,231,254)
```
#eef4fe
```
#eef4fe rgb(238,244,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777d8a is the less saturated color, while #0258ff is the most saturated one.

#777d8a
```
#777d8a rgb(119,125,138)
```
#6d7a94
```
#6d7a94 rgb(109,122,148)
```
#64779d
```
#64779d rgb(100,119,157)
```
#5a74a7
```
#5a74a7 rgb(90,116,167)
```
#5071b1
```
#5071b1 rgb(80,113,177)
```
#466ebb
```
#466ebb rgb(70,110,187)
```
#3d6bc4
```
#3d6bc4 rgb(61,107,196)
```
#3368ce
```
#3368ce rgb(51,104,206)
```
#2964d8
```
#2964d8 rgb(41,100,216)
```
#1f61e2
```
#1f61e2 rgb(31,97,226)
```
#165eeb
```
#165eeb rgb(22,94,235)
```
#0c5bf5
```
#0c5bf5 rgb(12,91,245)
```
#0258ff
```
#0258ff rgb(2,88,255)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#465675 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd5 Protanopia 1% of men
#0073b9 Deuteranopia 1% of men
#007c82 Tritanopia 0.001% of the population

Trichromacy

#0466e1 Protanomaly 1% of men, 0.01% of women
#046acf Deuteranomaly 6% of men, 0.4% of women
#0470ab Tritanomaly 0.01% of the population

#0c5bf5 hex color

#0c5bf5 Color Information

#0c5bf5 Color Conversion

Color Schemes with #0c5bf5

Alternatives to #0c5bf5

#0c5bf5 Preview

Shades and Tints of #0c5bf5

Tones of #0c5bf5

Color Blindness Simulator