#5384fd hex color

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

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

● #5384fd color description : Soft blue.

The hexadecimal color #5384fd has RGB values of R:83, G:132, B:253 and CMYK values of C:0.67, M:0.48, Y:0, K:0.01. Its decimal value is 5473533.

Hex triplet	5384fd	`#5384fd`
RGB Decimal	83, 132, 253	`rgb(83,132,253)`
RGB Percent	32.5, 51.8, 99.2	`rgb(32.5%,51.8%,99.2%)`
CMYK	67, 48, 0, 1
HSL	222.7°, 97.7, 65.9	`hsl(222.7,97.7%,65.9%)`
HSV (or HSB)	222.7°, 67.2, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.493, 21.918, -65.249
XYZ	29.544, 25.431, 96.275
xyY	0.195, 0.168, 25.431
CIE-LCH	57.493, 68.832, 288.568
CIE-LUV	57.493, -21.658, -105.599
Hunter-Lab	50.43, 16.323, -77.889
Binary	01010011, 10000100, 11111101

#5384fd
```
#5384fd rgb(83,132,253)
```
#fdcc53
```
#fdcc53 rgb(253,204,83)
```

Complementary Color

#53d9fd
```
#53d9fd rgb(83,217,253)
```
#5384fd
```
#5384fd rgb(83,132,253)
```
#7753fd
```
#7753fd rgb(119,83,253)
```

Analogous Color

#d9fd53
```
#d9fd53 rgb(217,253,83)
```
#5384fd
```
#5384fd rgb(83,132,253)
```
#fd7753
```
#fd7753 rgb(253,119,83)
```

Split Complementary Color

#84fd53
```
#84fd53 rgb(132,253,83)
```
#5384fd
```
#5384fd rgb(83,132,253)
```
#fd5384
```
#fd5384 rgb(253,83,132)
```

Triadic Color

#53fdcc
```
#53fdcc rgb(83,253,204)
```
#5384fd
```
#5384fd rgb(83,132,253)
```
#fd5384
```
#fd5384 rgb(253,83,132)
```
#fdcc53
```
#fdcc53 rgb(253,204,83)
```

Tetradic Color

#074efc
```
#074efc rgb(7,78,252)
```
#2160fc
```
#2160fc rgb(33,96,252)
```
#3a72fd
```
#3a72fd rgb(58,114,253)
```
#5384fd
```
#5384fd rgb(83,132,253)
```
#6c96fd
```
#6c96fd rgb(108,150,253)
```
#85a8fe
```
#85a8fe rgb(133,168,254)
```
#9fbafe
```
#9fbafe rgb(159,186,254)
```

Monochromatic Color

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

#53affd
```
#53affd rgb(83,175,253)
```
#53a0fd
```
#53a0fd rgb(83,160,253)
```
#5392fd
```
#5392fd rgb(83,146,253)
```
#5384fd
```
#5384fd rgb(83,132,253)
```
#5376fd
```
#5376fd rgb(83,118,253)
```
#5368fd
```
#5368fd rgb(83,104,253)
```
#5359fd
```
#5359fd rgb(83,89,253)
```

Similar Colors

Text with hexadecimal color #5384fd

This text has a font color of #5384fd.

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

#5384fd background color

This paragraph has a background color of #5384fd.

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

#5384fd border color

This element has a border color of #5384fd.

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

CSS codes

.text {color:#5384fd;}

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

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

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)
```
#000c29
```
#000c29 rgb(0,12,41)
```
#01123d
```
#01123d rgb(1,18,61)
```
#011850
```
#011850 rgb(1,24,80)
```
#011d63
```
#011d63 rgb(1,29,99)
```
#012377
```
#012377 rgb(1,35,119)
```
#02298a
```
#02298a rgb(2,41,138)
```
#022f9e
```
#022f9e rgb(2,47,158)
```
#0234b1
```
#0234b1 rgb(2,52,177)
```
#023ac4
```
#023ac4 rgb(2,58,196)
```
#0340d8
```
#0340d8 rgb(3,64,216)
```
#0346eb
```
#0346eb rgb(3,70,235)
```

Shade Color Variation

#054dfc
```
#054dfc rgb(5,77,252)
```
#195afc
```
#195afc rgb(25,90,252)
```
#2c68fd
```
#2c68fd rgb(44,104,253)
```
#4076fd
```
#4076fd rgb(64,118,253)
```
#5384fd
```
#5384fd rgb(83,132,253)
```
#6692fd
```
#6692fd rgb(102,146,253)
```
#7aa0fd
```
#7aa0fd rgb(122,160,253)
```
#8daefe
```
#8daefe rgb(141,174,254)
```
#a1bbfe
```
#a1bbfe rgb(161,187,254)
```
#b4c9fe
```
#b4c9fe rgb(180,201,254)
```
#c7d7fe
```
#c7d7fe rgb(199,215,254)
```
#dbe5ff
```
#dbe5ff rgb(219,229,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 #5384fd is the most saturated one.

#a3a6ad
```
#a3a6ad rgb(163,166,173)
```
#9da3b3
```
#9da3b3 rgb(157,163,179)
```
#96a0ba
```
#96a0ba rgb(150,160,186)
```
#8f9ec1
```
#8f9ec1 rgb(143,158,193)
```
#899bc7
```
#899bc7 rgb(137,155,199)
```
#8298ce
```
#8298ce rgb(130,152,206)
```
#7b95d5
```
#7b95d5 rgb(123,149,213)
```
#7492dc
```
#7492dc rgb(116,146,220)
```
#6e8fe2
```
#6e8fe2 rgb(110,143,226)
```
#678de9
```
#678de9 rgb(103,141,233)
```
#608af0
```
#608af0 rgb(96,138,240)
```
#5a87f6
```
#5a87f6 rgb(90,135,246)
```
#5384fd
```
#5384fd rgb(83,132,253)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#79839b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b8cfe Protanopia 1% of men
#0092f3 Deuteranopia 1% of men
#009ea9 Tritanopia 0.001% of the population

Trichromacy

#4e89fe Protanomaly 1% of men, 0.01% of women
#1e8df6 Deuteranomaly 6% of men, 0.4% of women
#1e94c7 Tritanomaly 0.01% of the population

#5384fd hex color

#5384fd Color Information

#5384fd Color Conversion

Color Schemes with #5384fd

Alternatives to #5384fd

#5384fd Preview

Shades and Tints of #5384fd

Tones of #5384fd

Color Blindness Simulator