#5380fd hex color

In a RGB color space, hex #5380fd is composed of 32.5% red, 50.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 67.2% cyan, 49.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 224.1 degrees, a saturation of 97.7% and a lightness of 65.9%. #5380fd color hex could be obtained by blending #a6ffff with #0001fb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 33
- G 50
- B 99
RGB color chart
- C 67
- M 49
- Y 0
- K 1
CMYK color chart

● #5380fd color description : Soft blue.

The hexadecimal color #5380fd has RGB values of R:83, G:128, B:253 and CMYK values of C:0.67, M:0.49, Y:0, K:0.01. Its decimal value is 5472509.

Hex triplet	5380fd	`#5380fd`
RGB Decimal	83, 128, 253	`rgb(83,128,253)`
RGB Percent	32.5, 50.2, 99.2	`rgb(32.5%,50.2%,99.2%)`
CMYK	67, 49, 0, 1
HSL	224.1°, 97.7, 65.9	`hsl(224.1,97.7%,65.9%)`
HSV (or HSB)	224.1°, 67.2, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	56.454, 24.354, -66.923
XYZ	29.012, 24.367, 96.098
xyY	0.194, 0.163, 24.367
CIE-LCH	56.454, 71.217, 289.997
CIE-LUV	56.454, -20.463, -107.998
Hunter-Lab	49.363, 18.524, -80.868
Binary	01010011, 10000000, 11111101

#5380fd
```
#5380fd rgb(83,128,253)
```
#fdd053
```
#fdd053 rgb(253,208,83)
```

Complementary Color

#53d5fd
```
#53d5fd rgb(83,213,253)
```
#5380fd
```
#5380fd rgb(83,128,253)
```
#7b53fd
```
#7b53fd rgb(123,83,253)
```

Analogous Color

#d5fd53
```
#d5fd53 rgb(213,253,83)
```
#5380fd
```
#5380fd rgb(83,128,253)
```
#fd7b53
```
#fd7b53 rgb(253,123,83)
```

Split Complementary Color

#80fd53
```
#80fd53 rgb(128,253,83)
```
#5380fd
```
#5380fd rgb(83,128,253)
```
#fd5380
```
#fd5380 rgb(253,83,128)
```

Triadic Color

#53fdd0
```
#53fdd0 rgb(83,253,208)
```
#5380fd
```
#5380fd rgb(83,128,253)
```
#fd5380
```
#fd5380 rgb(253,83,128)
```
#fdd053
```
#fdd053 rgb(253,208,83)
```

Tetradic Color

#0748fc
```
#0748fc rgb(7,72,252)
```
#215bfc
```
#215bfc rgb(33,91,252)
```
#3a6dfd
```
#3a6dfd rgb(58,109,253)
```
#5380fd
```
#5380fd rgb(83,128,253)
```
#6c93fd
```
#6c93fd rgb(108,147,253)
```
#85a5fe
```
#85a5fe rgb(133,165,254)
```
#9fb8fe
```
#9fb8fe rgb(159,184,254)
```

Monochromatic Color

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

#53abfd
```
#53abfd rgb(83,171,253)
```
#539cfd
```
#539cfd rgb(83,156,253)
```
#538efd
```
#538efd rgb(83,142,253)
```
#5380fd
```
#5380fd rgb(83,128,253)
```
#5372fd
```
#5372fd rgb(83,114,253)
```
#5364fd
```
#5364fd rgb(83,100,253)
```
#5355fd
```
#5355fd rgb(83,85,253)
```

Similar Colors

Text with hexadecimal color #5380fd

This text has a font color of #5380fd.

<span style="color:#5380fd;">Text here</span>

#5380fd background color

This paragraph has a background color of #5380fd.

<p style="background-color:#5380fd;">Content here</p>

#5380fd border color

This element has a border color of #5380fd.

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

CSS codes

.text {color:#5380fd;}

.background {background-color:#5380fd;}

.border {border:1px solid #5380fd;}

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, #000103 is the darkest color, while #eef3ff is the lightest one.

#000103
```
#000103 rgb(0,1,3)
```
#000616
```
#000616 rgb(0,6,22)
```
#000b29
```
#000b29 rgb(0,11,41)
```
#01113d
```
#01113d rgb(1,17,61)
```
#011650
```
#011650 rgb(1,22,80)
```
#011b63
```
#011b63 rgb(1,27,99)
```
#012077
```
#012077 rgb(1,32,119)
```
#02268a
```
#02268a rgb(2,38,138)
```
#022b9e
```
#022b9e rgb(2,43,158)
```
#0230b1
```
#0230b1 rgb(2,48,177)
```
#0236c4
```
#0236c4 rgb(2,54,196)
```
#033bd8
```
#033bd8 rgb(3,59,216)
```
#0340eb
```
#0340eb rgb(3,64,235)
```

Shade Color Variation

#0547fc
```
#0547fc rgb(5,71,252)
```
#1955fc
```
#1955fc rgb(25,85,252)
```
#2c63fd
```
#2c63fd rgb(44,99,253)
```
#4072fd
```
#4072fd rgb(64,114,253)
```
#5380fd
```
#5380fd rgb(83,128,253)
```
#668efd
```
#668efd rgb(102,142,253)
```
#7a9dfd
```
#7a9dfd rgb(122,157,253)
```
#8dabfe
```
#8dabfe rgb(141,171,254)
```
#a1b9fe
```
#a1b9fe rgb(161,185,254)
```
#b4c8fe
```
#b4c8fe rgb(180,200,254)
```
#c7d6fe
```
#c7d6fe rgb(199,214,254)
```
#dbe4ff
```
#dbe4ff rgb(219,228,255)
```
#eef3ff
```
#eef3ff rgb(238,243,255)
```

Tint Color Variation

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

#a3a6ad
```
#a3a6ad rgb(163,166,173)
```
#9da3b3
```
#9da3b3 rgb(157,163,179)
```
#969fba
```
#969fba rgb(150,159,186)
```
#8f9cc1
```
#8f9cc1 rgb(143,156,193)
```
#8999c7
```
#8999c7 rgb(137,153,199)
```
#8296ce
```
#8296ce rgb(130,150,206)
```
#7b93d5
```
#7b93d5 rgb(123,147,213)
```
#7490dc
```
#7490dc rgb(116,144,220)
```
#6e8de2
```
#6e8de2 rgb(110,141,226)
```
#6789e9
```
#6789e9 rgb(103,137,233)
```
#6086f0
```
#6086f0 rgb(96,134,240)
```
#5a83f6
```
#5a83f6 rgb(90,131,246)
```
#5380fd
```
#5380fd rgb(83,128,253)
```

Tone Color Variation

Below, you can see how #5380fd 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

#818181 Achromatopsia 0.005% of the population
#78819a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4289ff Protanopia 1% of men
#0090ee Deuteranopia 1% of men
#009ba6 Tritanopia 0.001% of the population

Trichromacy

#4886fe Protanomaly 1% of men, 0.01% of women
#1e8af3 Deuteranomaly 6% of men, 0.4% of women
#1e91c5 Tritanomaly 0.01% of the population

#5380fd hex color

#5380fd Color Information

#5380fd Color Conversion

Color Schemes with #5380fd

Alternatives to #5380fd

#5380fd Preview

Shades and Tints of #5380fd

Tones of #5380fd

Color Blindness Simulator