#5362f7 hex color

In a RGB color space, hex #5362f7 is composed of 32.5% red, 38.4% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 60.3% magenta, 0% yellow and 3.1% black. It has a hue angle of 234.5 degrees, a saturation of 91.1% and a lightness of 64.7%. #5362f7 color hex could be obtained by blending #a6c4ff with #0000ef. Closest websafe color is: #6666ff.

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

● #5362f7 color description : Soft blue.

The hexadecimal color #5362f7 has RGB values of R:83, G:98, B:247 and CMYK values of C:0.66, M:0.6, Y:0, K:0.03. Its decimal value is 5464823.

Hex triplet	5362f7	`#5362f7`
RGB Decimal	83, 98, 247	`rgb(83,98,247)`
RGB Percent	32.5, 38.4, 96.9	`rgb(32.5%,38.4%,96.9%)`
CMYK	66, 60, 0, 3
HSL	234.5°, 91.1, 64.7	`hsl(234.5,91.1%,64.7%)`
HSV (or HSB)	234.5°, 66.4, 96.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.621, 40.619, -76.298
XYZ	24.72, 17.288, 90.025
xyY	0.187, 0.131, 17.288
CIE-LCH	48.621, 86.437, 298.029
CIE-LUV	48.621, -12.259, -118.539
Hunter-Lab	41.579, 33.359, -99.265
Binary	01010011, 01100010, 11110111

#5362f7
```
#5362f7 rgb(83,98,247)
```
#f7e853
```
#f7e853 rgb(247,232,83)
```

Complementary Color

#53b4f7
```
#53b4f7 rgb(83,180,247)
```
#5362f7
```
#5362f7 rgb(83,98,247)
```
#9653f7
```
#9653f7 rgb(150,83,247)
```

Analogous Color

#b4f753
```
#b4f753 rgb(180,247,83)
```
#5362f7
```
#5362f7 rgb(83,98,247)
```
#f79653
```
#f79653 rgb(247,150,83)
```

Split Complementary Color

#62f753
```
#62f753 rgb(98,247,83)
```
#5362f7
```
#5362f7 rgb(83,98,247)
```
#f75362
```
#f75362 rgb(247,83,98)
```

Triadic Color

#53f7e8
```
#53f7e8 rgb(83,247,232)
```
#5362f7
```
#5362f7 rgb(83,98,247)
```
#f75362
```
#f75362 rgb(247,83,98)
```
#f7e853
```
#f7e853 rgb(247,232,83)
```

Tetradic Color

#0b20f2
```
#0b20f2 rgb(11,32,242)
```
#2236f5
```
#2236f5 rgb(34,54,245)
```
#3b4cf6
```
#3b4cf6 rgb(59,76,246)
```
#5362f7
```
#5362f7 rgb(83,98,247)
```
#6b78f8
```
#6b78f8 rgb(107,120,248)
```
#848ef9
```
#848ef9 rgb(132,142,249)
```
#9ca5fa
```
#9ca5fa rgb(156,165,250)
```

Monochromatic Color

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

#538bf7
```
#538bf7 rgb(83,139,247)
```
#537df7
```
#537df7 rgb(83,125,247)
```
#5370f7
```
#5370f7 rgb(83,112,247)
```
#5362f7
```
#5362f7 rgb(83,98,247)
```
#5354f7
```
#5354f7 rgb(83,84,247)
```
#5f53f7
```
#5f53f7 rgb(95,83,247)
```
#6d53f7
```
#6d53f7 rgb(109,83,247)
```

Similar Colors

Text with hexadecimal color #5362f7

This text has a font color of #5362f7.

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

#5362f7 background color

This paragraph has a background color of #5362f7.

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

#5362f7 border color

This element has a border color of #5362f7.

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

CSS codes

.text {color:#5362f7;}

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

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

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

#01020f
```
#01020f rgb(1,2,15)
```
#020522
```
#020522 rgb(2,5,34)
```
#020735
```
#020735 rgb(2,7,53)
```
#030a48
```
#030a48 rgb(3,10,72)
```
#040c5a
```
#040c5a rgb(4,12,90)
```
#050f6d
```
#050f6d rgb(5,15,109)
```
#061180
```
#061180 rgb(6,17,128)
```
#071493
```
#071493 rgb(7,20,147)
```
#0816a5
```
#0816a5 rgb(8,22,165)
```
#0919b8
```
#0919b8 rgb(9,25,184)
```
#091bcb
```
#091bcb rgb(9,27,203)
```
#0a1ede
```
#0a1ede rgb(10,30,222)
```
#0b20f0
```
#0b20f0 rgb(11,32,240)
```

Shade Color Variation

#1b2ff4
```
#1b2ff4 rgb(27,47,244)
```
#2e40f5
```
#2e40f5 rgb(46,64,245)
```
#4051f6
```
#4051f6 rgb(64,81,246)
```
#5362f7
```
#5362f7 rgb(83,98,247)
```
#6673f8
```
#6673f8 rgb(102,115,248)
```
#7884f9
```
#7884f9 rgb(120,132,249)
```
#8b95fa
```
#8b95fa rgb(139,149,250)
```
#9ea6fa
```
#9ea6fa rgb(158,166,250)
```
#b1b8fb
```
#b1b8fb rgb(177,184,251)
```
#c3c9fc
```
#c3c9fc rgb(195,201,252)
```
#d6dafd
```
#d6dafd rgb(214,218,253)
```
#e9ebfe
```
#e9ebfe rgb(233,235,254)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#9fa0ab
```
#9fa0ab rgb(159,160,171)
```
#989bb2
```
#989bb2 rgb(152,155,178)
```
#9195b9
```
#9195b9 rgb(145,149,185)
```
#8a8fc0
```
#8a8fc0 rgb(138,143,192)
```
#838ac7
```
#838ac7 rgb(131,138,199)
```
#7d84cd
```
#7d84cd rgb(125,132,205)
```
#767ed4
```
#767ed4 rgb(118,126,212)
```
#6f79db
```
#6f79db rgb(111,121,219)
```
#6873e2
```
#6873e2 rgb(104,115,226)
```
#616de9
```
#616de9 rgb(97,109,233)
```
#5a68f0
```
#5a68f0 rgb(90,104,240)
```
#5362f7
```
#5362f7 rgb(83,98,247)
```
#4c5cfe
```
#4c5cfe rgb(76,92,254)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#696c8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e8 Protanopia 1% of men
#007dcb Deuteranopia 1% of men
#00868f Tritanopia 0.001% of the population

Trichromacy

#1e6fed Protanomaly 1% of men, 0.01% of women
#1e73db Deuteranomaly 6% of men, 0.4% of women
#1e79b5 Tritanomaly 0.01% of the population

#5362f7 hex color

#5362f7 Color Information

#5362f7 Color Conversion

Color Schemes with #5362f7

Alternatives to #5362f7

#5362f7 Preview

Shades and Tints of #5362f7

Tones of #5362f7

Color Blindness Simulator