#5faff8 hex color

In a RGB color space, hex #5faff8 is composed of 37.3% red, 68.6% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 29.4% magenta, 0% yellow and 2.7% black. It has a hue angle of 208.6 degrees, a saturation of 91.6% and a lightness of 67.3%. #5faff8 color hex could be obtained by blending #beffff with #005ff1. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 37
- G 69
- B 97
RGB color chart
- C 62
- M 29
- Y 0
- K 3
CMYK color chart

● #5faff8 color description : Soft blue.

The hexadecimal color #5faff8 has RGB values of R:95, G:175, B:248 and CMYK values of C:0.62, M:0.29, Y:0, K:0.03. Its decimal value is 6270968.

Hex triplet	5faff8	`#5faff8`
RGB Decimal	95, 175, 248	`rgb(95,175,248)`
RGB Percent	37.3, 68.6, 97.3	`rgb(37.3%,68.6%,97.3%)`
CMYK	62, 29, 0, 3
HSL	208.6°, 91.6, 67.3	`hsl(208.6,91.6%,67.3%)`
HSV (or HSB)	208.6°, 61.7, 97.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.375, -2.951, -43.608
XYZ	36.989, 39.868, 94.548
xyY	0.216, 0.233, 39.868
CIE-LCH	69.375, 43.708, 266.128
CIE-LUV	69.375, -33.174, -70.123
Hunter-Lab	63.141, -5.929, -44.583
Binary	01011111, 10101111, 11111000

#5faff8
```
#5faff8 rgb(95,175,248)
```
#f8a85f
```
#f8a85f rgb(248,168,95)
```

Complementary Color

#5ff8f5
```
#5ff8f5 rgb(95,248,245)
```
#5faff8
```
#5faff8 rgb(95,175,248)
```
#5f63f8
```
#5f63f8 rgb(95,99,248)
```

Analogous Color

#f8f55f
```
#f8f55f rgb(248,245,95)
```
#5faff8
```
#5faff8 rgb(95,175,248)
```
#f85f63
```
#f85f63 rgb(248,95,99)
```

Split Complementary Color

#aff85f
```
#aff85f rgb(175,248,95)
```
#5faff8
```
#5faff8 rgb(95,175,248)
```
#f85faf
```
#f85faf rgb(248,95,175)
```

Triadic Color

#5ff8a8
```
#5ff8a8 rgb(95,248,168)
```
#5faff8
```
#5faff8 rgb(95,175,248)
```
#f85faf
```
#f85faf rgb(248,95,175)
```
#f8a85f
```
#f8a85f rgb(248,168,95)
```

Tetradic Color

#168af5
```
#168af5 rgb(22,138,245)
```
#2e97f6
```
#2e97f6 rgb(46,151,246)
```
#47a3f7
```
#47a3f7 rgb(71,163,247)
```
#5faff8
```
#5faff8 rgb(95,175,248)
```
#77bbf9
```
#77bbf9 rgb(119,187,249)
```
#90c7fa
```
#90c7fa rgb(144,199,250)
```
#a8d4fb
```
#a8d4fb rgb(168,212,251)
```

Monochromatic Color

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

#5fd5f8
```
#5fd5f8 rgb(95,213,248)
```
#5fc9f8
```
#5fc9f8 rgb(95,201,248)
```
#5fbcf8
```
#5fbcf8 rgb(95,188,248)
```
#5faff8
```
#5faff8 rgb(95,175,248)
```
#5fa2f8
```
#5fa2f8 rgb(95,162,248)
```
#5f96f8
```
#5f96f8 rgb(95,150,248)
```
#5f89f8
```
#5f89f8 rgb(95,137,248)
```

Similar Colors

Text with hexadecimal color #5faff8

This text has a font color of #5faff8.

<span style="color:#5faff8;">Text here</span>

#5faff8 background color

This paragraph has a background color of #5faff8.

<p style="background-color:#5faff8;">Content here</p>

#5faff8 border color

This element has a border color of #5faff8.

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

CSS codes

.text {color:#5faff8;}

.background {background-color:#5faff8;}

.border {border:1px solid #5faff8;}

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

#000509
```
#000509 rgb(0,5,9)
```
#010f1c
```
#010f1c rgb(1,15,28)
```
#02192f
```
#02192f rgb(2,25,47)
```
#032442
```
#032442 rgb(3,36,66)
```
#042e54
```
#042e54 rgb(4,46,84)
```
#053867
```
#053867 rgb(5,56,103)
```
#05427a
```
#05427a rgb(5,66,122)
```
#064d8d
```
#064d8d rgb(6,77,141)
```
#07579f
```
#07579f rgb(7,87,159)
```
#0861b2
```
#0861b2 rgb(8,97,178)
```
#096bc5
```
#096bc5 rgb(9,107,197)
```
#0975d8
```
#0975d8 rgb(9,117,216)
```
#0a80eb
```
#0a80eb rgb(10,128,235)
```

Shade Color Variation

#1489f5
```
#1489f5 rgb(20,137,245)
```
#2793f6
```
#2793f6 rgb(39,147,246)
```
#399cf6
```
#399cf6 rgb(57,156,246)
```
#4ca6f7
```
#4ca6f7 rgb(76,166,247)
```
#5faff8
```
#5faff8 rgb(95,175,248)
```
#72b8f9
```
#72b8f9 rgb(114,184,249)
```
#85c2fa
```
#85c2fa rgb(133,194,250)
```
#97cbfa
```
#97cbfa rgb(151,203,250)
```
#aad5fb
```
#aad5fb rgb(170,213,251)
```
#bddefc
```
#bddefc rgb(189,222,252)
```
#d0e7fd
```
#d0e7fd rgb(208,231,253)
```
#e3f1fe
```
#e3f1fe rgb(227,241,254)
```
#f5faff
```
#f5faff rgb(245,250,255)
```

Tint Color Variation

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

#a6acb1
```
#a6acb1 rgb(166,172,177)
```
#9facb8
```
#9facb8 rgb(159,172,184)
```
#99acbe
```
#99acbe rgb(153,172,190)
```
#92adc5
```
#92adc5 rgb(146,173,197)
```
#8cadcb
```
#8cadcb rgb(140,173,203)
```
#86add1
```
#86add1 rgb(134,173,209)
```
#7faed8
```
#7faed8 rgb(127,174,216)
```
#79aede
```
#79aede rgb(121,174,222)
```
#72aee5
```
#72aee5 rgb(114,174,229)
```
#6caeeb
```
#6caeeb rgb(108,174,235)
```
#65aff2
```
#65aff2 rgb(101,175,242)
```
#5faff8
```
#5faff8 rgb(95,175,248)
```
#59affe
```
#59affe rgb(89,175,254)
```

Tone Color Variation

Below, you can see how #5faff8 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

#9f9f9f Achromatopsia 0.005% of the population
#92a2b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95abf2 Protanopia 1% of men
#87adfa Deuteranopia 1% of men
#49bcca Tritanopia 0.001% of the population

Trichromacy

#81acf4 Protanomaly 1% of men, 0.01% of women
#78adf9 Deuteranomaly 6% of men, 0.4% of women
#51b7da Tritanomaly 0.01% of the population

#5faff8 hex color

#5faff8 Color Information

#5faff8 Color Conversion

Color Schemes with #5faff8

Alternatives to #5faff8

#5faff8 Preview

Shades and Tints of #5faff8

Tones of #5faff8

Color Blindness Simulator