colorhexa.com

#5396ee hex color

In a RGB color space, hex #5396ee is composed of 32.5% red, 58.8% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 65.1% cyan, 37% magenta, 0% yellow and 6.7% black. It has a hue angle of 214.1 degrees, a saturation of 82% and a lightness of 62.9%. #5396ee color hex could be obtained by blending #a6ffff with #002ddd. Closest websafe color is: #6699ff.

- R 33
- G 59
- B 93
RGB color chart
- C 65
- M 37
- Y 0
- K 7
CMYK color chart

● #5396ee color description : Soft blue.

The hexadecimal color #5396ee has RGB values of R:83, G:150, B:238 and CMYK values of C:0.65, M:0.37, Y:0, K:0.07. Its decimal value is 5478126.

Hex triplet	5396ee	`#5396ee`
RGB Decimal	83, 150, 238	`rgb(83,150,238)`
RGB Percent	32.5, 58.8, 93.3	`rgb(32.5%,58.8%,93.3%)`
CMYK	65, 37, 0, 7
HSL	214.1°, 82, 62.9	`hsl(214.1,82%,62.9%)`
HSV (or HSB)	214.1°, 65.1, 93.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	61.501, 6.008, -50.579
XYZ	29.903, 29.823, 85.065
xyY	0.207, 0.206, 29.823
CIE-LCH	61.501, 50.935, 276.774
CIE-LUV	61.501, -27.611, -81.456
Hunter-Lab	54.61, 2.173, -54.127
Binary	01010011, 10010110, 11101110

#5396ee
```
#5396ee rgb(83,150,238)
```
#eeab53
```
#eeab53 rgb(238,171,83)
```

Complementary Color

#53e4ee
```
#53e4ee rgb(83,228,238)
```
#5396ee
```
#5396ee rgb(83,150,238)
```
#5d53ee
```
#5d53ee rgb(93,83,238)
```

Analogous Color

#e4ee53
```
#e4ee53 rgb(228,238,83)
```
#5396ee
```
#5396ee rgb(83,150,238)
```
#ee5d53
```
#ee5d53 rgb(238,93,83)
```

Split Complementary Color

#96ee53
```
#96ee53 rgb(150,238,83)
```
#5396ee
```
#5396ee rgb(83,150,238)
```
#ee5396
```
#ee5396 rgb(238,83,150)
```

Triadic Color

#53eeab
```
#53eeab rgb(83,238,171)
```
#5396ee
```
#5396ee rgb(83,150,238)
```
#ee5396
```
#ee5396 rgb(238,83,150)
```
#eeab53
```
#eeab53 rgb(238,171,83)
```

Tetradic Color

#166ddf
```
#166ddf rgb(22,109,223)
```
#257ae9
```
#257ae9 rgb(37,122,233)
```
#3c88ec
```
#3c88ec rgb(60,136,236)
```
#5396ee
```
#5396ee rgb(83,150,238)
```
#6aa4f0
```
#6aa4f0 rgb(106,164,240)
```
#81b2f3
```
#81b2f3 rgb(129,178,243)
```
#99c1f5
```
#99c1f5 rgb(153,193,245)
```

Monochromatic Color

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

#53bdee
```
#53bdee rgb(83,189,238)
```
#53b0ee
```
#53b0ee rgb(83,176,238)
```
#53a3ee
```
#53a3ee rgb(83,163,238)
```
#5396ee
```
#5396ee rgb(83,150,238)
```
#5389ee
```
#5389ee rgb(83,137,238)
```
#537cee
```
#537cee rgb(83,124,238)
```
#536fee
```
#536fee rgb(83,111,238)
```

Similar Colors

Text with hexadecimal color #5396ee

This text has a font color of #5396ee.

<span style="color:#5396ee;">Text here</span>

#5396ee background color

This paragraph has a background color of #5396ee.

<p style="background-color:#5396ee;">Content here</p>

#5396ee border color

This element has a border color of #5396ee.

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

CSS codes

.text {color:#5396ee;}

.background {background-color:#5396ee;}

.border {border:1px solid #5396ee;}

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

#010307
```
#010307 rgb(1,3,7)
```
#020c18
```
#020c18 rgb(2,12,24)
```
#04152a
```
#04152a rgb(4,21,42)
```
#061d3c
```
#061d3c rgb(6,29,60)
```
#08264e
```
#08264e rgb(8,38,78)
```
#092f60
```
#092f60 rgb(9,47,96)
```
#0b3772
```
#0b3772 rgb(11,55,114)
```
#0d4083
```
#0d4083 rgb(13,64,131)
```
#0f4995
```
#0f4995 rgb(15,73,149)
```
#1152a7
```
#1152a7 rgb(17,82,167)
```
#125ab9
```
#125ab9 rgb(18,90,185)
```
#1463cb
```
#1463cb rgb(20,99,203)
```
#166cdd
```
#166cdd rgb(22,108,221)
```

Shade Color Variation

#1d75e9
```
#1d75e9 rgb(29,117,233)
```
#2f80ea
```
#2f80ea rgb(47,128,234)
```
#418bec
```
#418bec rgb(65,139,236)
```
#5396ee
```
#5396ee rgb(83,150,238)
```
#65a1f0
```
#65a1f0 rgb(101,161,240)
```
#77acf2
```
#77acf2 rgb(119,172,242)
```
#89b7f3
```
#89b7f3 rgb(137,183,243)
```
#9ac2f5
```
#9ac2f5 rgb(154,194,245)
```
#acccf7
```
#acccf7 rgb(172,204,247)
```
#bed7f9
```
#bed7f9 rgb(190,215,249)
```
#d0e2fa
```
#d0e2fa rgb(208,226,250)
```
#e2edfc
```
#e2edfc rgb(226,237,252)
```
#f4f8fe
```
#f4f8fe rgb(244,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ca0a5 is the less saturated color, while #4494fd is the most saturated one.

#9ca0a5
```
#9ca0a5 rgb(156,160,165)
```
#949fad
```
#949fad rgb(148,159,173)
```
#8d9eb4
```
#8d9eb4 rgb(141,158,180)
```
#869dbb
```
#869dbb rgb(134,157,187)
```
#7f9cc2
```
#7f9cc2 rgb(127,156,194)
```
#779bca
```
#779bca rgb(119,155,202)
```
#709ad1
```
#709ad1 rgb(112,154,209)
```
#6999d8
```
#6999d8 rgb(105,153,216)
```
#6298df
```
#6298df rgb(98,152,223)
```
#5a97e7
```
#5a97e7 rgb(90,151,231)
```
#5396ee
```
#5396ee rgb(83,150,238)
```
#4c95f5
```
#4c95f5 rgb(76,149,245)
```
#4494fd
```
#4494fd rgb(68,148,253)
```

Tone Color Variation

Below, you can see how #5396ee 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
#818ea0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7797eb Protanopia 1% of men
#609aef Deuteranopia 1% of men
#29a8b4 Tritanopia 0.001% of the population

Trichromacy

#6996ec Protanomaly 1% of men, 0.01% of women
#5b98ee Deuteranomaly 6% of men, 0.4% of women
#38a1c9 Tritanomaly 0.01% of the population