#5388f6 hex color

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

♥
- f
- t
- g
- R 33
- G 53
- B 96
RGB color chart
- C 66
- M 45
- Y 0
- K 4
CMYK color chart

● #5388f6 color description : Soft blue.

The hexadecimal color #5388f6 has RGB values of R:83, G:136, B:246 and CMYK values of C:0.66, M:0.45, Y:0, K:0.04. Its decimal value is 5474550.

Hex triplet	5388f6	`#5388f6`
RGB Decimal	83, 136, 246	`rgb(83,136,246)`
RGB Percent	32.5, 53.3, 96.5	`rgb(32.5%,53.3%,96.5%)`
CMYK	66, 45, 0, 4
HSL	220.5°, 90.1, 64.5	`hsl(220.5,90.1%,64.5%)`
HSV (or HSB)	220.5°, 66.3, 96.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.131, 17.085, -60.365
XYZ	29.002, 26.099, 90.693
xyY	0.199, 0.179, 26.099
CIE-LCH	58.131, 62.737, 285.803
CIE-LUV	58.131, -22.924, -97.618
Hunter-Lab	51.087, 11.932, -69.493
Binary	01010011, 10001000, 11110110

#5388f6
```
#5388f6 rgb(83,136,246)
```
#f6c153
```
#f6c153 rgb(246,193,83)
```

Complementary Color

#53daf6
```
#53daf6 rgb(83,218,246)
```
#5388f6
```
#5388f6 rgb(83,136,246)
```
#7053f6
```
#7053f6 rgb(112,83,246)
```

Analogous Color

#daf653
```
#daf653 rgb(218,246,83)
```
#5388f6
```
#5388f6 rgb(83,136,246)
```
#f67053
```
#f67053 rgb(246,112,83)
```

Split Complementary Color

#88f653
```
#88f653 rgb(136,246,83)
```
#5388f6
```
#5388f6 rgb(83,136,246)
```
#f65388
```
#f65388 rgb(246,83,136)
```

Triadic Color

#53f6c1
```
#53f6c1 rgb(83,246,193)
```
#5388f6
```
#5388f6 rgb(83,136,246)
```
#f65388
```
#f65388 rgb(246,83,136)
```
#f6c153
```
#f6c153 rgb(246,193,83)
```

Tetradic Color

#0d56f0
```
#0d56f0 rgb(13,86,240)
```
#2366f3
```
#2366f3 rgb(35,102,243)
```
#3b77f5
```
#3b77f5 rgb(59,119,245)
```
#5388f6
```
#5388f6 rgb(83,136,246)
```
#6b99f7
```
#6b99f7 rgb(107,153,247)
```
#83aaf9
```
#83aaf9 rgb(131,170,249)
```
#9cbafa
```
#9cbafa rgb(156,186,250)
```

Monochromatic Color

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

#53b1f6
```
#53b1f6 rgb(83,177,246)
```
#53a3f6
```
#53a3f6 rgb(83,163,246)
```
#5396f6
```
#5396f6 rgb(83,150,246)
```
#5388f6
```
#5388f6 rgb(83,136,246)
```
#537af6
```
#537af6 rgb(83,122,246)
```
#536df6
```
#536df6 rgb(83,109,246)
```
#535ff6
```
#535ff6 rgb(83,95,246)
```

Similar Colors

Text with hexadecimal color #5388f6

This text has a font color of #5388f6.

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

#5388f6 background color

This paragraph has a background color of #5388f6.

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

#5388f6 border color

This element has a border color of #5388f6.

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

CSS codes

.text {color:#5388f6;}

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

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

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, #01050e is the darkest color, while #fbfcff is the lightest one.

#01050e
```
#01050e rgb(1,5,14)
```
#020c21
```
#020c21 rgb(2,12,33)
```
#031334
```
#031334 rgb(3,19,52)
```
#041946
```
#041946 rgb(4,25,70)
```
#052059
```
#052059 rgb(5,32,89)
```
#06276c
```
#06276c rgb(6,39,108)
```
#072e7e
```
#072e7e rgb(7,46,126)
```
#083491
```
#083491 rgb(8,52,145)
```
#093ba4
```
#093ba4 rgb(9,59,164)
```
#0a42b6
```
#0a42b6 rgb(10,66,182)
```
#0b48c9
```
#0b48c9 rgb(11,72,201)
```
#0b4fdb
```
#0b4fdb rgb(11,79,219)
```
#0c56ee
```
#0c56ee rgb(12,86,238)
```

Shade Color Variation

#1b61f3
```
#1b61f3 rgb(27,97,243)
```
#2e6ef4
```
#2e6ef4 rgb(46,110,244)
```
#407bf5
```
#407bf5 rgb(64,123,245)
```
#5388f6
```
#5388f6 rgb(83,136,246)
```
#6695f7
```
#6695f7 rgb(102,149,247)
```
#78a2f8
```
#78a2f8 rgb(120,162,248)
```
#8baff9
```
#8baff9 rgb(139,175,249)
```
#9ebcfa
```
#9ebcfa rgb(158,188,250)
```
#b0c8fb
```
#b0c8fb rgb(176,200,251)
```
#c3d5fc
```
#c3d5fc rgb(195,213,252)
```
#d5e2fd
```
#d5e2fd rgb(213,226,253)
```
#e8effe
```
#e8effe rgb(232,239,254)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#a0a3a9
```
#a0a3a9 rgb(160,163,169)
```
#99a0b0
```
#99a0b0 rgb(153,160,176)
```
#929eb7
```
#929eb7 rgb(146,158,183)
```
#8b9bbe
```
#8b9bbe rgb(139,155,190)
```
#8499c5
```
#8499c5 rgb(132,153,197)
```
#7d97cc
```
#7d97cc rgb(125,151,204)
```
#7694d3
```
#7694d3 rgb(118,148,211)
```
#6f92da
```
#6f92da rgb(111,146,218)
```
#688fe1
```
#688fe1 rgb(104,143,225)
```
#618de8
```
#618de8 rgb(97,141,232)
```
#5a8aef
```
#5a8aef rgb(90,138,239)
```
#5388f6
```
#5388f6 rgb(83,136,246)
```
#4c86fd
```
#4c86fd rgb(76,134,253)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#7b869c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b8ef6 Protanopia 1% of men
#2a93f4 Deuteranopia 1% of men
#009fab Tritanopia 0.001% of the population

Trichromacy

#588cf6 Protanomaly 1% of men, 0.01% of women
#398ff4 Deuteranomaly 6% of men, 0.4% of women
#1e97c6 Tritanomaly 0.01% of the population

#5388f6 hex color

#5388f6 Color Information

#5388f6 Color Conversion

Color Schemes with #5388f6

Alternatives to #5388f6

#5388f6 Preview

Shades and Tints of #5388f6

Tones of #5388f6

Color Blindness Simulator