#5362f4 hex color

In a RGB color space, hex #5362f4 is composed of 32.5% red, 38.4% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 59.8% magenta, 0% yellow and 4.3% black. It has a hue angle of 234.4 degrees, a saturation of 88% and a lightness of 64.1%. #5362f4 color hex could be obtained by blending #a6c4ff with #0000e9. Closest websafe color is: #6666ff.

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

● #5362f4 color description : Soft blue.

The hexadecimal color #5362f4 has RGB values of R:83, G:98, B:244 and CMYK values of C:0.66, M:0.6, Y:0, K:0.04. Its decimal value is 5464820.

Hex triplet	5362f4	`#5362f4`
RGB Decimal	83, 98, 244	`rgb(83,98,244)`
RGB Percent	32.5, 38.4, 95.7	`rgb(32.5%,38.4%,95.7%)`
CMYK	66, 60, 0, 4
HSL	234.4°, 88, 64.1	`hsl(234.4,88%,64.1%)`
HSV (or HSB)	234.4°, 66, 95.7
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.392, 39.62, -74.998
XYZ	24.261, 17.105, 87.606
xyY	0.188, 0.133, 17.105
CIE-LCH	48.392, 84.82, 297.847
CIE-LUV	48.392, -12.164, -116.49
Hunter-Lab	41.358, 32.333, -96.64
Binary	01010011, 01100010, 11110100

#5362f4
```
#5362f4 rgb(83,98,244)
```
#f4e553
```
#f4e553 rgb(244,229,83)
```

Complementary Color

#53b3f4
```
#53b3f4 rgb(83,179,244)
```
#5362f4
```
#5362f4 rgb(83,98,244)
```
#9553f4
```
#9553f4 rgb(149,83,244)
```

Analogous Color

#b3f453
```
#b3f453 rgb(179,244,83)
```
#5362f4
```
#5362f4 rgb(83,98,244)
```
#f49553
```
#f49553 rgb(244,149,83)
```

Split Complementary Color

#62f453
```
#62f453 rgb(98,244,83)
```
#5362f4
```
#5362f4 rgb(83,98,244)
```
#f45362
```
#f45362 rgb(244,83,98)
```

Triadic Color

#53f4e5
```
#53f4e5 rgb(83,244,229)
```
#5362f4
```
#5362f4 rgb(83,98,244)
```
#f45362
```
#f45362 rgb(244,83,98)
```
#f4e553
```
#f4e553 rgb(244,229,83)
```

Tetradic Color

#0f24eb
```
#0f24eb rgb(15,36,235)
```
#2336f1
```
#2336f1 rgb(35,54,241)
```
#3b4cf2
```
#3b4cf2 rgb(59,76,242)
```
#5362f4
```
#5362f4 rgb(83,98,244)
```
#6b78f6
```
#6b78f6 rgb(107,120,246)
```
#838ef7
```
#838ef7 rgb(131,142,247)
```
#9ba4f9
```
#9ba4f9 rgb(155,164,249)
```

Monochromatic Color

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

#538af4
```
#538af4 rgb(83,138,244)
```
#537df4
```
#537df4 rgb(83,125,244)
```
#536ff4
```
#536ff4 rgb(83,111,244)
```
#5362f4
```
#5362f4 rgb(83,98,244)
```
#5355f4
```
#5355f4 rgb(83,85,244)
```
#5f53f4
```
#5f53f4 rgb(95,83,244)
```
#6c53f4
```
#6c53f4 rgb(108,83,244)
```

Similar Colors

Text with hexadecimal color #5362f4

This text has a font color of #5362f4.

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

#5362f4 background color

This paragraph has a background color of #5362f4.

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

#5362f4 border color

This element has a border color of #5362f4.

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

CSS codes

.text {color:#5362f4;}

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

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

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

#01020c
```
#01020c rgb(1,2,12)
```
#02051f
```
#02051f rgb(2,5,31)
```
#030731
```
#030731 rgb(3,7,49)
```
#040a44
```
#040a44 rgb(4,10,68)
```
#060d56
```
#060d56 rgb(6,13,86)
```
#071069
```
#071069 rgb(7,16,105)
```
#08137b
```
#08137b rgb(8,19,123)
```
#09158d
```
#09158d rgb(9,21,141)
```
#0a18a0
```
#0a18a0 rgb(10,24,160)
```
#0b1bb2
```
#0b1bb2 rgb(11,27,178)
```
#0d1ec5
```
#0d1ec5 rgb(13,30,197)
```
#0e21d7
```
#0e21d7 rgb(14,33,215)
```
#0f23ea
```
#0f23ea rgb(15,35,234)
```

Shade Color Variation

#1c30f0
```
#1c30f0 rgb(28,48,240)
```
#2e40f2
```
#2e40f2 rgb(46,64,242)
```
#4151f3
```
#4151f3 rgb(65,81,243)
```
#5362f4
```
#5362f4 rgb(83,98,244)
```
#6573f5
```
#6573f5 rgb(101,115,245)
```
#7884f6
```
#7884f6 rgb(120,132,246)
```
#8a94f8
```
#8a94f8 rgb(138,148,248)
```
#9da5f9
```
#9da5f9 rgb(157,165,249)
```
#afb6fa
```
#afb6fa rgb(175,182,250)
```
#c2c7fb
```
#c2c7fb rgb(194,199,251)
```
#d4d8fc
```
#d4d8fc rgb(212,216,252)
```
#e6e9fd
```
#e6e9fd rgb(230,233,253)
```
#f9f9ff
```
#f9f9ff rgb(249,249,255)
```

Tint Color Variation

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

#a0a1a7
```
#a0a1a7 rgb(160,161,167)
```
#999bae
```
#999bae rgb(153,155,174)
```
#9296b5
```
#9296b5 rgb(146,150,181)
```
#8b90bc
```
#8b90bc rgb(139,144,188)
```
#848ac3
```
#848ac3 rgb(132,138,195)
```
#7d84ca
```
#7d84ca rgb(125,132,202)
```
#767fd1
```
#767fd1 rgb(118,127,209)
```
#6f79d8
```
#6f79d8 rgb(111,121,216)
```
#6873df
```
#6873df rgb(104,115,223)
```
#616de6
```
#616de6 rgb(97,109,230)
```
#5a68ed
```
#5a68ed rgb(90,104,237)
```
#5362f4
```
#5362f4 rgb(83,98,244)
```
#4c5cfb
```
#4c5cfb rgb(76,92,251)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#696c89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e7 Protanopia 1% of men
#007dca Deuteranopia 1% of men
#00868e Tritanopia 0.001% of the population

Trichromacy

#1e6fec Protanomaly 1% of men, 0.01% of women
#1e73d9 Deuteranomaly 6% of men, 0.4% of women
#1e78b3 Tritanomaly 0.01% of the population

#5362f4 hex color

#5362f4 Color Information

#5362f4 Color Conversion

Color Schemes with #5362f4

Alternatives to #5362f4

#5362f4 Preview

Shades and Tints of #5362f4

Tones of #5362f4

Color Blindness Simulator