#0f77f7 hex color

In a RGB color space, hex #0f77f7 is composed of 5.9% red, 46.7% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 93.9% cyan, 51.8% magenta, 0% yellow and 3.1% black. It has a hue angle of 213.1 degrees, a saturation of 93.5% and a lightness of 51.4%. #0f77f7 color hex could be obtained by blending #1eeeff with #0000ef. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 6
- G 47
- B 97
RGB color chart
- C 94
- M 52
- Y 0
- K 3
CMYK color chart

● #0f77f7 color description : Vivid blue.

The hexadecimal color #0f77f7 has RGB values of R:15, G:119, B:247 and CMYK values of C:0.94, M:0.52, Y:0, K:0.03. Its decimal value is 1013751.

Hex triplet	0f77f7	`#0f77f7`
RGB Decimal	15, 119, 247	`rgb(15,119,247)`
RGB Percent	5.9, 46.7, 96.9	`rgb(5.9%,46.7%,96.9%)`
CMYK	94, 52, 0, 3
HSL	213.1°, 93.5, 51.4	`hsl(213.1,93.5%,51.4%)`
HSV (or HSB)	213.1°, 93.9, 96.9
Web Safe	0066ff	`#0066ff`

CIE-LAB	51.847, 21.726, -71.143
XYZ	23.579, 20.009, 90.61
xyY	0.176, 0.149, 20.009
CIE-LCH	51.847, 74.386, 286.982
CIE-LUV	51.847, -26.604, -111.858
Hunter-Lab	44.731, 15.812, -88.79
Binary	00001111, 01110111, 11110111

#0f77f7
```
#0f77f7 rgb(15,119,247)
```
#f78f0f
```
#f78f0f rgb(247,143,15)
```

Complementary Color

#0febf7
```
#0febf7 rgb(15,235,247)
```
#0f77f7
```
#0f77f7 rgb(15,119,247)
```
#1b0ff7
```
#1b0ff7 rgb(27,15,247)
```

Analogous Color

#ebf70f
```
#ebf70f rgb(235,247,15)
```
#0f77f7
```
#0f77f7 rgb(15,119,247)
```
#f71b0f
```
#f71b0f rgb(247,27,15)
```

Split Complementary Color

#77f70f
```
#77f70f rgb(119,247,15)
```
#0f77f7
```
#0f77f7 rgb(15,119,247)
```
#f70f77
```
#f70f77 rgb(247,15,119)
```

Triadic Color

#0ff78f
```
#0ff78f rgb(15,247,143)
```
#0f77f7
```
#0f77f7 rgb(15,119,247)
```
#f70f77
```
#f70f77 rgb(247,15,119)
```
#f78f0f
```
#f78f0f rgb(247,143,15)
```

Tetradic Color

#0654b4
```
#0654b4 rgb(6,84,180)
```
#075fcc
```
#075fcc rgb(7,95,204)
```
#086be5
```
#086be5 rgb(8,107,229)
```
#0f77f7
```
#0f77f7 rgb(15,119,247)
```
#2885f8
```
#2885f8 rgb(40,133,248)
```
#4093f9
```
#4093f9 rgb(64,147,249)
```
#59a1f9
```
#59a1f9 rgb(89,161,249)
```

Monochromatic Color

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

#0fb1f7
```
#0fb1f7 rgb(15,177,247)
```
#0f9ef7
```
#0f9ef7 rgb(15,158,247)
```
#0f8af7
```
#0f8af7 rgb(15,138,247)
```
#0f77f7
```
#0f77f7 rgb(15,119,247)
```
#0f64f7
```
#0f64f7 rgb(15,100,247)
```
#0f50f7
```
#0f50f7 rgb(15,80,247)
```
#0f3df7
```
#0f3df7 rgb(15,61,247)
```

Similar Colors

Text with hexadecimal color #0f77f7

This text has a font color of #0f77f7.

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

#0f77f7 background color

This paragraph has a background color of #0f77f7.

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

#0f77f7 border color

This element has a border color of #0f77f7.

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

CSS codes

.text {color:#0f77f7;}

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

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

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

#000307
```
#000307 rgb(0,3,7)
```
#010c1a
```
#010c1a rgb(1,12,26)
```
#01152d
```
#01152d rgb(1,21,45)
```
#021e40
```
#021e40 rgb(2,30,64)
```
#032753
```
#032753 rgb(3,39,83)
```
#032f66
```
#032f66 rgb(3,47,102)
```
#043879
```
#043879 rgb(4,56,121)
```
#05418c
```
#05418c rgb(5,65,140)
```
#054a9f
```
#054a9f rgb(5,74,159)
```
#0653b2
```
#0653b2 rgb(6,83,178)
```
#075cc5
```
#075cc5 rgb(7,92,197)
```
#0765d8
```
#0765d8 rgb(7,101,216)
```
#086deb
```
#086deb rgb(8,109,235)
```

Shade Color Variation

#0f77f7
```
#0f77f7 rgb(15,119,247)
```
#2282f8
```
#2282f8 rgb(34,130,248)
```
#358df8
```
#358df8 rgb(53,141,248)
```
#4897f9
```
#4897f9 rgb(72,151,249)
```
#5ba2fa
```
#5ba2fa rgb(91,162,250)
```
#6eadfa
```
#6eadfa rgb(110,173,250)
```
#81b8fb
```
#81b8fb rgb(129,184,251)
```
#94c2fb
```
#94c2fb rgb(148,194,251)
```
#a7cdfc
```
#a7cdfc rgb(167,205,252)
```
#bad8fd
```
#bad8fd rgb(186,216,253)
```
#cde3fd
```
#cde3fd rgb(205,227,253)
```
#e0edfe
```
#e0edfe rgb(224,237,254)
```
#f3f8ff
```
#f3f8ff rgb(243,248,255)
```

Tint Color Variation

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

#818385
```
#818385 rgb(129,131,133)
```
#78828e
```
#78828e rgb(120,130,142)
```
#6e8198
```
#6e8198 rgb(110,129,152)
```
#6580a1
```
#6580a1 rgb(101,128,161)
```
#5b7fab
```
#5b7fab rgb(91,127,171)
```
#527eb4
```
#527eb4 rgb(82,126,180)
```
#487dbe
```
#487dbe rgb(72,125,190)
```
#3f7cc7
```
#3f7cc7 rgb(63,124,199)
```
#357bd1
```
#357bd1 rgb(53,123,209)
```
#2c7ada
```
#2c7ada rgb(44,122,218)
```
#2279e4
```
#2279e4 rgb(34,121,228)
```
#1978ed
```
#1978ed rgb(25,120,237)
```
#0f77f7
```
#0f77f7 rgb(15,119,247)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#556983 Atypical Achromatopsia 0.001% of the population

Dichromacy

#107ef7 Protanopia 1% of men
#0085d9 Deuteranopia 1% of men
#008f97 Tritanopia 0.001% of the population

Trichromacy

#107bf7 Protanomaly 1% of men, 0.01% of women
#0580e4 Deuteranomaly 6% of men, 0.4% of women
#0586ba Tritanomaly 0.01% of the population

#0f77f7 hex color

#0f77f7 Color Information

#0f77f7 Color Conversion

Color Schemes with #0f77f7

Alternatives to #0f77f7

#0f77f7 Preview

Shades and Tints of #0f77f7

Tones of #0f77f7

Color Blindness Simulator