#5388ff hex color

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

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

● #5388ff color description : Light blue.

The hexadecimal color #5388ff has RGB values of R:83, G:136, B:255 and CMYK values of C:0.67, M:0.47, Y:0, K:0. Its decimal value is 5474559.

Hex triplet	5388ff	`#5388ff`
RGB Decimal	83, 136, 255	`rgb(83,136,255)`
RGB Percent	32.5, 53.3, 100	`rgb(32.5%,53.3%,100%)`
CMYK	67, 47, 0, 0
HSL	221.5°, 100, 66.3	`hsl(221.5,100%,66.3%)`
HSV (or HSB)	221.5°, 67.5, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.663, 20.18, -64.468
XYZ	30.418, 26.665, 98.146
xyY	0.196, 0.172, 26.665
CIE-LCH	58.663, 67.552, 287.382
CIE-LUV	58.663, -22.864, -104.665
Hunter-Lab	51.638, 14.778, -76.542
Binary	01010011, 10001000, 11111111

#5388ff
```
#5388ff rgb(83,136,255)
```
#ffca53
```
#ffca53 rgb(255,202,83)
```

Complementary Color

#53deff
```
#53deff rgb(83,222,255)
```
#5388ff
```
#5388ff rgb(83,136,255)
```
#7453ff
```
#7453ff rgb(116,83,255)
```

Analogous Color

#deff53
```
#deff53 rgb(222,255,83)
```
#5388ff
```
#5388ff rgb(83,136,255)
```
#ff7453
```
#ff7453 rgb(255,116,83)
```

Split Complementary Color

#88ff53
```
#88ff53 rgb(136,255,83)
```
#5388ff
```
#5388ff rgb(83,136,255)
```
#ff5388
```
#ff5388 rgb(255,83,136)
```

Triadic Color

#53ffca
```
#53ffca rgb(83,255,202)
```
#5388ff
```
#5388ff rgb(83,136,255)
```
#ff5388
```
#ff5388 rgb(255,83,136)
```
#ffca53
```
#ffca53 rgb(255,202,83)
```

Tetradic Color

#0653ff
```
#0653ff rgb(6,83,255)
```
#2065ff
```
#2065ff rgb(32,101,255)
```
#3a76ff
```
#3a76ff rgb(58,118,255)
```
#5388ff
```
#5388ff rgb(83,136,255)
```
#6d9aff
```
#6d9aff rgb(109,154,255)
```
#86abff
```
#86abff rgb(134,171,255)
```
#a0bdff
```
#a0bdff rgb(160,189,255)
```

Monochromatic Color

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

#53b3ff
```
#53b3ff rgb(83,179,255)
```
#53a5ff
```
#53a5ff rgb(83,165,255)
```
#5396ff
```
#5396ff rgb(83,150,255)
```
#5388ff
```
#5388ff rgb(83,136,255)
```
#537aff
```
#537aff rgb(83,122,255)
```
#536bff
```
#536bff rgb(83,107,255)
```
#535dff
```
#535dff rgb(83,93,255)
```

Similar Colors

Text with hexadecimal color #5388ff

This text has a font color of #5388ff.

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

#5388ff background color

This paragraph has a background color of #5388ff.

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

#5388ff border color

This element has a border color of #5388ff.

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

CSS codes

.text {color:#5388ff;}

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

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

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

#000105
```
#000105 rgb(0,1,5)
```
#000718
```
#000718 rgb(0,7,24)
```
#000d2c
```
#000d2c rgb(0,13,44)
```
#00143f
```
#00143f rgb(0,20,63)
```
#001a53
```
#001a53 rgb(0,26,83)
```
#002067
```
#002067 rgb(0,32,103)
```
#00267a
```
#00267a rgb(0,38,122)
```
#002c8e
```
#002c8e rgb(0,44,142)
```
#0032a1
```
#0032a1 rgb(0,50,161)
```
#0038b5
```
#0038b5 rgb(0,56,181)
```
#003ec9
```
#003ec9 rgb(0,62,201)
```
#0044dc
```
#0044dc rgb(0,68,220)
```
#004af0
```
#004af0 rgb(0,74,240)
```

Shade Color Variation

#0552ff
```
#0552ff rgb(5,82,255)
```
#185fff
```
#185fff rgb(24,95,255)
```
#2c6dff
```
#2c6dff rgb(44,109,255)
```
#3f7aff
```
#3f7aff rgb(63,122,255)
```
#5388ff
```
#5388ff rgb(83,136,255)
```
#6796ff
```
#6796ff rgb(103,150,255)
```
#7aa3ff
```
#7aa3ff rgb(122,163,255)
```
#8eb1ff
```
#8eb1ff rgb(142,177,255)
```
#a1beff
```
#a1beff rgb(161,190,255)
```
#b5ccff
```
#b5ccff rgb(181,204,255)
```
#c9d9ff
```
#c9d9ff rgb(201,217,255)
```
#dce7ff
```
#dce7ff rgb(220,231,255)
```
#f0f5ff
```
#f0f5ff rgb(240,245,255)
```

Tint Color Variation

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

#a2a6b0
```
#a2a6b0 rgb(162,166,176)
```
#9ca4b6
```
#9ca4b6 rgb(156,164,182)
```
#95a1bd
```
#95a1bd rgb(149,161,189)
```
#8f9fc3
```
#8f9fc3 rgb(143,159,195)
```
#889cca
```
#889cca rgb(136,156,202)
```
#819ad1
```
#819ad1 rgb(129,154,209)
```
#7b97d7
```
#7b97d7 rgb(123,151,215)
```
#7495de
```
#7495de rgb(116,149,222)
```
#6d92e5
```
#6d92e5 rgb(109,146,229)
```
#6790eb
```
#6790eb rgb(103,144,235)
```
#608df2
```
#608df2 rgb(96,141,242)
```
#5a8bf8
```
#5a8bf8 rgb(90,139,248)
```
#5388ff
```
#5388ff rgb(83,136,255)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#7c869e Atypical Achromatopsia 0.001% of the population

Dichromacy

#548fff Protanopia 1% of men
#0095f8 Deuteranopia 1% of men
#00a1ac Tritanopia 0.001% of the population

Trichromacy

#538cff Protanomaly 1% of men, 0.01% of women
#1e90fb Deuteranomaly 6% of men, 0.4% of women
#1e98ca Tritanomaly 0.01% of the population

#5388ff hex color

#5388ff Color Information

#5388ff Color Conversion

Color Schemes with #5388ff

Alternatives to #5388ff

#5388ff Preview

Shades and Tints of #5388ff

Tones of #5388ff

Color Blindness Simulator