#0c5fe2 hex color

In a RGB color space, hex #0c5fe2 is composed of 4.7% red, 37.3% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 94.7% cyan, 58% magenta, 0% yellow and 11.4% black. It has a hue angle of 216.7 degrees, a saturation of 89.9% and a lightness of 46.7%. #0c5fe2 color hex could be obtained by blending #18beff with #0000c5. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 5
- G 37
- B 89
RGB color chart
- C 95
- M 58
- Y 0
- K 11
CMYK color chart

● #0c5fe2 color description : Vivid blue.

The hexadecimal color #0c5fe2 has RGB values of R:12, G:95, B:226 and CMYK values of C:0.95, M:0.58, Y:0, K:0.11. Its decimal value is 810978.

Hex triplet	0c5fe2	`#0c5fe2`
RGB Decimal	12, 95, 226	`rgb(12,95,226)`
RGB Percent	4.7, 37.3, 88.6	`rgb(4.7%,37.3%,88.6%)`
CMYK	95, 58, 0, 11
HSL	216.7°, 89.9, 46.7	`hsl(216.7,89.9%,46.7%)`
HSV (or HSB)	216.7°, 94.7, 88.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	43.875, 28.881, -72.334
XYZ	17.968, 13.752, 73.655
xyY	0.171, 0.131, 13.752
CIE-LCH	43.875, 77.887, 291.765
CIE-LUV	43.875, -20.764, -108.565
Hunter-Lab	37.084, 21.593, -91.802
Binary	00001100, 01011111, 11100010

#0c5fe2
```
#0c5fe2 rgb(12,95,226)
```
#e28f0c
```
#e28f0c rgb(226,143,12)
```

Complementary Color

#0ccae2
```
#0ccae2 rgb(12,202,226)
```
#0c5fe2
```
#0c5fe2 rgb(12,95,226)
```
#240ce2
```
#240ce2 rgb(36,12,226)
```

Analogous Color

#cae20c
```
#cae20c rgb(202,226,12)
```
#0c5fe2
```
#0c5fe2 rgb(12,95,226)
```
#e2240c
```
#e2240c rgb(226,36,12)
```

Split Complementary Color

#5fe20c
```
#5fe20c rgb(95,226,12)
```
#0c5fe2
```
#0c5fe2 rgb(12,95,226)
```
#e20c5f
```
#e20c5f rgb(226,12,95)
```

Triadic Color

#0ce28f
```
#0ce28f rgb(12,226,143)
```
#0c5fe2
```
#0c5fe2 rgb(12,95,226)
```
#e20c5f
```
#e20c5f rgb(226,12,95)
```
#e28f0c
```
#e28f0c rgb(226,143,12)
```

Tetradic Color

#084099
```
#084099 rgb(8,64,153)
```
#094bb2
```
#094bb2 rgb(9,75,178)
```
#0b55ca
```
#0b55ca rgb(11,85,202)
```
#0c5fe2
```
#0c5fe2 rgb(12,95,226)
```
#156bf3
```
#156bf3 rgb(21,107,243)
```
#2d7af4
```
#2d7af4 rgb(45,122,244)
```
#458af5
```
#458af5 rgb(69,138,245)
```

Monochromatic Color

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

#0c95e2
```
#0c95e2 rgb(12,149,226)
```
#0c83e2
```
#0c83e2 rgb(12,131,226)
```
#0c71e2
```
#0c71e2 rgb(12,113,226)
```
#0c5fe2
```
#0c5fe2 rgb(12,95,226)
```
#0c4de2
```
#0c4de2 rgb(12,77,226)
```
#0c3be2
```
#0c3be2 rgb(12,59,226)
```
#0c2ae2
```
#0c2ae2 rgb(12,42,226)
```

Similar Colors

Text with hexadecimal color #0c5fe2

This text has a font color of #0c5fe2.

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

#0c5fe2 background color

This paragraph has a background color of #0c5fe2.

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

#0c5fe2 border color

This element has a border color of #0c5fe2.

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

CSS codes

.text {color:#0c5fe2;}

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

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

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 #eff5fe is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#010915
```
#010915 rgb(1,9,21)
```
#021128
```
#021128 rgb(2,17,40)
```
#03193a
```
#03193a rgb(3,25,58)
```
#04204d
```
#04204d rgb(4,32,77)
```
#052860
```
#052860 rgb(5,40,96)
```
#063072
```
#063072 rgb(6,48,114)
```
#073885
```
#073885 rgb(7,56,133)
```
#084097
```
#084097 rgb(8,64,151)
```
#0948aa
```
#0948aa rgb(9,72,170)
```
#0a4fbd
```
#0a4fbd rgb(10,79,189)
```
#0b57cf
```
#0b57cf rgb(11,87,207)
```
#0c5fe2
```
#0c5fe2 rgb(12,95,226)
```

Shade Color Variation

#0f67f2
```
#0f67f2 rgb(15,103,242)
```
#2273f3
```
#2273f3 rgb(34,115,243)
```
#357ff4
```
#357ff4 rgb(53,127,244)
```
#478bf5
```
#478bf5 rgb(71,139,245)
```
#5a97f6
```
#5a97f6 rgb(90,151,246)
```
#6ca2f7
```
#6ca2f7 rgb(108,162,247)
```
#7faef8
```
#7faef8 rgb(127,174,248)
```
#92baf9
```
#92baf9 rgb(146,186,249)
```
#a4c6fa
```
#a4c6fa rgb(164,198,250)
```
#b7d1fb
```
#b7d1fb rgb(183,209,251)
```
#caddfc
```
#caddfc rgb(202,221,252)
```
#dce9fd
```
#dce9fd rgb(220,233,253)
```
#eff5fe
```
#eff5fe rgb(239,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #71767d is the less saturated color, while #035deb is the most saturated one.

#71767d
```
#71767d rgb(113,118,125)
```
#687486
```
#687486 rgb(104,116,134)
```
#5e7190
```
#5e7190 rgb(94,113,144)
```
#556f99
```
#556f99 rgb(85,111,153)
```
#4c6da2
```
#4c6da2 rgb(76,109,162)
```
#436bab
```
#436bab rgb(67,107,171)
```
#3a69b4
```
#3a69b4 rgb(58,105,180)
```
#3167bd
```
#3167bd rgb(49,103,189)
```
#2765c7
```
#2765c7 rgb(39,101,199)
```
#1e63d0
```
#1e63d0 rgb(30,99,208)
```
#1561d9
```
#1561d9 rgb(21,97,217)
```
#0c5fe2
```
#0c5fe2 rgb(12,95,226)
```
#035deb
```
#035deb rgb(3,93,235)
```

Tone Color Variation

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

Dichromacy

#006cd3 Protanopia 1% of men
#0072b8 Deuteranopia 1% of men
#007a81 Tritanopia 0.001% of the population

Trichromacy

#0467d8 Protanomaly 1% of men, 0.01% of women
#046bc7 Deuteranomaly 6% of men, 0.4% of women
#0470a4 Tritanomaly 0.01% of the population

#0c5fe2 hex color

#0c5fe2 Color Information

#0c5fe2 Color Conversion

Color Schemes with #0c5fe2

Alternatives to #0c5fe2

#0c5fe2 Preview

Shades and Tints of #0c5fe2

Tones of #0c5fe2

Color Blindness Simulator