#0f77f2 hex color

In a RGB color space, hex #0f77f2 is composed of 5.9% red, 46.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 93.8% cyan, 50.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 212.5 degrees, a saturation of 89.7% and a lightness of 50.4%. #0f77f2 color hex could be obtained by blending #1eeeff with #0000e5. Closest websafe color is: #0066ff.

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

● #0f77f2 color description : Vivid blue.

The hexadecimal color #0f77f2 has RGB values of R:15, G:119, B:242 and CMYK values of C:0.94, M:0.51, Y:0, K:0.05. Its decimal value is 1013746.

Hex triplet	0f77f2	`#0f77f2`
RGB Decimal	15, 119, 242	`rgb(15,119,242)`
RGB Percent	5.9, 46.7, 94.9	`rgb(5.9%,46.7%,94.9%)`
CMYK	94, 51, 0, 5
HSL	212.5°, 89.7, 50.4	`hsl(212.5,89.7%,50.4%)`
HSV (or HSB)	212.5°, 93.8, 94.9
Web Safe	0066ff	`#0066ff`

CIE-LAB	51.501, 19.798, -68.922
XYZ	22.817, 19.704, 86.6
xyY	0.177, 0.153, 19.704
CIE-LCH	51.501, 71.71, 286.027
CIE-LUV	51.501, -26.769, -108.207
Hunter-Lab	44.389, 14.073, -84.598
Binary	00001111, 01110111, 11110010

#0f77f2
```
#0f77f2 rgb(15,119,242)
```
#f28a0f
```
#f28a0f rgb(242,138,15)
```

Complementary Color

#0fe9f2
```
#0fe9f2 rgb(15,233,242)
```
#0f77f2
```
#0f77f2 rgb(15,119,242)
```
#180ff2
```
#180ff2 rgb(24,15,242)
```

Analogous Color

#e9f20f
```
#e9f20f rgb(233,242,15)
```
#0f77f2
```
#0f77f2 rgb(15,119,242)
```
#f2180f
```
#f2180f rgb(242,24,15)
```

Split Complementary Color

#77f20f
```
#77f20f rgb(119,242,15)
```
#0f77f2
```
#0f77f2 rgb(15,119,242)
```
#f20f77
```
#f20f77 rgb(242,15,119)
```

Triadic Color

#0ff28a
```
#0ff28a rgb(15,242,138)
```
#0f77f2
```
#0f77f2 rgb(15,119,242)
```
#f20f77
```
#f20f77 rgb(242,15,119)
```
#f28a0f
```
#f28a0f rgb(242,138,15)
```

Tetradic Color

#0953ab
```
#0953ab rgb(9,83,171)
```
#0b5fc3
```
#0b5fc3 rgb(11,95,195)
```
#0c6bdc
```
#0c6bdc rgb(12,107,220)
```
#0f77f2
```
#0f77f2 rgb(15,119,242)
```
#2785f3
```
#2785f3 rgb(39,133,243)
```
#3f92f5
```
#3f92f5 rgb(63,146,245)
```
#58a0f6
```
#58a0f6 rgb(88,160,246)
```

Monochromatic Color

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

#0fb0f2
```
#0fb0f2 rgb(15,176,242)
```
#0f9df2
```
#0f9df2 rgb(15,157,242)
```
#0f8af2
```
#0f8af2 rgb(15,138,242)
```
#0f77f2
```
#0f77f2 rgb(15,119,242)
```
#0f64f2
```
#0f64f2 rgb(15,100,242)
```
#0f51f2
```
#0f51f2 rgb(15,81,242)
```
#0f3ef2
```
#0f3ef2 rgb(15,62,242)
```

Similar Colors

Text with hexadecimal color #0f77f2

This text has a font color of #0f77f2.

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

#0f77f2 background color

This paragraph has a background color of #0f77f2.

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

#0f77f2 border color

This element has a border color of #0f77f2.

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

CSS codes

.text {color:#0f77f2;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#010a15
```
#010a15 rgb(1,10,21)
```
#021327
```
#021327 rgb(2,19,39)
```
#031c3a
```
#031c3a rgb(3,28,58)
```
#04254c
```
#04254c rgb(4,37,76)
```
#052e5f
```
#052e5f rgb(5,46,95)
```
#063772
```
#063772 rgb(6,55,114)
```
#074084
```
#074084 rgb(7,64,132)
```
#084997
```
#084997 rgb(8,73,151)
```
#0953a9
```
#0953a9 rgb(9,83,169)
```
#0a5cbc
```
#0a5cbc rgb(10,92,188)
```
#0b65cf
```
#0b65cf rgb(11,101,207)
```
#0c6ee1
```
#0c6ee1 rgb(12,110,225)
```

Shade Color Variation

#0f77f2
```
#0f77f2 rgb(15,119,242)
```
#2282f3
```
#2282f3 rgb(34,130,243)
```
#348cf4
```
#348cf4 rgb(52,140,244)
```
#4797f5
```
#4797f5 rgb(71,151,245)
```
#59a1f6
```
#59a1f6 rgb(89,161,246)
```
#6cacf7
```
#6cacf7 rgb(108,172,247)
```
#7fb6f8
```
#7fb6f8 rgb(127,182,248)
```
#91c1f9
```
#91c1f9 rgb(145,193,249)
```
#a4cbfa
```
#a4cbfa rgb(164,203,250)
```
#b6d6fb
```
#b6d6fb rgb(182,214,251)
```
#c9e0fc
```
#c9e0fc rgb(201,224,252)
```
#dcebfd
```
#dcebfd rgb(220,235,253)
```
#eef6fe
```
#eef6fe rgb(238,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a8087 is the less saturated color, while #0576fc is the most saturated one.

#7a8087
```
#7a8087 rgb(122,128,135)
```
#707f91
```
#707f91 rgb(112,127,145)
```
#677e9a
```
#677e9a rgb(103,126,154)
```
#5d7ea4
```
#5d7ea4 rgb(93,126,164)
```
#537dae
```
#537dae rgb(83,125,174)
```
#497cb8
```
#497cb8 rgb(73,124,184)
```
#407bc1
```
#407bc1 rgb(64,123,193)
```
#367acb
```
#367acb rgb(54,122,203)
```
#2c79d5
```
#2c79d5 rgb(44,121,213)
```
#2279df
```
#2279df rgb(34,121,223)
```
#1978e8
```
#1978e8 rgb(25,120,232)
```
#0f77f2
```
#0f77f2 rgb(15,119,242)
```
#0576fc
```
#0576fc rgb(5,118,252)
```

Tone Color Variation

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

Dichromacy

#267df2 Protanopia 1% of men
#0084d8 Deuteranopia 1% of men
#008e96 Tritanopia 0.001% of the population

Trichromacy

#1e7bf2 Protanomaly 1% of men, 0.01% of women
#057fe1 Deuteranomaly 6% of men, 0.4% of women
#0585b7 Tritanomaly 0.01% of the population

#0f77f2 hex color

#0f77f2 Color Information

#0f77f2 Color Conversion

Color Schemes with #0f77f2

Alternatives to #0f77f2

#0f77f2 Preview

Shades and Tints of #0f77f2

Tones of #0f77f2

Color Blindness Simulator