#5395f7 hex color

In a RGB color space, hex #5395f7 is composed of 32.5% red, 58.4% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 39.7% magenta, 0% yellow and 3.1% black. It has a hue angle of 215.9 degrees, a saturation of 91.1% and a lightness of 64.7%. #5395f7 color hex could be obtained by blending #a6ffff with #002bef. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 33
- G 58
- B 97
RGB color chart
- C 66
- M 40
- Y 0
- K 3
CMYK color chart

● #5395f7 color description : Soft blue.

The hexadecimal color #5395f7 has RGB values of R:83, G:149, B:247 and CMYK values of C:0.66, M:0.4, Y:0, K:0.03. Its decimal value is 5477879.

Hex triplet	5395f7	`#5395f7`
RGB Decimal	83, 149, 247	`rgb(83,149,247)`
RGB Percent	32.5, 58.4, 96.9	`rgb(32.5%,58.4%,96.9%)`
CMYK	66, 40, 0, 3
HSL	215.9°, 91.1, 64.7	`hsl(215.9,91.1%,64.7%)`
HSV (or HSB)	215.9°, 66.4, 96.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	61.695, 9.65, -55.224
XYZ	31.099, 30.047, 92.151
xyY	0.203, 0.196, 30.047
CIE-LCH	61.695, 56.061, 279.912
CIE-LUV	61.695, -27.095, -89.586
Hunter-Lab	54.815, 5.345, -61.303
Binary	01010011, 10010101, 11110111

#5395f7
```
#5395f7 rgb(83,149,247)
```
#f7b553
```
#f7b553 rgb(247,181,83)
```

Complementary Color

#53e7f7
```
#53e7f7 rgb(83,231,247)
```
#5395f7
```
#5395f7 rgb(83,149,247)
```
#6353f7
```
#6353f7 rgb(99,83,247)
```

Analogous Color

#e7f753
```
#e7f753 rgb(231,247,83)
```
#5395f7
```
#5395f7 rgb(83,149,247)
```
#f76353
```
#f76353 rgb(247,99,83)
```

Split Complementary Color

#95f753
```
#95f753 rgb(149,247,83)
```
#5395f7
```
#5395f7 rgb(83,149,247)
```
#f75395
```
#f75395 rgb(247,83,149)
```

Triadic Color

#53f7b5
```
#53f7b5 rgb(83,247,181)
```
#5395f7
```
#5395f7 rgb(83,149,247)
```
#f75395
```
#f75395 rgb(247,83,149)
```
#f7b553
```
#f7b553 rgb(247,181,83)
```

Tetradic Color

#0b68f2
```
#0b68f2 rgb(11,104,242)
```
#2277f5
```
#2277f5 rgb(34,119,245)
```
#3b86f6
```
#3b86f6 rgb(59,134,246)
```
#5395f7
```
#5395f7 rgb(83,149,247)
```
#6ba4f8
```
#6ba4f8 rgb(107,164,248)
```
#84b3f9
```
#84b3f9 rgb(132,179,249)
```
#9cc2fa
```
#9cc2fa rgb(156,194,250)
```

Monochromatic Color

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

#53bef7
```
#53bef7 rgb(83,190,247)
```
#53b0f7
```
#53b0f7 rgb(83,176,247)
```
#53a3f7
```
#53a3f7 rgb(83,163,247)
```
#5395f7
```
#5395f7 rgb(83,149,247)
```
#5387f7
```
#5387f7 rgb(83,135,247)
```
#537af7
```
#537af7 rgb(83,122,247)
```
#536cf7
```
#536cf7 rgb(83,108,247)
```

Similar Colors

Text with hexadecimal color #5395f7

This text has a font color of #5395f7.

<span style="color:#5395f7;">Text here</span>

#5395f7 background color

This paragraph has a background color of #5395f7.

<p style="background-color:#5395f7;">Content here</p>

#5395f7 border color

This element has a border color of #5395f7.

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

CSS codes

.text {color:#5395f7;}

.background {background-color:#5395f7;}

.border {border:1px solid #5395f7;}

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

#01070f
```
#01070f rgb(1,7,15)
```
#020f22
```
#020f22 rgb(2,15,34)
```
#021735
```
#021735 rgb(2,23,53)
```
#031f48
```
#031f48 rgb(3,31,72)
```
#04275a
```
#04275a rgb(4,39,90)
```
#052f6d
```
#052f6d rgb(5,47,109)
```
#063780
```
#063780 rgb(6,55,128)
```
#073f93
```
#073f93 rgb(7,63,147)
```
#0847a5
```
#0847a5 rgb(8,71,165)
```
#094fb8
```
#094fb8 rgb(9,79,184)
```
#0957cb
```
#0957cb rgb(9,87,203)
```
#0a5fde
```
#0a5fde rgb(10,95,222)
```
#0b67f0
```
#0b67f0 rgb(11,103,240)
```

Shade Color Variation

#1b72f4
```
#1b72f4 rgb(27,114,244)
```
#2e7ef5
```
#2e7ef5 rgb(46,126,245)
```
#4089f6
```
#4089f6 rgb(64,137,246)
```
#5395f7
```
#5395f7 rgb(83,149,247)
```
#66a1f8
```
#66a1f8 rgb(102,161,248)
```
#78acf9
```
#78acf9 rgb(120,172,249)
```
#8bb8fa
```
#8bb8fa rgb(139,184,250)
```
#9ec3fa
```
#9ec3fa rgb(158,195,250)
```
#b1cffb
```
#b1cffb rgb(177,207,251)
```
#c3dafc
```
#c3dafc rgb(195,218,252)
```
#d6e6fd
```
#d6e6fd rgb(214,230,253)
```
#e9f1fe
```
#e9f1fe rgb(233,241,254)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9fa4ab is the less saturated color, while #4c94fe is the most saturated one.

#9fa4ab
```
#9fa4ab rgb(159,164,171)
```
#98a3b2
```
#98a3b2 rgb(152,163,178)
```
#91a1b9
```
#91a1b9 rgb(145,161,185)
```
#8aa0c0
```
#8aa0c0 rgb(138,160,192)
```
#839ec7
```
#839ec7 rgb(131,158,199)
```
#7d9dcd
```
#7d9dcd rgb(125,157,205)
```
#769cd4
```
#769cd4 rgb(118,156,212)
```
#6f9adb
```
#6f9adb rgb(111,154,219)
```
#6899e2
```
#6899e2 rgb(104,153,226)
```
#6198e9
```
#6198e9 rgb(97,152,233)
```
#5a96f0
```
#5a96f0 rgb(90,150,240)
```
#5395f7
```
#5395f7 rgb(83,149,247)
```
#4c94fe
```
#4c94fe rgb(76,148,254)
```

Tone Color Variation

Below, you can see how #5395f7 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

#8c8c8c Achromatopsia 0.005% of the population
#818ea1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7097f4 Protanopia 1% of men
#539bf6 Deuteranopia 1% of men
#0fa9b5 Tritanopia 0.001% of the population

Trichromacy

#6596f5 Protanomaly 1% of men, 0.01% of women
#5399f6 Deuteranomaly 6% of men, 0.4% of women
#27a2cd Tritanomaly 0.01% of the population

#5395f7 hex color

#5395f7 Color Information

#5395f7 Color Conversion

Color Schemes with #5395f7

Alternatives to #5395f7

#5395f7 Preview

Shades and Tints of #5395f7

Tones of #5395f7

Color Blindness Simulator