#0c61f5 hex color

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

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

● #0c61f5 color description : Vivid blue.

The hexadecimal color #0c61f5 has RGB values of R:12, G:97, B:245 and CMYK values of C:0.95, M:0.6, Y:0, K:0.04. Its decimal value is 811509.

Hex triplet	0c61f5	`#0c61f5`
RGB Decimal	12, 97, 245	`rgb(12,97,245)`
RGB Percent	4.7, 38, 96.1	`rgb(4.7%,38%,96.1%)`
CMYK	95, 60, 0, 4
HSL	218.1°, 92.1, 50.4	`hsl(218.1,92.1%,50.4%)`
HSV (or HSB)	218.1°, 95.1, 96.1
Web Safe	0066ff	`#0066ff`

CIE-LAB	45.932, 34.864, -79.67
XYZ	20.904, 15.218, 88.217
xyY	0.168, 0.122, 15.218
CIE-LCH	45.932, 86.964, 293.634
CIE-LUV	45.932, -20.963, -120.485
Hunter-Lab	39.011, 27.382, -106.768
Binary	00001100, 01100001, 11110101

#0c61f5
```
#0c61f5 rgb(12,97,245)
```
#f5a00c
```
#f5a00c rgb(245,160,12)
```

Complementary Color

#0cd6f5
```
#0cd6f5 rgb(12,214,245)
```
#0c61f5
```
#0c61f5 rgb(12,97,245)
```
#2c0cf5
```
#2c0cf5 rgb(44,12,245)
```

Analogous Color

#d6f50c
```
#d6f50c rgb(214,245,12)
```
#0c61f5
```
#0c61f5 rgb(12,97,245)
```
#f52c0c
```
#f52c0c rgb(245,44,12)
```

Split Complementary Color

#61f50c
```
#61f50c rgb(97,245,12)
```
#0c61f5
```
#0c61f5 rgb(12,97,245)
```
#f50c61
```
#f50c61 rgb(245,12,97)
```

Triadic Color

#0cf5a0
```
#0cf5a0 rgb(12,245,160)
```
#0c61f5
```
#0c61f5 rgb(12,97,245)
```
#f50c61
```
#f50c61 rgb(245,12,97)
```
#f5a00c
```
#f5a00c rgb(245,160,12)
```

Tetradic Color

#0744ad
```
#0744ad rgb(7,68,173)
```
#084dc6
```
#084dc6 rgb(8,77,198)
```
#0957de
```
#0957de rgb(9,87,222)
```
#0c61f5
```
#0c61f5 rgb(12,97,245)
```
#2471f6
```
#2471f6 rgb(36,113,246)
```
#3d81f7
```
#3d81f7 rgb(61,129,247)
```
#5591f8
```
#5591f8 rgb(85,145,248)
```

Monochromatic Color

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

#0c9bf5
```
#0c9bf5 rgb(12,155,245)
```
#0c88f5
```
#0c88f5 rgb(12,136,245)
```
#0c74f5
```
#0c74f5 rgb(12,116,245)
```
#0c61f5
```
#0c61f5 rgb(12,97,245)
```
#0c4ef5
```
#0c4ef5 rgb(12,78,245)
```
#0c3af5
```
#0c3af5 rgb(12,58,245)
```
#0c27f5
```
#0c27f5 rgb(12,39,245)
```

Similar Colors

Text with hexadecimal color #0c61f5

This text has a font color of #0c61f5.

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

#0c61f5 background color

This paragraph has a background color of #0c61f5.

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

#0c61f5 border color

This element has a border color of #0c61f5.

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

CSS codes

.text {color:#0c61f5;}

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

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

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)
```
#02173a
```
#02173a rgb(2,23,58)
```
#031e4d
```
#031e4d rgb(3,30,77)
```
#042660
```
#042660 rgb(4,38,96)
```
#052d73
```
#052d73 rgb(5,45,115)
```
#063486
```
#063486 rgb(6,52,134)
```
#063c99
```
#063c99 rgb(6,60,153)
```
#0743ab
```
#0743ab rgb(7,67,171)
```
#084abe
```
#084abe rgb(8,74,190)
```
#0952d1
```
#0952d1 rgb(9,82,209)
```
#0959e4
```
#0959e4 rgb(9,89,228)
```

Shade Color Variation

#0c61f5
```
#0c61f5 rgb(12,97,245)
```
#1f6df6
```
#1f6df6 rgb(31,109,246)
```
#3279f7
```
#3279f7 rgb(50,121,247)
```
#4586f7
```
#4586f7 rgb(69,134,247)
```
#5792f8
```
#5792f8 rgb(87,146,248)
```
#6a9ef9
```
#6a9ef9 rgb(106,158,249)
```
#7daafa
```
#7daafa rgb(125,170,250)
```
#90b7fa
```
#90b7fa rgb(144,183,250)
```
#a3c3fb
```
#a3c3fb rgb(163,195,251)
```
#b6cffc
```
#b6cffc rgb(182,207,252)
```
#c8dbfd
```
#c8dbfd rgb(200,219,253)
```
#dbe8fe
```
#dbe8fe rgb(219,232,254)
```
#eef4fe
```
#eef4fe rgb(238,244,254)
```

Tint Color Variation

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

#777e8a
```
#777e8a rgb(119,126,138)
```
#6d7b94
```
#6d7b94 rgb(109,123,148)
```
#64799d
```
#64799d rgb(100,121,157)
```
#5a76a7
```
#5a76a7 rgb(90,118,167)
```
#5073b1
```
#5073b1 rgb(80,115,177)
```
#4671bb
```
#4671bb rgb(70,113,187)
```
#3d6ec4
```
#3d6ec4 rgb(61,110,196)
```
#336cce
```
#336cce rgb(51,108,206)
```
#2969d8
```
#2969d8 rgb(41,105,216)
```
#1f66e2
```
#1f66e2 rgb(31,102,226)
```
#1664eb
```
#1664eb rgb(22,100,235)
```
#0c61f5
```
#0c61f5 rgb(12,97,245)
```
#025eff
```
#025eff rgb(2,94,255)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#495a77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070dc Protanopia 1% of men
#0077bf Deuteranopia 1% of men
#007f86 Tritanopia 0.001% of the population

Trichromacy

#046be5 Protanomaly 1% of men, 0.01% of women
#046fd3 Deuteranomaly 6% of men, 0.4% of women
#0474ae Tritanomaly 0.01% of the population

#0c61f5 hex color

#0c61f5 Color Information

#0c61f5 Color Conversion

Color Schemes with #0c61f5

Alternatives to #0c61f5

#0c61f5 Preview

Shades and Tints of #0c61f5

Tones of #0c61f5

Color Blindness Simulator