#0c77f4 hex color

In a RGB color space, hex #0c77f4 is composed of 4.7% red, 46.7% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 95.1% cyan, 51.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 212.3 degrees, a saturation of 91.3% and a lightness of 50.2%. #0c77f4 color hex could be obtained by blending #18eeff with #0000e9. Closest websafe color is: #0066ff.

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

● #0c77f4 color description : Vivid blue.

The hexadecimal color #0c77f4 has RGB values of R:12, G:119, B:244 and CMYK values of C:0.95, M:0.51, Y:0, K:0.04. Its decimal value is 817140.

Hex triplet	0c77f4	`#0c77f4`
RGB Decimal	12, 119, 244	`rgb(12,119,244)`
RGB Percent	4.7, 46.7, 95.7	`rgb(4.7%,46.7%,95.7%)`
CMYK	95, 51, 0, 4
HSL	212.3°, 91.3, 50.2	`hsl(212.3,91.3%,50.2%)`
HSV (or HSB)	212.3°, 95.1, 95.7
Web Safe	0066ff	`#0066ff`

CIE-LAB	51.612, 20.481, -69.857
XYZ	23.074, 19.801, 88.189
xyY	0.176, 0.151, 19.801
CIE-LCH	51.612, 72.798, 286.34
CIE-LUV	51.612, -26.823, -109.717
Hunter-Lab	44.499, 14.685, -86.353
Binary	00001100, 01110111, 11110100

#0c77f4
```
#0c77f4 rgb(12,119,244)
```
#f4890c
```
#f4890c rgb(244,137,12)
```

Complementary Color

#0cebf4
```
#0cebf4 rgb(12,235,244)
```
#0c77f4
```
#0c77f4 rgb(12,119,244)
```
#150cf4
```
#150cf4 rgb(21,12,244)
```

Analogous Color

#ebf40c
```
#ebf40c rgb(235,244,12)
```
#0c77f4
```
#0c77f4 rgb(12,119,244)
```
#f4150c
```
#f4150c rgb(244,21,12)
```

Split Complementary Color

#77f40c
```
#77f40c rgb(119,244,12)
```
#0c77f4
```
#0c77f4 rgb(12,119,244)
```
#f40c77
```
#f40c77 rgb(244,12,119)
```

Triadic Color

#0cf489
```
#0cf489 rgb(12,244,137)
```
#0c77f4
```
#0c77f4 rgb(12,119,244)
```
#f40c77
```
#f40c77 rgb(244,12,119)
```
#f4890c
```
#f4890c rgb(244,137,12)
```

Tetradic Color

#0853ac
```
#0853ac rgb(8,83,172)
```
#095fc4
```
#095fc4 rgb(9,95,196)
```
#0a6bdd
```
#0a6bdd rgb(10,107,221)
```
#0c77f4
```
#0c77f4 rgb(12,119,244)
```
#2485f5
```
#2485f5 rgb(36,133,245)
```
#3d92f6
```
#3d92f6 rgb(61,146,246)
```
#55a0f7
```
#55a0f7 rgb(85,160,247)
```

Monochromatic Color

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

#0cb1f4
```
#0cb1f4 rgb(12,177,244)
```
#0c9ef4
```
#0c9ef4 rgb(12,158,244)
```
#0c8af4
```
#0c8af4 rgb(12,138,244)
```
#0c77f4
```
#0c77f4 rgb(12,119,244)
```
#0c64f4
```
#0c64f4 rgb(12,100,244)
```
#0c50f4
```
#0c50f4 rgb(12,80,244)
```
#0c3df4
```
#0c3df4 rgb(12,61,244)
```

Similar Colors

Text with hexadecimal color #0c77f4

This text has a font color of #0c77f4.

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

#0c77f4 background color

This paragraph has a background color of #0c77f4.

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

#0c77f4 border color

This element has a border color of #0c77f4.

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

CSS codes

.text {color:#0c77f4;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#010a14
```
#010a14 rgb(1,10,20)
```
#021326
```
#021326 rgb(2,19,38)
```
#031c39
```
#031c39 rgb(3,28,57)
```
#03254c
```
#03254c rgb(3,37,76)
```
#042e5f
```
#042e5f rgb(4,46,95)
```
#053772
```
#053772 rgb(5,55,114)
```
#064084
```
#064084 rgb(6,64,132)
```
#074997
```
#074997 rgb(7,73,151)
```
#0852aa
```
#0852aa rgb(8,82,170)
```
#095cbd
```
#095cbd rgb(9,92,189)
```
#0965cf
```
#0965cf rgb(9,101,207)
```
#0a6ee2
```
#0a6ee2 rgb(10,110,226)
```

Shade Color Variation

#0c77f4
```
#0c77f4 rgb(12,119,244)
```
#1f82f5
```
#1f82f5 rgb(31,130,245)
```
#328cf6
```
#328cf6 rgb(50,140,246)
```
#4497f7
```
#4497f7 rgb(68,151,247)
```
#57a1f7
```
#57a1f7 rgb(87,161,247)
```
#6aacf8
```
#6aacf8 rgb(106,172,248)
```
#7db6f9
```
#7db6f9 rgb(125,182,249)
```
#8fc1fa
```
#8fc1fa rgb(143,193,250)
```
#a2cbfb
```
#a2cbfb rgb(162,203,251)
```
#b5d6fc
```
#b5d6fc rgb(181,214,252)
```
#c8e0fc
```
#c8e0fc rgb(200,224,252)
```
#daebfd
```
#daebfd rgb(218,235,253)
```
#edf5fe
```
#edf5fe rgb(237,245,254)
```

Tint Color Variation

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

#777f89
```
#777f89 rgb(119,127,137)
```
#6e7f92
```
#6e7f92 rgb(110,127,146)
```
#647e9c
```
#647e9c rgb(100,126,156)
```
#5a7da6
```
#5a7da6 rgb(90,125,166)
```
#507cb0
```
#507cb0 rgb(80,124,176)
```
#477cb9
```
#477cb9 rgb(71,124,185)
```
#3d7bc3
```
#3d7bc3 rgb(61,123,195)
```
#337acd
```
#337acd rgb(51,122,205)
```
#2979d7
```
#2979d7 rgb(41,121,215)
```
#2079e0
```
#2079e0 rgb(32,121,224)
```
#1678ea
```
#1678ea rgb(22,120,234)
```
#0c77f4
```
#0c77f4 rgb(12,119,244)
```
#0276fe
```
#0276fe rgb(2,118,254)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#536982 Atypical Achromatopsia 0.001% of the population

Dichromacy

#207df4 Protanopia 1% of men
#0084d8 Deuteranopia 1% of men
#008e96 Tritanopia 0.001% of the population

Trichromacy

#187bf4 Protanomaly 1% of men, 0.01% of women
#047fe2 Deuteranomaly 6% of men, 0.4% of women
#0486b8 Tritanomaly 0.01% of the population

#0c77f4 hex color

#0c77f4 Color Information

#0c77f4 Color Conversion

Color Schemes with #0c77f4

Alternatives to #0c77f4

#0c77f4 Preview

Shades and Tints of #0c77f4

Tones of #0c77f4

Color Blindness Simulator