#0c5bff hex color

In a RGB color space, hex #0c5bff is composed of 4.7% red, 35.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 95.3% cyan, 64.3% magenta, 0% yellow and 0% black. It has a hue angle of 220.5 degrees, a saturation of 100% and a lightness of 52.4%. #0c5bff color hex could be obtained by blending #18b6ff with #0000ff. Closest websafe color is: #0066ff.

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

● #0c5bff color description : Vivid blue.

The hexadecimal color #0c5bff has RGB values of R:12, G:91, B:255 and CMYK values of C:0.95, M:0.64, Y:0, K:0. Its decimal value is 809983.

Hex triplet	0c5bff	`#0c5bff`
RGB Decimal	12, 91, 255	`rgb(12,91,255)`
RGB Percent	4.7, 35.7, 100	`rgb(4.7%,35.7%,100%)`
CMYK	95, 64, 0, 0
HSL	220.5°, 100, 52.4	`hsl(220.5,100%,52.4%)`
HSV (or HSB)	220.5°, 95.3, 100
Web Safe	0066ff	`#0066ff`

CIE-LAB	45.329, 42.36, -86.237
XYZ	21.939, 14.778, 96.298
xyY	0.165, 0.111, 14.778
CIE-LCH	45.329, 96.079, 296.161
CIE-LUV	45.329, -19.472, -128.796
Hunter-Lab	38.443, 34.593, -121.61
Binary	00001100, 01011011, 11111111

#0c5bff
```
#0c5bff rgb(12,91,255)
```
#ffb00c
```
#ffb00c rgb(255,176,12)
```

Complementary Color

#0cd5ff
```
#0cd5ff rgb(12,213,255)
```
#0c5bff
```
#0c5bff rgb(12,91,255)
```
#370cff
```
#370cff rgb(55,12,255)
```

Analogous Color

#d5ff0c
```
#d5ff0c rgb(213,255,12)
```
#0c5bff
```
#0c5bff rgb(12,91,255)
```
#ff370c
```
#ff370c rgb(255,55,12)
```

Split Complementary Color

#5bff0c
```
#5bff0c rgb(91,255,12)
```
#0c5bff
```
#0c5bff rgb(12,91,255)
```
#ff0c5b
```
#ff0c5b rgb(255,12,91)
```

Triadic Color

#0cffb0
```
#0cffb0 rgb(12,255,176)
```
#0c5bff
```
#0c5bff rgb(12,91,255)
```
#ff0c5b
```
#ff0c5b rgb(255,12,91)
```
#ffb00c
```
#ffb00c rgb(255,176,12)
```

Tetradic Color

#003ebf
```
#003ebf rgb(0,62,191)
```
#0046d8
```
#0046d8 rgb(0,70,216)
```
#004ff2
```
#004ff2 rgb(0,79,242)
```
#0c5bff
```
#0c5bff rgb(12,91,255)
```
#266cff
```
#266cff rgb(38,108,255)
```
#3f7dff
```
#3f7dff rgb(63,125,255)
```
#598fff
```
#598fff rgb(89,143,255)
```

Monochromatic Color

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

#0c98ff
```
#0c98ff rgb(12,152,255)
```
#0c84ff
```
#0c84ff rgb(12,132,255)
```
#0c6fff
```
#0c6fff rgb(12,111,255)
```
#0c5bff
```
#0c5bff rgb(12,91,255)
```
#0c47ff
```
#0c47ff rgb(12,71,255)
```
#0c33ff
```
#0c33ff rgb(12,51,255)
```
#0c1eff
```
#0c1eff rgb(12,30,255)
```

Similar Colors

Text with hexadecimal color #0c5bff

This text has a font color of #0c5bff.

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

#0c5bff background color

This paragraph has a background color of #0c5bff.

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

#0c5bff border color

This element has a border color of #0c5bff.

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

CSS codes

.text {color:#0c5bff;}

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

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

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, #00040c is the darkest color, while #f7faff is the lightest one.

#00040c
```
#00040c rgb(0,4,12)
```
#000a20
```
#000a20 rgb(0,10,32)
```
#001133
```
#001133 rgb(0,17,51)
```
#001747
```
#001747 rgb(0,23,71)
```
#001d5a
```
#001d5a rgb(0,29,90)
```
#00246e
```
#00246e rgb(0,36,110)
```
#002a82
```
#002a82 rgb(0,42,130)
```
#003195
```
#003195 rgb(0,49,149)
```
#0037a9
```
#0037a9 rgb(0,55,169)
```
#003dbd
```
#003dbd rgb(0,61,189)
```
#0044d0
```
#0044d0 rgb(0,68,208)
```
#004ae4
```
#004ae4 rgb(0,74,228)
```
#0050f7
```
#0050f7 rgb(0,80,247)
```

Shade Color Variation

#0c5bff
```
#0c5bff rgb(12,91,255)
```
#2068ff
```
#2068ff rgb(32,104,255)
```
#3375ff
```
#3375ff rgb(51,117,255)
```
#4783ff
```
#4783ff rgb(71,131,255)
```
#5a90ff
```
#5a90ff rgb(90,144,255)
```
#6e9dff
```
#6e9dff rgb(110,157,255)
```
#82aaff
```
#82aaff rgb(130,170,255)
```
#95b8ff
```
#95b8ff rgb(149,184,255)
```
#a9c5ff
```
#a9c5ff rgb(169,197,255)
```
#bdd2ff
```
#bdd2ff rgb(189,210,255)
```
#d0dfff
```
#d0dfff rgb(208,223,255)
```
#e4edff
```
#e4edff rgb(228,237,255)
```
#f7faff
```
#f7faff rgb(247,250,255)
```

Tint Color Variation

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

#7c828f
```
#7c828f rgb(124,130,143)
```
#737f98
```
#737f98 rgb(115,127,152)
```
#697ca2
```
#697ca2 rgb(105,124,162)
```
#6078ab
```
#6078ab rgb(96,120,171)
```
#5775b4
```
#5775b4 rgb(87,117,180)
```
#4d72be
```
#4d72be rgb(77,114,190)
```
#446fc7
```
#446fc7 rgb(68,111,199)
```
#3b6bd0
```
#3b6bd0 rgb(59,107,208)
```
#3168da
```
#3168da rgb(49,104,218)
```
#2865e3
```
#2865e3 rgb(40,101,227)
```
#1f62ec
```
#1f62ec rgb(31,98,236)
```
#155ef6
```
#155ef6 rgb(21,94,246)
```
#0c5bff
```
#0c5bff rgb(12,91,255)
```

Tone Color Variation

Below, you can see how #0c5bff 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
#475778 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#0468e7 Protanomaly 1% of men, 0.01% of women
#046cd4 Deuteranomaly 6% of men, 0.4% of women
#0471b1 Tritanomaly 0.01% of the population

#0c5bff hex color

#0c5bff Color Information

#0c5bff Color Conversion

Color Schemes with #0c5bff

Alternatives to #0c5bff

#0c5bff Preview

Shades and Tints of #0c5bff

Tones of #0c5bff

Color Blindness Simulator