#5393ff hex color

In a RGB color space, hex #5393ff is composed of 32.5% red, 57.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 42.4% magenta, 0% yellow and 0% black. It has a hue angle of 217.7 degrees, a saturation of 100% and a lightness of 66.3%. #5393ff color hex could be obtained by blending #a6ffff with #0027ff. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 33
- G 58
- B 100
RGB color chart
- C 67
- M 42
- Y 0
- K 0
CMYK color chart

● #5393ff color description : Light blue.

The hexadecimal color #5393ff has RGB values of R:83, G:147, B:255 and CMYK values of C:0.67, M:0.42, Y:0, K:0. Its decimal value is 5477375.

Hex triplet	5393ff	`#5393ff`
RGB Decimal	83, 147, 255	`rgb(83,147,255)`
RGB Percent	32.5, 57.6, 100	`rgb(32.5%,57.6%,100%)`
CMYK	67, 42, 0, 0
HSL	217.7°, 100, 66.3	`hsl(217.7,100%,66.3%)`
HSV (or HSB)	217.7°, 67.5, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	61.589, 13.571, -59.779
XYZ	32.047, 29.924, 98.689
xyY	0.199, 0.186, 29.924
CIE-LCH	61.589, 61.3, 282.791
CIE-LUV	61.589, -26.307, -97.451
Hunter-Lab	54.703, 8.841, -68.672
Binary	01010011, 10010011, 11111111

#5393ff
```
#5393ff rgb(83,147,255)
```
#ffbf53
```
#ffbf53 rgb(255,191,83)
```

Complementary Color

#53e9ff
```
#53e9ff rgb(83,233,255)
```
#5393ff
```
#5393ff rgb(83,147,255)
```
#6953ff
```
#6953ff rgb(105,83,255)
```

Analogous Color

#e9ff53
```
#e9ff53 rgb(233,255,83)
```
#5393ff
```
#5393ff rgb(83,147,255)
```
#ff6953
```
#ff6953 rgb(255,105,83)
```

Split Complementary Color

#93ff53
```
#93ff53 rgb(147,255,83)
```
#5393ff
```
#5393ff rgb(83,147,255)
```
#ff5393
```
#ff5393 rgb(255,83,147)
```

Triadic Color

#53ffbf
```
#53ffbf rgb(83,255,191)
```
#5393ff
```
#5393ff rgb(83,147,255)
```
#ff5393
```
#ff5393 rgb(255,83,147)
```
#ffbf53
```
#ffbf53 rgb(255,191,83)
```

Tetradic Color

#0663ff
```
#0663ff rgb(6,99,255)
```
#2073ff
```
#2073ff rgb(32,115,255)
```
#3a83ff
```
#3a83ff rgb(58,131,255)
```
#5393ff
```
#5393ff rgb(83,147,255)
```
#6da3ff
```
#6da3ff rgb(109,163,255)
```
#86b3ff
```
#86b3ff rgb(134,179,255)
```
#a0c3ff
```
#a0c3ff rgb(160,195,255)
```

Monochromatic Color

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

#53beff
```
#53beff rgb(83,190,255)
```
#53b0ff
```
#53b0ff rgb(83,176,255)
```
#53a1ff
```
#53a1ff rgb(83,161,255)
```
#5393ff
```
#5393ff rgb(83,147,255)
```
#5385ff
```
#5385ff rgb(83,133,255)
```
#5376ff
```
#5376ff rgb(83,118,255)
```
#5368ff
```
#5368ff rgb(83,104,255)
```

Similar Colors

Text with hexadecimal color #5393ff

This text has a font color of #5393ff.

<span style="color:#5393ff;">Text here</span>

#5393ff background color

This paragraph has a background color of #5393ff.

<p style="background-color:#5393ff;">Content here</p>

#5393ff border color

This element has a border color of #5393ff.

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

CSS codes

.text {color:#5393ff;}

.background {background-color:#5393ff;}

.border {border:1px solid #5393ff;}

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

#000205
```
#000205 rgb(0,2,5)
```
#000918
```
#000918 rgb(0,9,24)
```
#00102c
```
#00102c rgb(0,16,44)
```
#00183f
```
#00183f rgb(0,24,63)
```
#001f53
```
#001f53 rgb(0,31,83)
```
#002667
```
#002667 rgb(0,38,103)
```
#002d7a
```
#002d7a rgb(0,45,122)
```
#00358e
```
#00358e rgb(0,53,142)
```
#003ca1
```
#003ca1 rgb(0,60,161)
```
#0043b5
```
#0043b5 rgb(0,67,181)
```
#004bc9
```
#004bc9 rgb(0,75,201)
```
#0052dc
```
#0052dc rgb(0,82,220)
```
#0059f0
```
#0059f0 rgb(0,89,240)
```

Shade Color Variation

#0562ff
```
#0562ff rgb(5,98,255)
```
#186eff
```
#186eff rgb(24,110,255)
```
#2c7aff
```
#2c7aff rgb(44,122,255)
```
#3f87ff
```
#3f87ff rgb(63,135,255)
```
#5393ff
```
#5393ff rgb(83,147,255)
```
#679fff
```
#679fff rgb(103,159,255)
```
#7aacff
```
#7aacff rgb(122,172,255)
```
#8eb8ff
```
#8eb8ff rgb(142,184,255)
```
#a1c4ff
```
#a1c4ff rgb(161,196,255)
```
#b5d1ff
```
#b5d1ff rgb(181,209,255)
```
#c9ddff
```
#c9ddff rgb(201,221,255)
```
#dce9ff
```
#dce9ff rgb(220,233,255)
```
#f0f6ff
```
#f0f6ff rgb(240,246,255)
```

Tint Color Variation

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

#a2a7b0
```
#a2a7b0 rgb(162,167,176)
```
#9ca6b6
```
#9ca6b6 rgb(156,166,182)
```
#95a4bd
```
#95a4bd rgb(149,164,189)
```
#8fa2c3
```
#8fa2c3 rgb(143,162,195)
```
#88a1ca
```
#88a1ca rgb(136,161,202)
```
#819fd1
```
#819fd1 rgb(129,159,209)
```
#7b9dd7
```
#7b9dd7 rgb(123,157,215)
```
#749bde
```
#749bde rgb(116,155,222)
```
#6d9ae5
```
#6d9ae5 rgb(109,154,229)
```
#6798eb
```
#6798eb rgb(103,152,235)
```
#6096f2
```
#6096f2 rgb(96,150,242)
```
#5a95f8
```
#5a95f8 rgb(90,149,248)
```
#5393ff
```
#5393ff rgb(83,147,255)
```

Tone Color Variation

Below, you can see how #5393ff 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

#8c8c8c Achromatopsia 0.005% of the population
#818da3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6896fd Protanopia 1% of men
#419cfd Deuteranopia 1% of men
#00a9b5 Tritanopia 0.001% of the population

Trichromacy

#6095fe Protanomaly 1% of men, 0.01% of women
#4798fe Deuteranomaly 6% of men, 0.4% of women
#1ea1d0 Tritanomaly 0.01% of the population

#5393ff hex color

#5393ff Color Information

#5393ff Color Conversion

Color Schemes with #5393ff

Alternatives to #5393ff

#5393ff Preview

Shades and Tints of #5393ff

Tones of #5393ff

Color Blindness Simulator