#5394ff hex color

In a RGB color space, hex #5394ff is composed of 32.5% red, 58% green and 100% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 42% magenta, 0% yellow and 0% black. It has a hue angle of 217.3 degrees, a saturation of 100% and a lightness of 66.3%. #5394ff color hex could be obtained by blending #a6ffff with #0029ff. 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

● #5394ff color description : Light blue.

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

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

CIE-LAB	61.858, 12.976, -59.349
XYZ	32.203, 30.237, 98.741
xyY	0.2, 0.188, 30.237
CIE-LCH	61.858, 60.751, 282.333
CIE-LUV	61.858, -26.628, -96.767
Hunter-Lab	54.988, 8.308, -67.975
Binary	01010011, 10010100, 11111111

#5394ff
```
#5394ff rgb(83,148,255)
```
#ffbe53
```
#ffbe53 rgb(255,190,83)
```

Complementary Color

#53eaff
```
#53eaff rgb(83,234,255)
```
#5394ff
```
#5394ff rgb(83,148,255)
```
#6853ff
```
#6853ff rgb(104,83,255)
```

Analogous Color

#eaff53
```
#eaff53 rgb(234,255,83)
```
#5394ff
```
#5394ff rgb(83,148,255)
```
#ff6853
```
#ff6853 rgb(255,104,83)
```

Split Complementary Color

#94ff53
```
#94ff53 rgb(148,255,83)
```
#5394ff
```
#5394ff rgb(83,148,255)
```
#ff5394
```
#ff5394 rgb(255,83,148)
```

Triadic Color

#53ffbe
```
#53ffbe rgb(83,255,190)
```
#5394ff
```
#5394ff rgb(83,148,255)
```
#ff5394
```
#ff5394 rgb(255,83,148)
```
#ffbe53
```
#ffbe53 rgb(255,190,83)
```

Tetradic Color

#0664ff
```
#0664ff rgb(6,100,255)
```
#2074ff
```
#2074ff rgb(32,116,255)
```
#3a84ff
```
#3a84ff rgb(58,132,255)
```
#5394ff
```
#5394ff rgb(83,148,255)
```
#6da4ff
```
#6da4ff rgb(109,164,255)
```
#86b4ff
```
#86b4ff rgb(134,180,255)
```
#a0c4ff
```
#a0c4ff rgb(160,196,255)
```

Monochromatic Color

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

#53bfff
```
#53bfff rgb(83,191,255)
```
#53b1ff
```
#53b1ff rgb(83,177,255)
```
#53a2ff
```
#53a2ff rgb(83,162,255)
```
#5394ff
```
#5394ff rgb(83,148,255)
```
#5386ff
```
#5386ff rgb(83,134,255)
```
#5377ff
```
#5377ff rgb(83,119,255)
```
#5369ff
```
#5369ff rgb(83,105,255)
```

Similar Colors

Text with hexadecimal color #5394ff

This text has a font color of #5394ff.

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

#5394ff background color

This paragraph has a background color of #5394ff.

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

#5394ff border color

This element has a border color of #5394ff.

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

CSS codes

.text {color:#5394ff;}

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

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

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)
```
#00112c
```
#00112c rgb(0,17,44)
```
#00183f
```
#00183f rgb(0,24,63)
```
#001f53
```
#001f53 rgb(0,31,83)
```
#002767
```
#002767 rgb(0,39,103)
```
#002e7a
```
#002e7a rgb(0,46,122)
```
#00368e
```
#00368e rgb(0,54,142)
```
#003da1
```
#003da1 rgb(0,61,161)
```
#0044b5
```
#0044b5 rgb(0,68,181)
```
#004cc9
```
#004cc9 rgb(0,76,201)
```
#0053dc
```
#0053dc rgb(0,83,220)
```
#005bf0
```
#005bf0 rgb(0,91,240)
```

Shade Color Variation

#0563ff
```
#0563ff rgb(5,99,255)
```
#186fff
```
#186fff rgb(24,111,255)
```
#2c7cff
```
#2c7cff rgb(44,124,255)
```
#3f88ff
```
#3f88ff rgb(63,136,255)
```
#5394ff
```
#5394ff rgb(83,148,255)
```
#67a0ff
```
#67a0ff rgb(103,160,255)
```
#7aacff
```
#7aacff rgb(122,172,255)
```
#8eb9ff
```
#8eb9ff rgb(142,185,255)
```
#a1c5ff
```
#a1c5ff rgb(161,197,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 #5394ff is the most saturated one.

#a2a7b0
```
#a2a7b0 rgb(162,167,176)
```
#9ca6b6
```
#9ca6b6 rgb(156,166,182)
```
#95a4bd
```
#95a4bd rgb(149,164,189)
```
#8fa3c3
```
#8fa3c3 rgb(143,163,195)
```
#88a1ca
```
#88a1ca rgb(136,161,202)
```
#819fd1
```
#819fd1 rgb(129,159,209)
```
#7b9ed7
```
#7b9ed7 rgb(123,158,215)
```
#749cde
```
#749cde rgb(116,156,222)
```
#6d9ae5
```
#6d9ae5 rgb(109,154,229)
```
#6799eb
```
#6799eb rgb(103,153,235)
```
#6097f2
```
#6097f2 rgb(96,151,242)
```
#5a96f8
```
#5a96f8 rgb(90,150,248)
```
#5394ff
```
#5394ff rgb(83,148,255)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#818ea4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a97fd Protanopia 1% of men
#449cfd Deuteranopia 1% of men
#00a9b6 Tritanopia 0.001% of the population

Trichromacy

#6196fd Protanomaly 1% of men, 0.01% of women
#4999fe Deuteranomaly 6% of men, 0.4% of women
#1ea1d0 Tritanomaly 0.01% of the population

#5394ff hex color

#5394ff Color Information

#5394ff Color Conversion

Color Schemes with #5394ff

Alternatives to #5394ff

#5394ff Preview

Shades and Tints of #5394ff

Tones of #5394ff

Color Blindness Simulator