#0fc4f8 hex color

In a RGB color space, hex #0fc4f8 is composed of 5.9% red, 76.9% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 94% cyan, 21% magenta, 0% yellow and 2.7% black. It has a hue angle of 193.4 degrees, a saturation of 94.3% and a lightness of 51.6%. #0fc4f8 color hex could be obtained by blending #1effff with #0089f1. Closest websafe color is: #00ccff.

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

● #0fc4f8 color description : Vivid cyan.

The hexadecimal color #0fc4f8 has RGB values of R:15, G:196, B:248 and CMYK values of C:0.94, M:0.21, Y:0, K:0.03. Its decimal value is 1033464.

Hex triplet	0fc4f8	`#0fc4f8`
RGB Decimal	15, 196, 248	`rgb(15,196,248)`
RGB Percent	5.9, 76.9, 97.3	`rgb(5.9%,76.9%,97.3%)`
CMYK	94, 21, 0, 3
HSL	193.4°, 94.3, 51.6	`hsl(193.4,94.3%,51.6%)`
HSV (or HSB)	193.4°, 94, 97.3
Web Safe	00ccff	`#00ccff`

CIE-LAB	73.775, -22.289, -36.864
XYZ	36.876, 46.355, 95.806
xyY	0.206, 0.259, 46.355
CIE-LCH	73.775, 43.079, 238.841
CIE-LUV	73.775, -50.999, -56.747
Hunter-Lab	68.085, -22.47, -35.771
Binary	00001111, 11000100, 11111000

#0fc4f8
```
#0fc4f8 rgb(15,196,248)
```
#f8430f
```
#f8430f rgb(248,67,15)
```

Complementary Color

#0ff8b8
```
#0ff8b8 rgb(15,248,184)
```
#0fc4f8
```
#0fc4f8 rgb(15,196,248)
```
#0f4ff8
```
#0f4ff8 rgb(15,79,248)
```

Analogous Color

#f8b80f
```
#f8b80f rgb(248,184,15)
```
#0fc4f8
```
#0fc4f8 rgb(15,196,248)
```
#f80f4f
```
#f80f4f rgb(248,15,79)
```

Split Complementary Color

#c4f80f
```
#c4f80f rgb(196,248,15)
```
#0fc4f8
```
#0fc4f8 rgb(15,196,248)
```
#f80fc4
```
#f80fc4 rgb(248,15,196)
```

Triadic Color

#0ff843
```
#0ff843 rgb(15,248,67)
```
#0fc4f8
```
#0fc4f8 rgb(15,196,248)
```
#f80fc4
```
#f80fc4 rgb(248,15,196)
```
#f8430f
```
#f8430f rgb(248,67,15)
```

Tetradic Color

#058eb5
```
#058eb5 rgb(5,142,181)
```
#06a1ce
```
#06a1ce rgb(6,161,206)
```
#07b5e7
```
#07b5e7 rgb(7,181,231)
```
#0fc4f8
```
#0fc4f8 rgb(15,196,248)
```
#28caf9
```
#28caf9 rgb(40,202,249)
```
#41d0f9
```
#41d0f9 rgb(65,208,249)
```
#59d6fa
```
#59d6fa rgb(89,214,250)
```

Monochromatic Color

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

#0ff8f2
```
#0ff8f2 rgb(15,248,242)
```
#0febf8
```
#0febf8 rgb(15,235,248)
```
#0fd7f8
```
#0fd7f8 rgb(15,215,248)
```
#0fc4f8
```
#0fc4f8 rgb(15,196,248)
```
#0fb1f8
```
#0fb1f8 rgb(15,177,248)
```
#0f9df8
```
#0f9df8 rgb(15,157,248)
```
#0f8af8
```
#0f8af8 rgb(15,138,248)
```

Similar Colors

Text with hexadecimal color #0fc4f8

This text has a font color of #0fc4f8.

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

#0fc4f8 background color

This paragraph has a background color of #0fc4f8.

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

#0fc4f8 border color

This element has a border color of #0fc4f8.

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

CSS codes

.text {color:#0fc4f8;}

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

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

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

#000608
```
#000608 rgb(0,6,8)
```
#01151b
```
#01151b rgb(1,21,27)
```
#01242e
```
#01242e rgb(1,36,46)
```
#023341
```
#023341 rgb(2,51,65)
```
#024254
```
#024254 rgb(2,66,84)
```
#035167
```
#035167 rgb(3,81,103)
```
#04607a
```
#04607a rgb(4,96,122)
```
#046f8d
```
#046f8d rgb(4,111,141)
```
#057ea0
```
#057ea0 rgb(5,126,160)
```
#058cb3
```
#058cb3 rgb(5,140,179)
```
#069bc6
```
#069bc6 rgb(6,155,198)
```
#06aad9
```
#06aad9 rgb(6,170,217)
```
#07b9ec
```
#07b9ec rgb(7,185,236)
```

Shade Color Variation

#0fc4f8
```
#0fc4f8 rgb(15,196,248)
```
#22c9f9
```
#22c9f9 rgb(34,201,249)
```
#35cdf9
```
#35cdf9 rgb(53,205,249)
```
#48d2fa
```
#48d2fa rgb(72,210,250)
```
#5bd7fa
```
#5bd7fa rgb(91,215,250)
```
#6edbfb
```
#6edbfb rgb(110,219,251)
```
#81e0fb
```
#81e0fb rgb(129,224,251)
```
#94e5fc
```
#94e5fc rgb(148,229,252)
```
#a7e9fc
```
#a7e9fc rgb(167,233,252)
```
#bbeefd
```
#bbeefd rgb(187,238,253)
```
#cef3fe
```
#cef3fe rgb(206,243,254)
```
#e1f8fe
```
#e1f8fe rgb(225,248,254)
```
#f4fcff
```
#f4fcff rgb(244,252,255)
```

Tint Color Variation

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

#818586
```
#818586 rgb(129,133,134)
```
#788a90
```
#788a90 rgb(120,138,144)
```
#6e8f99
```
#6e8f99 rgb(110,143,153)
```
#6595a3
```
#6595a3 rgb(101,149,163)
```
#5b9aac
```
#5b9aac rgb(91,154,172)
```
#529fb6
```
#529fb6 rgb(82,159,182)
```
#48a4bf
```
#48a4bf rgb(72,164,191)
```
#3faac9
```
#3faac9 rgb(63,170,201)
```
#35afd2
```
#35afd2 rgb(53,175,210)
```
#2cb4dc
```
#2cb4dc rgb(44,180,220)
```
#22b9e5
```
#22b9e5 rgb(34,185,229)
```
#19bfef
```
#19bfef rgb(25,191,239)
```
#0fc4f8
```
#0fc4f8 rgb(15,196,248)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#799ea8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9b7ed Protanopia 1% of men
#9db7fe Deuteranopia 1% of men
#00cbd9 Tritanopia 0.001% of the population

Trichromacy

#71bbf1 Protanomaly 1% of men, 0.01% of women
#69bcfc Deuteranomaly 6% of men, 0.4% of women
#05c8e4 Tritanomaly 0.01% of the population

#0fc4f8 hex color

#0fc4f8 Color Information

#0fc4f8 Color Conversion

Color Schemes with #0fc4f8

Alternatives to #0fc4f8

#0fc4f8 Preview

Shades and Tints of #0fc4f8

Tones of #0fc4f8

Color Blindness Simulator