#5396e7 hex color

In a RGB color space, hex #5396e7 is composed of 32.5% red, 58.8% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 35.1% magenta, 0% yellow and 9.4% black. It has a hue angle of 212.8 degrees, a saturation of 75.5% and a lightness of 61.6%. #5396e7 color hex could be obtained by blending #a6ffff with #002dcf. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 33
- G 59
- B 91
RGB color chart
- C 64
- M 35
- Y 0
- K 9
CMYK color chart

● #5396e7 color description : Soft blue.

The hexadecimal color #5396e7 has RGB values of R:83, G:150, B:231 and CMYK values of C:0.64, M:0.35, Y:0, K:0.09. Its decimal value is 5478119.

Hex triplet	5396e7	`#5396e7`
RGB Decimal	83, 150, 231	`rgb(83,150,231)`
RGB Percent	32.5, 58.8, 90.6	`rgb(32.5%,58.8%,90.6%)`
CMYK	64, 35, 0, 9
HSL	212.8°, 75.5, 61.6	`hsl(212.8,75.5%,61.6%)`
HSV (or HSB)	212.8°, 64.1, 90.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	61.15, 3.654, -47.267
XYZ	28.894, 29.419, 79.753
xyY	0.209, 0.213, 29.419
CIE-LCH	61.15, 47.409, 274.421
CIE-LUV	61.15, -27.766, -75.617
Hunter-Lab	54.24, 0.17, -49.211
Binary	01010011, 10010110, 11100111

#5396e7
```
#5396e7 rgb(83,150,231)
```
#e7a453
```
#e7a453 rgb(231,164,83)
```

Complementary Color

#53e0e7
```
#53e0e7 rgb(83,224,231)
```
#5396e7
```
#5396e7 rgb(83,150,231)
```
#5a53e7
```
#5a53e7 rgb(90,83,231)
```

Analogous Color

#e0e753
```
#e0e753 rgb(224,231,83)
```
#5396e7
```
#5396e7 rgb(83,150,231)
```
#e75a53
```
#e75a53 rgb(231,90,83)
```

Split Complementary Color

#96e753
```
#96e753 rgb(150,231,83)
```
#5396e7
```
#5396e7 rgb(83,150,231)
```
#e75396
```
#e75396 rgb(231,83,150)
```

Triadic Color

#53e7a4
```
#53e7a4 rgb(83,231,164)
```
#5396e7
```
#5396e7 rgb(83,150,231)
```
#e75396
```
#e75396 rgb(231,83,150)
```
#e7a453
```
#e7a453 rgb(231,164,83)
```

Tetradic Color

#1d6ed0
```
#1d6ed0 rgb(29,110,208)
```
#267be1
```
#267be1 rgb(38,123,225)
```
#3d88e4
```
#3d88e4 rgb(61,136,228)
```
#5396e7
```
#5396e7 rgb(83,150,231)
```
#69a4ea
```
#69a4ea rgb(105,164,234)
```
#80b1ed
```
#80b1ed rgb(128,177,237)
```
#96bff0
```
#96bff0 rgb(150,191,240)
```

Monochromatic Color

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

#53bbe7
```
#53bbe7 rgb(83,187,231)
```
#53afe7
```
#53afe7 rgb(83,175,231)
```
#53a2e7
```
#53a2e7 rgb(83,162,231)
```
#5396e7
```
#5396e7 rgb(83,150,231)
```
#538ae7
```
#538ae7 rgb(83,138,231)
```
#537de7
```
#537de7 rgb(83,125,231)
```
#5371e7
```
#5371e7 rgb(83,113,231)
```

Similar Colors

Text with hexadecimal color #5396e7

This text has a font color of #5396e7.

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

#5396e7 background color

This paragraph has a background color of #5396e7.

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

#5396e7 border color

This element has a border color of #5396e7.

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

CSS codes

.text {color:#5396e7;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#020911
```
#020911 rgb(2,9,17)
```
#051223
```
#051223 rgb(5,18,35)
```
#071b34
```
#071b34 rgb(7,27,52)
```
#0a2545
```
#0a2545 rgb(10,37,69)
```
#0c2e56
```
#0c2e56 rgb(12,46,86)
```
#0e3767
```
#0e3767 rgb(14,55,103)
```
#114079
```
#114079 rgb(17,64,121)
```
#13498a
```
#13498a rgb(19,73,138)
```
#16529b
```
#16529b rgb(22,82,155)
```
#185bac
```
#185bac rgb(24,91,172)
```
#1a64bd
```
#1a64bd rgb(26,100,189)
```
#1d6dcf
```
#1d6dcf rgb(29,109,207)
```

Shade Color Variation

#1f76e0
```
#1f76e0 rgb(31,118,224)
```
#3181e2
```
#3181e2 rgb(49,129,226)
```
#428be5
```
#428be5 rgb(66,139,229)
```
#5396e7
```
#5396e7 rgb(83,150,231)
```
#64a1e9
```
#64a1e9 rgb(100,161,233)
```
#75abec
```
#75abec rgb(117,171,236)
```
#87b6ee
```
#87b6ee rgb(135,182,238)
```
#98c0f1
```
#98c0f1 rgb(152,192,241)
```
#a9cbf3
```
#a9cbf3 rgb(169,203,243)
```
#bad5f5
```
#bad5f5 rgb(186,213,245)
```
#cbe0f8
```
#cbe0f8 rgb(203,224,248)
```
#ddeafa
```
#ddeafa rgb(221,234,250)
```
#eef5fd
```
#eef5fd rgb(238,245,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #979ca3 is the less saturated color, while #3c94fe is the most saturated one.

#979ca3
```
#979ca3 rgb(151,156,163)
```
#8f9cab
```
#8f9cab rgb(143,156,171)
```
#889bb2
```
#889bb2 rgb(136,155,178)
```
#809aba
```
#809aba rgb(128,154,186)
```
#799ac1
```
#799ac1 rgb(121,154,193)
```
#7199c9
```
#7199c9 rgb(113,153,201)
```
#6a98d0
```
#6a98d0 rgb(106,152,208)
```
#6297d8
```
#6297d8 rgb(98,151,216)
```
#5b97df
```
#5b97df rgb(91,151,223)
```
#5396e7
```
#5396e7 rgb(83,150,231)
```
#4b95ef
```
#4b95ef rgb(75,149,239)
```
#4495f6
```
#4495f6 rgb(68,149,246)
```
#3c94fe
```
#3c94fe rgb(60,148,254)
```

Tone Color Variation

Below, you can see how #5396e7 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

#8b8b8b Achromatopsia 0.005% of the population
#808d9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a96e4 Protanopia 1% of men
#6799e9 Deuteranopia 1% of men
#33a6b3 Tritanopia 0.001% of the population

Trichromacy

#6c96e5 Protanomaly 1% of men, 0.01% of women
#6098e8 Deuteranomaly 6% of men, 0.4% of women
#3ea0c6 Tritanomaly 0.01% of the population

#5396e7 hex color

#5396e7 Color Information

#5396e7 Color Conversion

Color Schemes with #5396e7

Alternatives to #5396e7

#5396e7 Preview

Shades and Tints of #5396e7

Tones of #5396e7

Color Blindness Simulator