#5faffa hex color

In a RGB color space, hex #5faffa is composed of 37.3% red, 68.6% green and 98% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 30% magenta, 0% yellow and 2% black. It has a hue angle of 209 degrees, a saturation of 93.9% and a lightness of 67.6%. #5faffa color hex could be obtained by blending #beffff with #005ff5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 37
- G 69
- B 98
RGB color chart
- C 62
- M 30
- Y 0
- K 2
CMYK color chart

● #5faffa color description : Soft blue.

The hexadecimal color #5faffa has RGB values of R:95, G:175, B:250 and CMYK values of C:0.62, M:0.3, Y:0, K:0.02. Its decimal value is 6270970.

Hex triplet	5faffa	`#5faffa`
RGB Decimal	95, 175, 250	`rgb(95,175,250)`
RGB Percent	37.3, 68.6, 98	`rgb(37.3%,68.6%,98%)`
CMYK	62, 30, 0, 2
HSL	209°, 93.9, 67.6	`hsl(209,93.9%,67.6%)`
HSV (or HSB)	209°, 62, 98
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.464, -2.312, -44.554
XYZ	37.301, 39.992, 96.191
xyY	0.215, 0.231, 39.992
CIE-LCH	69.464, 44.614, 267.03
CIE-LUV	69.464, -33.117, -71.827
Hunter-Lab	63.24, -5.385, -45.916
Binary	01011111, 10101111, 11111010

#5faffa
```
#5faffa rgb(95,175,250)
```
#faaa5f
```
#faaa5f rgb(250,170,95)
```

Complementary Color

#5ffaf8
```
#5ffaf8 rgb(95,250,248)
```
#5faffa
```
#5faffa rgb(95,175,250)
```
#5f62fa
```
#5f62fa rgb(95,98,250)
```

Analogous Color

#faf85f
```
#faf85f rgb(250,248,95)
```
#5faffa
```
#5faffa rgb(95,175,250)
```
#fa5f62
```
#fa5f62 rgb(250,95,98)
```

Split Complementary Color

#affa5f
```
#affa5f rgb(175,250,95)
```
#5faffa
```
#5faffa rgb(95,175,250)
```
#fa5faf
```
#fa5faf rgb(250,95,175)
```

Triadic Color

#5ffaaa
```
#5ffaaa rgb(95,250,170)
```
#5faffa
```
#5faffa rgb(95,175,250)
```
#fa5faf
```
#fa5faf rgb(250,95,175)
```
#faaa5f
```
#faaa5f rgb(250,170,95)
```

Tetradic Color

#158af8
```
#158af8 rgb(21,138,248)
```
#2e96f8
```
#2e96f8 rgb(46,150,248)
```
#46a3f9
```
#46a3f9 rgb(70,163,249)
```
#5faffa
```
#5faffa rgb(95,175,250)
```
#78bbfb
```
#78bbfb rgb(120,187,251)
```
#90c8fc
```
#90c8fc rgb(144,200,252)
```
#a9d4fc
```
#a9d4fc rgb(169,212,252)
```

Monochromatic Color

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

#5fd6fa
```
#5fd6fa rgb(95,214,250)
```
#5fc9fa
```
#5fc9fa rgb(95,201,250)
```
#5fbcfa
```
#5fbcfa rgb(95,188,250)
```
#5faffa
```
#5faffa rgb(95,175,250)
```
#5fa2fa
```
#5fa2fa rgb(95,162,250)
```
#5f95fa
```
#5f95fa rgb(95,149,250)
```
#5f88fa
```
#5f88fa rgb(95,136,250)
```

Similar Colors

Text with hexadecimal color #5faffa

This text has a font color of #5faffa.

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

#5faffa background color

This paragraph has a background color of #5faffa.

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

#5faffa border color

This element has a border color of #5faffa.

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

CSS codes

.text {color:#5faffa;}

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

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

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, #00060b is the darkest color, while #f7fbff is the lightest one.

#00060b
```
#00060b rgb(0,6,11)
```
#01101e
```
#01101e rgb(1,16,30)
```
#021a31
```
#021a31 rgb(2,26,49)
```
#022444
```
#022444 rgb(2,36,68)
```
#032e57
```
#032e57 rgb(3,46,87)
```
#03386a
```
#03386a rgb(3,56,106)
```
#04437d
```
#04437d rgb(4,67,125)
```
#054d90
```
#054d90 rgb(5,77,144)
```
#0557a3
```
#0557a3 rgb(5,87,163)
```
#0661b6
```
#0661b6 rgb(6,97,182)
```
#066bc9
```
#066bc9 rgb(6,107,201)
```
#0775dc
```
#0775dc rgb(7,117,220)
```
#077fef
```
#077fef rgb(7,127,239)
```

Shade Color Variation

#1389f8
```
#1389f8 rgb(19,137,248)
```
#2692f8
```
#2692f8 rgb(38,146,248)
```
#399cf9
```
#399cf9 rgb(57,156,249)
```
#4ca5f9
```
#4ca5f9 rgb(76,165,249)
```
#5faffa
```
#5faffa rgb(95,175,250)
```
#72b9fb
```
#72b9fb rgb(114,185,251)
```
#85c2fb
```
#85c2fb rgb(133,194,251)
```
#98ccfc
```
#98ccfc rgb(152,204,252)
```
#abd5fc
```
#abd5fc rgb(171,213,252)
```
#bedffd
```
#bedffd rgb(190,223,253)
```
#d1e8fe
```
#d1e8fe rgb(209,232,254)
```
#e4f2fe
```
#e4f2fe rgb(228,242,254)
```
#f7fbff
```
#f7fbff rgb(247,251,255)
```

Tint Color Variation

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

#abadae
```
#abadae rgb(171,173,174)
```
#a5adb4
```
#a5adb4 rgb(165,173,180)
```
#9eadbb
```
#9eadbb rgb(158,173,187)
```
#98adc1
```
#98adc1 rgb(152,173,193)
```
#92adc7
```
#92adc7 rgb(146,173,199)
```
#8baece
```
#8baece rgb(139,174,206)
```
#85aed4
```
#85aed4 rgb(133,174,212)
```
#7faeda
```
#7faeda rgb(127,174,218)
```
#78aee1
```
#78aee1 rgb(120,174,225)
```
#72aee7
```
#72aee7 rgb(114,174,231)
```
#6cafed
```
#6cafed rgb(108,175,237)
```
#65aff4
```
#65aff4 rgb(101,175,244)
```
#5faffa
```
#5faffa rgb(95,175,250)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#93a3b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#94abf4 Protanopia 1% of men
#86adfc Deuteranopia 1% of men
#47bcca Tritanopia 0.001% of the population

Trichromacy

#80acf6 Protanomaly 1% of men, 0.01% of women
#78aefb Deuteranomaly 6% of men, 0.4% of women
#50b7db Tritanomaly 0.01% of the population

#5faffa hex color

#5faffa Color Information

#5faffa Color Conversion

Color Schemes with #5faffa

Alternatives to #5faffa

#5faffa Preview

Shades and Tints of #5faffa

Tones of #5faffa

Color Blindness Simulator