#0fb4f5 hex color

In a RGB color space, hex #0fb4f5 is composed of 5.9% red, 70.6% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 93.9% cyan, 26.5% magenta, 0% yellow and 3.9% black. It has a hue angle of 197 degrees, a saturation of 92% and a lightness of 51%. #0fb4f5 color hex could be obtained by blending #1effff with #0069eb. Closest websafe color is: #00ccff.

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

● #0fb4f5 color description : Vivid blue.

The hexadecimal color #0fb4f5 has RGB values of R:15, G:180, B:245 and CMYK values of C:0.94, M:0.27, Y:0, K:0.04. Its decimal value is 1029365.

Hex triplet	0fb4f5	`#0fb4f5`
RGB Decimal	15, 180, 245	`rgb(15,180,245)`
RGB Percent	5.9, 70.6, 96.1	`rgb(5.9%,70.6%,96.1%)`
CMYK	94, 27, 0, 4
HSL	197°, 92, 51	`hsl(197,92%,51%)`
HSV (or HSB)	197°, 93.9, 96.1
Web Safe	00ccff	`#00ccff`

CIE-LAB	68.992, -14.94, -42.699
XYZ	32.995, 39.333, 92.234
xyY	0.201, 0.239, 39.333
CIE-LCH	68.992, 45.238, 250.716
CIE-LUV	68.992, -45.871, -67.151
Hunter-Lab	62.716, -15.844, -43.294
Binary	00001111, 10110100, 11110101

#0fb4f5
```
#0fb4f5 rgb(15,180,245)
```
#f5500f
```
#f5500f rgb(245,80,15)
```

Complementary Color

#0ff5c3
```
#0ff5c3 rgb(15,245,195)
```
#0fb4f5
```
#0fb4f5 rgb(15,180,245)
```
#0f41f5
```
#0f41f5 rgb(15,65,245)
```

Analogous Color

#f5c30f
```
#f5c30f rgb(245,195,15)
```
#0fb4f5
```
#0fb4f5 rgb(15,180,245)
```
#f50f41
```
#f50f41 rgb(245,15,65)
```

Split Complementary Color

#b4f50f
```
#b4f50f rgb(180,245,15)
```
#0fb4f5
```
#0fb4f5 rgb(15,180,245)
```
#f50fb4
```
#f50fb4 rgb(245,15,180)
```

Triadic Color

#0ff550
```
#0ff550 rgb(15,245,80)
```
#0fb4f5
```
#0fb4f5 rgb(15,180,245)
```
#f50fb4
```
#f50fb4 rgb(245,15,180)
```
#f5500f
```
#f5500f rgb(245,80,15)
```

Tetradic Color

#0780b0
```
#0780b0 rgb(7,128,176)
```
#0892c9
```
#0892c9 rgb(8,146,201)
```
#09a4e1
```
#09a4e1 rgb(9,164,225)
```
#0fb4f5
```
#0fb4f5 rgb(15,180,245)
```
#27bcf6
```
#27bcf6 rgb(39,188,246)
```
#40c3f7
```
#40c3f7 rgb(64,195,247)
```
#58cbf8
```
#58cbf8 rgb(88,203,248)
```

Monochromatic Color

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

#0feef5
```
#0feef5 rgb(15,238,245)
```
#0fdaf5
```
#0fdaf5 rgb(15,218,245)
```
#0fc7f5
```
#0fc7f5 rgb(15,199,245)
```
#0fb4f5
```
#0fb4f5 rgb(15,180,245)
```
#0fa1f5
```
#0fa1f5 rgb(15,161,245)
```
#0f8ef5
```
#0f8ef5 rgb(15,142,245)
```
#0f7bf5
```
#0f7bf5 rgb(15,123,245)
```

Similar Colors

Text with hexadecimal color #0fb4f5

This text has a font color of #0fb4f5.

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

#0fb4f5 background color

This paragraph has a background color of #0fb4f5.

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

#0fb4f5 border color

This element has a border color of #0fb4f5.

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

CSS codes

.text {color:#0fb4f5;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#011118
```
#011118 rgb(1,17,24)
```
#021f2a
```
#021f2a rgb(2,31,42)
```
#032d3d
```
#032d3d rgb(3,45,61)
```
#033a50
```
#033a50 rgb(3,58,80)
```
#044863
```
#044863 rgb(4,72,99)
```
#055676
```
#055676 rgb(5,86,118)
```
#066489
```
#066489 rgb(6,100,137)
```
#06719b
```
#06719b rgb(6,113,155)
```
#077fae
```
#077fae rgb(7,127,174)
```
#088dc1
```
#088dc1 rgb(8,141,193)
```
#099bd4
```
#099bd4 rgb(9,155,212)
```
#0aa8e7
```
#0aa8e7 rgb(10,168,231)
```

Shade Color Variation

#0fb4f5
```
#0fb4f5 rgb(15,180,245)
```
#22baf6
```
#22baf6 rgb(34,186,246)
```
#35c0f7
```
#35c0f7 rgb(53,192,247)
```
#47c6f7
```
#47c6f7 rgb(71,198,247)
```
#5accf8
```
#5accf8 rgb(90,204,248)
```
#6dd1f9
```
#6dd1f9 rgb(109,209,249)
```
#80d7fa
```
#80d7fa rgb(128,215,250)
```
#93ddfa
```
#93ddfa rgb(147,221,250)
```
#a6e3fb
```
#a6e3fb rgb(166,227,251)
```
#b8e9fc
```
#b8e9fc rgb(184,233,252)
```
#cbeffd
```
#cbeffd rgb(203,239,253)
```
#def5fe
```
#def5fe rgb(222,245,254)
```
#f1fbfe
```
#f1fbfe rgb(241,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #79868b is the less saturated color, while #05b8ff is the most saturated one.

#79868b
```
#79868b rgb(121,134,139)
```
#6f8a95
```
#6f8a95 rgb(111,138,149)
```
#668e9e
```
#668e9e rgb(102,142,158)
```
#5c93a8
```
#5c93a8 rgb(92,147,168)
```
#5297b2
```
#5297b2 rgb(82,151,178)
```
#499bbb
```
#499bbb rgb(73,155,187)
```
#3f9fc5
```
#3f9fc5 rgb(63,159,197)
```
#35a3cf
```
#35a3cf rgb(53,163,207)
```
#2ca7d8
```
#2ca7d8 rgb(44,167,216)
```
#22ace2
```
#22ace2 rgb(34,172,226)
```
#19b0eb
```
#19b0eb rgb(25,176,235)
```
#0fb4f5
```
#0fb4f5 rgb(15,180,245)
```
#05b8ff
```
#05b8ff rgb(5,184,255)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#71929f Atypical Achromatopsia 0.001% of the population

Dichromacy

#97aaeb Protanopia 1% of men
#85acfa Deuteranopia 1% of men
#00bdca Tritanopia 0.001% of the population

Trichromacy

#65aeef Protanomaly 1% of men, 0.01% of women
#5aaff8 Deuteranomaly 6% of men, 0.4% of women
#05bad9 Tritanomaly 0.01% of the population

#0fb4f5 hex color

#0fb4f5 Color Information

#0fb4f5 Color Conversion

Color Schemes with #0fb4f5

Alternatives to #0fb4f5

#0fb4f5 Preview

Shades and Tints of #0fb4f5

Tones of #0fb4f5

Color Blindness Simulator