#5360f3 hex color

In a RGB color space, hex #5360f3 is composed of 32.5% red, 37.6% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 65.8% cyan, 60.5% magenta, 0% yellow and 4.7% black. It has a hue angle of 235.1 degrees, a saturation of 87% and a lightness of 63.9%. #5360f3 color hex could be obtained by blending #a6c0ff with #0000e7. Closest websafe color is: #6666ff.

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

● #5360f3 color description : Soft blue.

The hexadecimal color #5360f3 has RGB values of R:83, G:96, B:243 and CMYK values of C:0.66, M:0.6, Y:0, K:0.05. Its decimal value is 5464307.

Hex triplet	5360f3	`#5360f3`
RGB Decimal	83, 96, 243	`rgb(83,96,243)`
RGB Percent	32.5, 37.6, 95.3	`rgb(32.5%,37.6%,95.3%)`
CMYK	66, 60, 0, 5
HSL	235.1°, 87, 63.9	`hsl(235.1,87%,63.9%)`
HSV (or HSB)	235.1°, 65.8, 95.3
Web Safe	6666ff	`#6666ff`

CIE-LAB	47.847, 40.494, -75.326
XYZ	23.925, 16.675, 86.747
xyY	0.188, 0.131, 16.675
CIE-LCH	47.847, 85.521, 298.262
CIE-LUV	47.847, -11.647, -116.599
Hunter-Lab	40.834, 33.121, -97.369
Binary	01010011, 01100000, 11110011

#5360f3
```
#5360f3 rgb(83,96,243)
```
#f3e653
```
#f3e653 rgb(243,230,83)
```

Complementary Color

#53b0f3
```
#53b0f3 rgb(83,176,243)
```
#5360f3
```
#5360f3 rgb(83,96,243)
```
#9653f3
```
#9653f3 rgb(150,83,243)
```

Analogous Color

#b0f353
```
#b0f353 rgb(176,243,83)
```
#5360f3
```
#5360f3 rgb(83,96,243)
```
#f39653
```
#f39653 rgb(243,150,83)
```

Split Complementary Color

#60f353
```
#60f353 rgb(96,243,83)
```
#5360f3
```
#5360f3 rgb(83,96,243)
```
#f35360
```
#f35360 rgb(243,83,96)
```

Triadic Color

#53f3e6
```
#53f3e6 rgb(83,243,230)
```
#5360f3
```
#5360f3 rgb(83,96,243)
```
#f35360
```
#f35360 rgb(243,83,96)
```
#f3e653
```
#f3e653 rgb(243,230,83)
```

Tetradic Color

#1022e9
```
#1022e9 rgb(16,34,233)
```
#2334f0
```
#2334f0 rgb(35,52,240)
```
#3b4af1
```
#3b4af1 rgb(59,74,241)
```
#5360f3
```
#5360f3 rgb(83,96,243)
```
#6b76f5
```
#6b76f5 rgb(107,118,245)
```
#838cf6
```
#838cf6 rgb(131,140,246)
```
#9ba2f8
```
#9ba2f8 rgb(155,162,248)
```

Monochromatic Color

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

#5388f3
```
#5388f3 rgb(83,136,243)
```
#537bf3
```
#537bf3 rgb(83,123,243)
```
#536df3
```
#536df3 rgb(83,109,243)
```
#5360f3
```
#5360f3 rgb(83,96,243)
```
#5353f3
```
#5353f3 rgb(83,83,243)
```
#6153f3
```
#6153f3 rgb(97,83,243)
```
#6e53f3
```
#6e53f3 rgb(110,83,243)
```

Similar Colors

Text with hexadecimal color #5360f3

This text has a font color of #5360f3.

<span style="color:#5360f3;">Text here</span>

#5360f3 background color

This paragraph has a background color of #5360f3.

<p style="background-color:#5360f3;">Content here</p>

#5360f3 border color

This element has a border color of #5360f3.

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

CSS codes

.text {color:#5360f3;}

.background {background-color:#5360f3;}

.border {border:1px solid #5360f3;}

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

#01020b
```
#01020b rgb(1,2,11)
```
#02041e
```
#02041e rgb(2,4,30)
```
#030730
```
#030730 rgb(3,7,48)
```
#050a42
```
#050a42 rgb(5,10,66)
```
#060c55
```
#060c55 rgb(6,12,85)
```
#070f67
```
#070f67 rgb(7,15,103)
```
#081279
```
#081279 rgb(8,18,121)
```
#0a148c
```
#0a148c rgb(10,20,140)
```
#0b179e
```
#0b179e rgb(11,23,158)
```
#0c1ab0
```
#0c1ab0 rgb(12,26,176)
```
#0e1cc3
```
#0e1cc3 rgb(14,28,195)
```
#0f1fd5
```
#0f1fd5 rgb(15,31,213)
```
#1022e7
```
#1022e7 rgb(16,34,231)
```

Shade Color Variation

#1c2def
```
#1c2def rgb(28,45,239)
```
#2e3ef0
```
#2e3ef0 rgb(46,62,240)
```
#414ff2
```
#414ff2 rgb(65,79,242)
```
#5360f3
```
#5360f3 rgb(83,96,243)
```
#6571f4
```
#6571f4 rgb(101,113,244)
```
#7882f6
```
#7882f6 rgb(120,130,246)
```
#8a93f7
```
#8a93f7 rgb(138,147,247)
```
#9ca4f8
```
#9ca4f8 rgb(156,164,248)
```
#afb5f9
```
#afb5f9 rgb(175,181,249)
```
#c1c6fb
```
#c1c6fb rgb(193,198,251)
```
#d3d7fc
```
#d3d7fc rgb(211,215,252)
```
#e6e8fd
```
#e6e8fd rgb(230,232,253)
```
#f8f9ff
```
#f8f9ff rgb(248,249,255)
```

Tint Color Variation

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

#a1a1a5
```
#a1a1a5 rgb(161,161,165)
```
#9a9bac
```
#9a9bac rgb(154,155,172)
```
#9395b3
```
#9395b3 rgb(147,149,179)
```
#8c8fba
```
#8c8fba rgb(140,143,186)
```
#8589c1
```
#8589c1 rgb(133,137,193)
```
#7d84c9
```
#7d84c9 rgb(125,132,201)
```
#767ed0
```
#767ed0 rgb(118,126,208)
```
#6f78d7
```
#6f78d7 rgb(111,120,215)
```
#6872de
```
#6872de rgb(104,114,222)
```
#616ce5
```
#616ce5 rgb(97,108,229)
```
#5a66ec
```
#5a66ec rgb(90,102,236)
```
#5360f3
```
#5360f3 rgb(83,96,243)
```
#4c5afa
```
#4c5afa rgb(76,90,250)
```

Tone Color Variation

Below, you can see how #5360f3 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

#6d6d6d Achromatopsia 0.005% of the population
#686a88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e5 Protanopia 1% of men
#007bc8 Deuteranopia 1% of men
#00848d Tritanopia 0.001% of the population

Trichromacy

#1e6dea Protanomaly 1% of men, 0.01% of women
#1e71d7 Deuteranomaly 6% of men, 0.4% of women
#1e77b2 Tritanomaly 0.01% of the population

#5360f3 hex color

#5360f3 Color Information

#5360f3 Color Conversion

Color Schemes with #5360f3

Alternatives to #5360f3

#5360f3 Preview

Shades and Tints of #5360f3

Tones of #5360f3

Color Blindness Simulator