#0c36f5 hex color

In a RGB color space, hex #0c36f5 is composed of 4.7% red, 21.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 95.1% cyan, 78% magenta, 0% yellow and 3.9% black. It has a hue angle of 229.2 degrees, a saturation of 92.1% and a lightness of 50.4%. #0c36f5 color hex could be obtained by blending #186cff with #0000eb. Closest websafe color is: #0033ff.

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

● #0c36f5 color description : Vivid blue.

The hexadecimal color #0c36f5 has RGB values of R:12, G:54, B:245 and CMYK values of C:0.95, M:0.78, Y:0, K:0.04. Its decimal value is 800501.

Hex triplet	0c36f5	`#0c36f5`
RGB Decimal	12, 54, 245	`rgb(12,54,245)`
RGB Percent	4.7, 21.2, 96.1	`rgb(4.7%,21.2%,96.1%)`
CMYK	95, 78, 0, 4
HSL	229.2°, 92.1, 50.4	`hsl(229.2,92.1%,50.4%)`
HSV (or HSB)	229.2°, 95.1, 96.1
Web Safe	0033ff	`#0033ff`

CIE-LAB	36.57, 60.265, -95.115
XYZ	17.949, 9.308, 87.232
xyY	0.157, 0.081, 9.308
CIE-LCH	36.57, 112.6, 302.359
CIE-LUV	36.57, -12.644, -127.664
Hunter-Lab	30.508, 51.626, -148.17
Binary	00001100, 00110110, 11110101

#0c36f5
```
#0c36f5 rgb(12,54,245)
```
#f5cb0c
```
#f5cb0c rgb(245,203,12)
```

Complementary Color

#0cabf5
```
#0cabf5 rgb(12,171,245)
```
#0c36f5
```
#0c36f5 rgb(12,54,245)
```
#570cf5
```
#570cf5 rgb(87,12,245)
```

Analogous Color

#abf50c
```
#abf50c rgb(171,245,12)
```
#0c36f5
```
#0c36f5 rgb(12,54,245)
```
#f5570c
```
#f5570c rgb(245,87,12)
```

Split Complementary Color

#36f50c
```
#36f50c rgb(54,245,12)
```
#0c36f5
```
#0c36f5 rgb(12,54,245)
```
#f50c36
```
#f50c36 rgb(245,12,54)
```

Triadic Color

#0cf5cb
```
#0cf5cb rgb(12,245,203)
```
#0c36f5
```
#0c36f5 rgb(12,54,245)
```
#f50c36
```
#f50c36 rgb(245,12,54)
```
#f5cb0c
```
#f5cb0c rgb(245,203,12)
```

Tetradic Color

#0725ad
```
#0725ad rgb(7,37,173)
```
#082ac6
```
#082ac6 rgb(8,42,198)
```
#0930de
```
#0930de rgb(9,48,222)
```
#0c36f5
```
#0c36f5 rgb(12,54,245)
```
#244af6
```
#244af6 rgb(36,74,246)
```
#3d5ff7
```
#3d5ff7 rgb(61,95,247)
```
#5573f8
```
#5573f8 rgb(85,115,248)
```

Monochromatic Color

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

#0c70f5
```
#0c70f5 rgb(12,112,245)
```
#0c5df5
```
#0c5df5 rgb(12,93,245)
```
#0c49f5
```
#0c49f5 rgb(12,73,245)
```
#0c36f5
```
#0c36f5 rgb(12,54,245)
```
#0c23f5
```
#0c23f5 rgb(12,35,245)
```
#0c0ff5
```
#0c0ff5 rgb(12,15,245)
```
#1c0cf5
```
#1c0cf5 rgb(28,12,245)
```

Similar Colors

Text with hexadecimal color #0c36f5

This text has a font color of #0c36f5.

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

#0c36f5 background color

This paragraph has a background color of #0c36f5.

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

#0c36f5 border color

This element has a border color of #0c36f5.

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

CSS codes

.text {color:#0c36f5;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#010415
```
#010415 rgb(1,4,21)
```
#020828
```
#020828 rgb(2,8,40)
```
#020d3a
```
#020d3a rgb(2,13,58)
```
#03114d
```
#03114d rgb(3,17,77)
```
#041560
```
#041560 rgb(4,21,96)
```
#051973
```
#051973 rgb(5,25,115)
```
#061d86
```
#061d86 rgb(6,29,134)
```
#062199
```
#062199 rgb(6,33,153)
```
#0725ab
```
#0725ab rgb(7,37,171)
```
#0829be
```
#0829be rgb(8,41,190)
```
#092dd1
```
#092dd1 rgb(9,45,209)
```
#0931e4
```
#0931e4 rgb(9,49,228)
```

Shade Color Variation

#0c36f5
```
#0c36f5 rgb(12,54,245)
```
#1f46f6
```
#1f46f6 rgb(31,70,246)
```
#3255f7
```
#3255f7 rgb(50,85,247)
```
#4565f7
```
#4565f7 rgb(69,101,247)
```
#5774f8
```
#5774f8 rgb(87,116,248)
```
#6a84f9
```
#6a84f9 rgb(106,132,249)
```
#7d94fa
```
#7d94fa rgb(125,148,250)
```
#90a3fa
```
#90a3fa rgb(144,163,250)
```
#a3b3fb
```
#a3b3fb rgb(163,179,251)
```
#b6c2fc
```
#b6c2fc rgb(182,194,252)
```
#c8d2fd
```
#c8d2fd rgb(200,210,253)
```
#dbe1fe
```
#dbe1fe rgb(219,225,254)
```
#eef1fe
```
#eef1fe rgb(238,241,254)
```

Tint Color Variation

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

#777a8a
```
#777a8a rgb(119,122,138)
```
#6d7494
```
#6d7494 rgb(109,116,148)
```
#646e9d
```
#646e9d rgb(100,110,157)
```
#5a68a7
```
#5a68a7 rgb(90,104,167)
```
#5062b1
```
#5062b1 rgb(80,98,177)
```
#465bbb
```
#465bbb rgb(70,91,187)
```
#3d55c4
```
#3d55c4 rgb(61,85,196)
```
#334fce
```
#334fce rgb(51,79,206)
```
#2949d8
```
#2949d8 rgb(41,73,216)
```
#1f42e2
```
#1f42e2 rgb(31,66,226)
```
#163ceb
```
#163ceb rgb(22,60,235)
```
#0c36f5
```
#0c36f5 rgb(12,54,245)
```
#0230ff
```
#0230ff rgb(2,48,255)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#353d63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb2 Protanopia 1% of men
#00619a Deuteranopia 1% of men
#00686c Tritanopia 0.001% of the population

Trichromacy

#044eca Protanomaly 1% of men, 0.01% of women
#0451bb Deuteranomaly 6% of men, 0.4% of women
#04569e Tritanomaly 0.01% of the population

#0c36f5 hex color

#0c36f5 Color Information

#0c36f5 Color Conversion

Color Schemes with #0c36f5

Alternatives to #0c36f5

#0c36f5 Preview

Shades and Tints of #0c36f5

Tones of #0c36f5

Color Blindness Simulator