#5faffe hex color

In a RGB color space, hex #5faffe is composed of 37.3% red, 68.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 62.6% cyan, 31.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 209.8 degrees, a saturation of 98.8% and a lightness of 68.4%. #5faffe color hex could be obtained by blending #beffff with #005ffd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 37
- G 69
- B 100
RGB color chart
- C 63
- M 31
- Y 0
- K 0
CMYK color chart

● #5faffe color description : Soft blue.

The hexadecimal color #5faffe has RGB values of R:95, G:175, B:254 and CMYK values of C:0.63, M:0.31, Y:0, K:0. Its decimal value is 6270974.

Hex triplet	5faffe	`#5faffe`
RGB Decimal	95, 175, 254	`rgb(95,175,254)`
RGB Percent	37.3, 68.6, 99.6	`rgb(37.3%,68.6%,99.6%)`
CMYK	63, 31, 0, 0
HSL	209.8°, 98.8, 68.4	`hsl(209.8,98.8%,68.4%)`
HSV (or HSB)	209.8°, 62.6, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.644, -1.026, -46.438
XYZ	37.934, 40.246, 99.53
xyY	0.213, 0.226, 40.246
CIE-LCH	69.644, 46.449, 268.734
CIE-LUV	69.644, -33.004, -75.227
Hunter-Lab	63.44, -4.284, -48.611
Binary	01011111, 10101111, 11111110

#5faffe
```
#5faffe rgb(95,175,254)
```
#feae5f
```
#feae5f rgb(254,174,95)
```

Complementary Color

#5ffefe
```
#5ffefe rgb(95,254,254)
```
#5faffe
```
#5faffe rgb(95,175,254)
```
#5f60fe
```
#5f60fe rgb(95,96,254)
```

Analogous Color

#fefe5f
```
#fefe5f rgb(254,254,95)
```
#5faffe
```
#5faffe rgb(95,175,254)
```
#fe5f60
```
#fe5f60 rgb(254,95,96)
```

Split Complementary Color

#affe5f
```
#affe5f rgb(175,254,95)
```
#5faffe
```
#5faffe rgb(95,175,254)
```
#fe5faf
```
#fe5faf rgb(254,95,175)
```

Triadic Color

#5ffeae
```
#5ffeae rgb(95,254,174)
```
#5faffe
```
#5faffe rgb(95,175,254)
```
#fe5faf
```
#fe5faf rgb(254,95,175)
```
#feae5f
```
#feae5f rgb(254,174,95)
```

Tetradic Color

#1389fe
```
#1389fe rgb(19,137,254)
```
#2c96fe
```
#2c96fe rgb(44,150,254)
```
#46a2fe
```
#46a2fe rgb(70,162,254)
```
#5faffe
```
#5faffe rgb(95,175,254)
```
#78bcfe
```
#78bcfe rgb(120,188,254)
```
#92c8fe
```
#92c8fe rgb(146,200,254)
```
#abd5fe
```
#abd5fe rgb(171,213,254)
```

Monochromatic Color

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

#5fd7fe
```
#5fd7fe rgb(95,215,254)
```
#5fcafe
```
#5fcafe rgb(95,202,254)
```
#5fbcfe
```
#5fbcfe rgb(95,188,254)
```
#5faffe
```
#5faffe rgb(95,175,254)
```
#5fa2fe
```
#5fa2fe rgb(95,162,254)
```
#5f95fe
```
#5f95fe rgb(95,149,254)
```
#5f87fe
```
#5f87fe rgb(95,135,254)
```

Similar Colors

Text with hexadecimal color #5faffe

This text has a font color of #5faffe.

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

#5faffe background color

This paragraph has a background color of #5faffe.

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

#5faffe border color

This element has a border color of #5faffe.

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

CSS codes

.text {color:#5faffe;}

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

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

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, #00080f is the darkest color, while #fbfdff is the lightest one.

#00080f
```
#00080f rgb(0,8,15)
```
#001223
```
#001223 rgb(0,18,35)
```
#001c36
```
#001c36 rgb(0,28,54)
```
#00254a
```
#00254a rgb(0,37,74)
```
#012f5d
```
#012f5d rgb(1,47,93)
```
#013971
```
#013971 rgb(1,57,113)
```
#014384
```
#014384 rgb(1,67,132)
```
#014d98
```
#014d98 rgb(1,77,152)
```
#0157ab
```
#0157ab rgb(1,87,171)
```
#0161bf
```
#0161bf rgb(1,97,191)
```
#016bd2
```
#016bd2 rgb(1,107,210)
```
#0174e6
```
#0174e6 rgb(1,116,230)
```
#027ef9
```
#027ef9 rgb(2,126,249)
```

Shade Color Variation

#1188fe
```
#1188fe rgb(17,136,254)
```
#2592fe
```
#2592fe rgb(37,146,254)
```
#389cfe
```
#389cfe rgb(56,156,254)
```
#4ca5fe
```
#4ca5fe rgb(76,165,254)
```
#5faffe
```
#5faffe rgb(95,175,254)
```
#72b9fe
```
#72b9fe rgb(114,185,254)
```
#86c2fe
```
#86c2fe rgb(134,194,254)
```
#99ccfe
```
#99ccfe rgb(153,204,254)
```
#add6fe
```
#add6fe rgb(173,214,254)
```
#c0e0ff
```
#c0e0ff rgb(192,224,255)
```
#d4e9ff
```
#d4e9ff rgb(212,233,255)
```
#e7f3ff
```
#e7f3ff rgb(231,243,255)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#a9afb4
```
#a9afb4 rgb(169,175,180)
```
#a3afba
```
#a3afba rgb(163,175,186)
```
#9dafc0
```
#9dafc0 rgb(157,175,192)
```
#97afc6
```
#97afc6 rgb(151,175,198)
```
#91afcc
```
#91afcc rgb(145,175,204)
```
#8aafd3
```
#8aafd3 rgb(138,175,211)
```
#84afd9
```
#84afd9 rgb(132,175,217)
```
#7eafdf
```
#7eafdf rgb(126,175,223)
```
#78afe5
```
#78afe5 rgb(120,175,229)
```
#72afeb
```
#72afeb rgb(114,175,235)
```
#6baff2
```
#6baff2 rgb(107,175,242)
```
#65aff8
```
#65aff8 rgb(101,175,248)
```
#5faffe
```
#5faffe rgb(95,175,254)
```

Tone Color Variation

Below, you can see how #5faffe 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
#93a3b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92abf8 Protanopia 1% of men
#84aeff Deuteranopia 1% of men
#44bdcb Tritanopia 0.001% of the population

Trichromacy

#7fadfa Protanomaly 1% of men, 0.01% of women
#76aefe Deuteranomaly 6% of men, 0.4% of women
#4eb8dd Tritanomaly 0.01% of the population

#5faffe hex color

#5faffe Color Information

#5faffe Color Conversion

Color Schemes with #5faffe

Alternatives to #5faffe

#5faffe Preview

Shades and Tints of #5faffe

Tones of #5faffe

Color Blindness Simulator