#0faaff hex color

In a RGB color space, hex #0faaff is composed of 5.9% red, 66.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 94.1% cyan, 33.3% magenta, 0% yellow and 0% black. It has a hue angle of 201.3 degrees, a saturation of 100% and a lightness of 52.9%. #0faaff color hex could be obtained by blending #1effff with #0055ff. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 6
- G 67
- B 100
RGB color chart
- C 94
- M 33
- Y 0
- K 0
CMYK color chart

● #0faaff color description : Vivid blue.

The hexadecimal color #0faaff has RGB values of R:15, G:170, B:255 and CMYK values of C:0.94, M:0.33, Y:0, K:0. Its decimal value is 1026815.

Hex triplet	0faaff	`#0faaff`
RGB Decimal	15, 170, 255	`rgb(15,170,255)`
RGB Percent	5.9, 66.7, 100	`rgb(5.9%,66.7%,100%)`
CMYK	94, 33, 0, 0
HSL	201.3°, 100, 52.9	`hsl(201.3,100%,52.9%)`
HSV (or HSB)	201.3°, 94.1, 100
Web Safe	0099ff	`#0099ff`

CIE-LAB	66.572, -5.855, -51.94
XYZ	32.617, 36.068, 99.845
xyY	0.194, 0.214, 36.068
CIE-LCH	66.572, 52.269, 263.569
CIE-LUV	66.572, -41.904, -83.579
Hunter-Lab	60.057, -8.154, -56.531
Binary	00001111, 10101010, 11111111

#0faaff
```
#0faaff rgb(15,170,255)
```
#ff640f
```
#ff640f rgb(255,100,15)
```

Complementary Color

#0fffdc
```
#0fffdc rgb(15,255,220)
```
#0faaff
```
#0faaff rgb(15,170,255)
```
#0f32ff
```
#0f32ff rgb(15,50,255)
```

Analogous Color

#ffdc0f
```
#ffdc0f rgb(255,220,15)
```
#0faaff
```
#0faaff rgb(15,170,255)
```
#ff0f32
```
#ff0f32 rgb(255,15,50)
```

Split Complementary Color

#aaff0f
```
#aaff0f rgb(170,255,15)
```
#0faaff
```
#0faaff rgb(15,170,255)
```
#ff0faa
```
#ff0faa rgb(255,15,170)
```

Triadic Color

#0fff64
```
#0fff64 rgb(15,255,100)
```
#0faaff
```
#0faaff rgb(15,170,255)
```
#ff0faa
```
#ff0faa rgb(255,15,170)
```
#ff640f
```
#ff640f rgb(255,100,15)
```

Tetradic Color

#007dc2
```
#007dc2 rgb(0,125,194)
```
#008ddb
```
#008ddb rgb(0,141,219)
```
#009ef5
```
#009ef5 rgb(0,158,245)
```
#0faaff
```
#0faaff rgb(15,170,255)
```
#29b3ff
```
#29b3ff rgb(41,179,255)
```
#42bcff
```
#42bcff rgb(66,188,255)
```
#5cc5ff
```
#5cc5ff rgb(92,197,255)
```

Monochromatic Color

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

#0fe6ff
```
#0fe6ff rgb(15,230,255)
```
#0fd2ff
```
#0fd2ff rgb(15,210,255)
```
#0fbeff
```
#0fbeff rgb(15,190,255)
```
#0faaff
```
#0faaff rgb(15,170,255)
```
#0f96ff
```
#0f96ff rgb(15,150,255)
```
#0f82ff
```
#0f82ff rgb(15,130,255)
```
#0f6eff
```
#0f6eff rgb(15,110,255)
```

Similar Colors

Text with hexadecimal color #0faaff

This text has a font color of #0faaff.

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

#0faaff background color

This paragraph has a background color of #0faaff.

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

#0faaff border color

This element has a border color of #0faaff.

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

CSS codes

.text {color:#0faaff;}

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

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

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, #000a0f is the darkest color, while #fafdff is the lightest one.

#000a0f
```
#000a0f rgb(0,10,15)
```
#001623
```
#001623 rgb(0,22,35)
```
#002336
```
#002336 rgb(0,35,54)
```
#00304a
```
#00304a rgb(0,48,74)
```
#003c5d
```
#003c5d rgb(0,60,93)
```
#004971
```
#004971 rgb(0,73,113)
```
#005685
```
#005685 rgb(0,86,133)
```
#006298
```
#006298 rgb(0,98,152)
```
#006fac
```
#006fac rgb(0,111,172)
```
#007cc0
```
#007cc0 rgb(0,124,192)
```
#0088d3
```
#0088d3 rgb(0,136,211)
```
#0095e7
```
#0095e7 rgb(0,149,231)
```
#00a2fa
```
#00a2fa rgb(0,162,250)
```

Shade Color Variation

#0faaff
```
#0faaff rgb(15,170,255)
```
#23b1ff
```
#23b1ff rgb(35,177,255)
```
#36b8ff
```
#36b8ff rgb(54,184,255)
```
#4abfff
```
#4abfff rgb(74,191,255)
```
#5dc6ff
```
#5dc6ff rgb(93,198,255)
```
#71cdff
```
#71cdff rgb(113,205,255)
```
#85d4ff
```
#85d4ff rgb(133,212,255)
```
#98dbff
```
#98dbff rgb(152,219,255)
```
#ace2ff
```
#ace2ff rgb(172,226,255)
```
#c0e9ff
```
#c0e9ff rgb(192,233,255)
```
#d3efff
```
#d3efff rgb(211,239,255)
```
#e7f6ff
```
#e7f6ff rgb(231,246,255)
```
#fafdff
```
#fafdff rgb(250,253,255)
```

Tint Color Variation

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

#7e8a90
```
#7e8a90 rgb(126,138,144)
```
#758c99
```
#758c99 rgb(117,140,153)
```
#6b8fa3
```
#6b8fa3 rgb(107,143,163)
```
#6292ac
```
#6292ac rgb(98,146,172)
```
#5994b5
```
#5994b5 rgb(89,148,181)
```
#5097be
```
#5097be rgb(80,151,190)
```
#469ac8
```
#469ac8 rgb(70,154,200)
```
#3d9dd1
```
#3d9dd1 rgb(61,157,209)
```
#349fda
```
#349fda rgb(52,159,218)
```
#2ba2e3
```
#2ba2e3 rgb(43,162,227)
```
#21a5ed
```
#21a5ed rgb(33,165,237)
```
#18a7f6
```
#18a7f6 rgb(24,167,246)
```
#0faaff
```
#0faaff rgb(15,170,255)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#6d8c9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#86a4f6 Protanopia 1% of men
#6da7ff Deuteranopia 1% of men
#00b7c2 Tritanopia 0.001% of the population

Trichromacy

#5ba6f9 Protanomaly 1% of men, 0.01% of women
#4ba8ff Deuteranomaly 6% of men, 0.4% of women
#05b2d8 Tritanomaly 0.01% of the population

#0faaff hex color

#0faaff Color Information

#0faaff Color Conversion

Color Schemes with #0faaff

Alternatives to #0faaff

#0faaff Preview

Shades and Tints of #0faaff

Tones of #0faaff

Color Blindness Simulator