#5396ce hex color

In a RGB color space, hex #5396ce is composed of 32.5% red, 58.8% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 27.2% magenta, 0% yellow and 19.2% black. It has a hue angle of 207.3 degrees, a saturation of 55.7% and a lightness of 56.7%. #5396ce color hex could be obtained by blending #a6ffff with #002d9d. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 59
- B 81
RGB color chart
- C 60
- M 27
- Y 0
- K 19
CMYK color chart

● #5396ce color description : Moderate blue.

The hexadecimal color #5396ce has RGB values of R:83, G:150, B:206 and CMYK values of C:0.6, M:0.27, Y:0, K:0.19. Its decimal value is 5478094.

Hex triplet	5396ce	`#5396ce`
RGB Decimal	83, 150, 206	`rgb(83,150,206)`
RGB Percent	32.5, 58.8, 80.8	`rgb(32.5%,58.8%,80.8%)`
CMYK	60, 27, 0, 19
HSL	207.3°, 55.7, 56.7	`hsl(207.3,55.7%,56.7%)`
HSV (or HSB)	207.3°, 59.7, 80.8
Web Safe	6699cc	`#6699cc`

CIE-LAB	59.985, -4.569, -35.175
XYZ	25.612, 28.106, 62.464
xyY	0.22, 0.242, 28.106
CIE-LCH	59.985, 35.471, 262.599
CIE-LUV	59.985, -28.389, -54.374
Hunter-Lab	53.015, -6.544, -32.747
Binary	01010011, 10010110, 11001110

#5396ce
```
#5396ce rgb(83,150,206)
```
#ce8b53
```
#ce8b53 rgb(206,139,83)
```

Complementary Color

#53cec9
```
#53cec9 rgb(83,206,201)
```
#5396ce
```
#5396ce rgb(83,150,206)
```
#5359ce
```
#5359ce rgb(83,89,206)
```

Analogous Color

#cec953
```
#cec953 rgb(206,201,83)
```
#5396ce
```
#5396ce rgb(83,150,206)
```
#ce5359
```
#ce5359 rgb(206,83,89)
```

Split Complementary Color

#96ce53
```
#96ce53 rgb(150,206,83)
```
#5396ce
```
#5396ce rgb(83,150,206)
```
#ce5396
```
#ce5396 rgb(206,83,150)
```

Triadic Color

#53ce8b
```
#53ce8b rgb(83,206,139)
```
#5396ce
```
#5396ce rgb(83,150,206)
```
#ce5396
```
#ce5396 rgb(206,83,150)
```
#ce8b53
```
#ce8b53 rgb(206,139,83)
```

Tetradic Color

#2f70a5
```
#2f70a5 rgb(47,112,165)
```
#357db9
```
#357db9 rgb(53,125,185)
```
#3f8ac8
```
#3f8ac8 rgb(63,138,200)
```
#5396ce
```
#5396ce rgb(83,150,206)
```
#67a2d4
```
#67a2d4 rgb(103,162,212)
```
#7baed9
```
#7baed9 rgb(123,174,217)
```
#8fbadf
```
#8fbadf rgb(143,186,223)
```

Monochromatic Color

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

#53b5ce
```
#53b5ce rgb(83,181,206)
```
#53abce
```
#53abce rgb(83,171,206)
```
#53a0ce
```
#53a0ce rgb(83,160,206)
```
#5396ce
```
#5396ce rgb(83,150,206)
```
#538cce
```
#538cce rgb(83,140,206)
```
#5382ce
```
#5382ce rgb(83,130,206)
```
#5377ce
```
#5377ce rgb(83,119,206)
```

Similar Colors

Text with hexadecimal color #5396ce

This text has a font color of #5396ce.

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

#5396ce background color

This paragraph has a background color of #5396ce.

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

#5396ce border color

This element has a border color of #5396ce.

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

CSS codes

.text {color:#5396ce;}

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

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

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, #03080b is the darkest color, while #fbfdfe is the lightest one.

#03080b
```
#03080b rgb(3,8,11)
```
#08121a
```
#08121a rgb(8,18,26)
```
#0c1c2a
```
#0c1c2a rgb(12,28,42)
```
#102639
```
#102639 rgb(16,38,57)
```
#153148
```
#153148 rgb(21,49,72)
```
#193b58
```
#193b58 rgb(25,59,88)
```
#1d4567
```
#1d4567 rgb(29,69,103)
```
#225076
```
#225076 rgb(34,80,118)
```
#265a85
```
#265a85 rgb(38,90,133)
```
#2a6495
```
#2a6495 rgb(42,100,149)
```
#2f6fa4
```
#2f6fa4 rgb(47,111,164)
```
#3379b3
```
#3379b3 rgb(51,121,179)
```
#3783c2
```
#3783c2 rgb(55,131,194)
```

Shade Color Variation

#448dca
```
#448dca rgb(68,141,202)
```
#5396ce
```
#5396ce rgb(83,150,206)
```
#629fd2
```
#629fd2 rgb(98,159,210)
```
#72a9d7
```
#72a9d7 rgb(114,169,215)
```
#81b2db
```
#81b2db rgb(129,178,219)
```
#90bbdf
```
#90bbdf rgb(144,187,223)
```
#9fc5e4
```
#9fc5e4 rgb(159,197,228)
```
#afcee8
```
#afcee8 rgb(175,206,232)
```
#bed7ec
```
#bed7ec rgb(190,215,236)
```
#cde1f1
```
#cde1f1 rgb(205,225,241)
```
#dceaf5
```
#dceaf5 rgb(220,234,245)
```
#ecf3f9
```
#ecf3f9 rgb(236,243,249)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9193 is the less saturated color, while #299af9 is the most saturated one.

#8f9193
```
#8f9193 rgb(143,145,147)
```
#86919b
```
#86919b rgb(134,145,155)
```
#7e92a4
```
#7e92a4 rgb(126,146,164)
```
#7593ac
```
#7593ac rgb(117,147,172)
```
#6d94b5
```
#6d94b5 rgb(109,148,181)
```
#6494bd
```
#6494bd rgb(100,148,189)
```
#5c95c6
```
#5c95c6 rgb(92,149,198)
```
#5396ce
```
#5396ce rgb(83,150,206)
```
#4b97d7
```
#4b97d7 rgb(75,151,215)
```
#4298df
```
#4298df rgb(66,152,223)
```
#3a98e8
```
#3a98e8 rgb(58,152,232)
```
#3199f0
```
#3199f0 rgb(49,153,240)
```
#299af9
```
#299af9 rgb(41,154,249)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#7d8b96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8494cb Protanopia 1% of men
#7b95d3 Deuteranopia 1% of men
#48a2ae Tritanopia 0.001% of the population

Trichromacy

#7294cc Protanomaly 1% of men, 0.01% of women
#6c95d1 Deuteranomaly 6% of men, 0.4% of women
#4c9db9 Tritanomaly 0.01% of the population

#5396ce hex color

#5396ce Color Information

#5396ce Color Conversion

Color Schemes with #5396ce

Alternatives to #5396ce

#5396ce Preview

Shades and Tints of #5396ce

Tones of #5396ce

Color Blindness Simulator