#0f58f4 hex color

In a RGB color space, hex #0f58f4 is composed of 5.9% red, 34.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 93.9% cyan, 63.9% magenta, 0% yellow and 4.3% black. It has a hue angle of 220.9 degrees, a saturation of 91.2% and a lightness of 50.8%. #0f58f4 color hex could be obtained by blending #1eb0ff with #0000e9. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 6
- G 35
- B 96
RGB color chart
- C 94
- M 64
- Y 0
- K 4
CMYK color chart

● #0f58f4 color description : Vivid blue.

The hexadecimal color #0f58f4 has RGB values of R:15, G:88, B:244 and CMYK values of C:0.94, M:0.64, Y:0, K:0.04. Its decimal value is 1005812.

Hex triplet	0f58f4	`#0f58f4`
RGB Decimal	15, 88, 244	`rgb(15,88,244)`
RGB Percent	5.9, 34.5, 95.7	`rgb(5.9%,34.5%,95.7%)`
CMYK	94, 64, 0, 4
HSL	220.9°, 91.2, 50.8	`hsl(220.9,91.2%,50.8%)`
HSV (or HSB)	220.9°, 93.9, 95.7
Web Safe	0066ff	`#0066ff`

CIE-LAB	43.67, 40.259, -82.819
XYZ	20.012, 13.611, 87.155
xyY	0.166, 0.113, 13.611
CIE-LCH	43.67, 92.086, 295.925
CIE-LUV	43.67, -18.739, -122.679
Hunter-Lab	36.893, 32.263, -114.24
Binary	00001111, 01011000, 11110100

#0f58f4
```
#0f58f4 rgb(15,88,244)
```
#f4ab0f
```
#f4ab0f rgb(244,171,15)
```

Complementary Color

#0fcbf4
```
#0fcbf4 rgb(15,203,244)
```
#0f58f4
```
#0f58f4 rgb(15,88,244)
```
#390ff4
```
#390ff4 rgb(57,15,244)
```

Analogous Color

#cbf40f
```
#cbf40f rgb(203,244,15)
```
#0f58f4
```
#0f58f4 rgb(15,88,244)
```
#f4390f
```
#f4390f rgb(244,57,15)
```

Split Complementary Color

#58f40f
```
#58f40f rgb(88,244,15)
```
#0f58f4
```
#0f58f4 rgb(15,88,244)
```
#f40f58
```
#f40f58 rgb(244,15,88)
```

Triadic Color

#0ff4ab
```
#0ff4ab rgb(15,244,171)
```
#0f58f4
```
#0f58f4 rgb(15,88,244)
```
#f40f58
```
#f40f58 rgb(244,15,88)
```
#f4ab0f
```
#f4ab0f rgb(244,171,15)
```

Tetradic Color

#083daf
```
#083daf rgb(8,61,175)
```
#0946c7
```
#0946c7 rgb(9,70,199)
```
#0a4edf
```
#0a4edf rgb(10,78,223)
```
#0f58f4
```
#0f58f4 rgb(15,88,244)
```
#2769f5
```
#2769f5 rgb(39,105,245)
```
#407af6
```
#407af6 rgb(64,122,246)
```
#588bf7
```
#588bf7 rgb(88,139,247)
```

Monochromatic Color

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

#0f91f4
```
#0f91f4 rgb(15,145,244)
```
#0f7ef4
```
#0f7ef4 rgb(15,126,244)
```
#0f6bf4
```
#0f6bf4 rgb(15,107,244)
```
#0f58f4
```
#0f58f4 rgb(15,88,244)
```
#0f45f4
```
#0f45f4 rgb(15,69,244)
```
#0f32f4
```
#0f32f4 rgb(15,50,244)
```
#0f1ff4
```
#0f1ff4 rgb(15,31,244)
```

Similar Colors

Text with hexadecimal color #0f58f4

This text has a font color of #0f58f4.

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

#0f58f4 background color

This paragraph has a background color of #0f58f4.

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

#0f58f4 border color

This element has a border color of #0f58f4.

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

CSS codes

.text {color:#0f58f4;}

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

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

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

#000104
```
#000104 rgb(0,1,4)
```
#010817
```
#010817 rgb(1,8,23)
```
#020e29
```
#020e29 rgb(2,14,41)
```
#03153c
```
#03153c rgb(3,21,60)
```
#041c4f
```
#041c4f rgb(4,28,79)
```
#042262
```
#042262 rgb(4,34,98)
```
#052974
```
#052974 rgb(5,41,116)
```
#062f87
```
#062f87 rgb(6,47,135)
```
#07369a
```
#07369a rgb(7,54,154)
```
#083cad
```
#083cad rgb(8,60,173)
```
#0943bf
```
#0943bf rgb(9,67,191)
```
#0a4ad2
```
#0a4ad2 rgb(10,74,210)
```
#0a50e5
```
#0a50e5 rgb(10,80,229)
```

Shade Color Variation

#0f58f4
```
#0f58f4 rgb(15,88,244)
```
#2265f5
```
#2265f5 rgb(34,101,245)
```
#3572f6
```
#3572f6 rgb(53,114,246)
```
#477ff7
```
#477ff7 rgb(71,127,247)
```
#5a8cf7
```
#5a8cf7 rgb(90,140,247)
```
#6d99f8
```
#6d99f8 rgb(109,153,248)
```
#80a6f9
```
#80a6f9 rgb(128,166,249)
```
#92b3fa
```
#92b3fa rgb(146,179,250)
```
#a5c0fb
```
#a5c0fb rgb(165,192,251)
```
#b8cdfc
```
#b8cdfc rgb(184,205,252)
```
#cbdbfd
```
#cbdbfd rgb(203,219,253)
```
#dde8fd
```
#dde8fd rgb(221,232,253)
```
#f0f5fe
```
#f0f5fe rgb(240,245,254)
```

Tint Color Variation

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

#797e8a
```
#797e8a rgb(121,126,138)
```
#707b93
```
#707b93 rgb(112,123,147)
```
#66779d
```
#66779d rgb(102,119,157)
```
#5c74a7
```
#5c74a7 rgb(92,116,167)
```
#5370b0
```
#5370b0 rgb(83,112,176)
```
#496dba
```
#496dba rgb(73,109,186)
```
#3f69c4
```
#3f69c4 rgb(63,105,196)
```
#3666cd
```
#3666cd rgb(54,102,205)
```
#2c62d7
```
#2c62d7 rgb(44,98,215)
```
#225fe1
```
#225fe1 rgb(34,95,225)
```
#195bea
```
#195bea rgb(25,91,234)
```
#0f58f4
```
#0f58f4 rgb(15,88,244)
```
#0555fe
```
#0555fe rgb(5,85,254)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#465574 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd2 Protanopia 1% of men
#0072b6 Deuteranopia 1% of men
#007a80 Tritanopia 0.001% of the population

Trichromacy

#0564de Protanomaly 1% of men, 0.01% of women
#0568cc Deuteranomaly 6% of men, 0.4% of women
#056daa Tritanomaly 0.01% of the population

#0f58f4 hex color

#0f58f4 Color Information

#0f58f4 Color Conversion

Color Schemes with #0f58f4

Alternatives to #0f58f4

#0f58f4 Preview

Shades and Tints of #0f58f4

Tones of #0f58f4

Color Blindness Simulator