#5396cc hex color

In a RGB color space, hex #5396cc is composed of 32.5% red, 58.8% green and 80% blue. Whereas in a CMYK color space, it is composed of 59.3% cyan, 26.5% magenta, 0% yellow and 20% black. It has a hue angle of 206.8 degrees, a saturation of 54.3% and a lightness of 56.3%. #5396cc color hex could be obtained by blending #a6ffff with #002d99. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 59
- B 80
RGB color chart
- C 59
- M 26
- Y 0
- K 20
CMYK color chart

● #5396cc color description : Moderate blue.

The hexadecimal color #5396cc has RGB values of R:83, G:150, B:204 and CMYK values of C:0.59, M:0.26, Y:0, K:0.2. Its decimal value is 5478092.

Hex triplet	5396cc	`#5396cc`
RGB Decimal	83, 150, 204	`rgb(83,150,204)`
RGB Percent	32.5, 58.8, 80	`rgb(32.5%,58.8%,80%)`
CMYK	59, 26, 0, 20
HSL	206.8°, 54.3, 56.3	`hsl(206.8,54.3%,56.3%)`
HSV (or HSB)	206.8°, 59.3, 80
Web Safe	6699cc	`#6699cc`

CIE-LAB	59.897, -5.212, -34.19
XYZ	25.37, 28.01, 61.193
xyY	0.221, 0.244, 28.01
CIE-LCH	59.897, 34.585, 261.333
CIE-LUV	59.897, -28.443, -52.655
Hunter-Lab	52.924, -7.05, -31.506
Binary	01010011, 10010110, 11001100

#5396cc
```
#5396cc rgb(83,150,204)
```
#cc8953
```
#cc8953 rgb(204,137,83)
```

Complementary Color

#53ccc6
```
#53ccc6 rgb(83,204,198)
```
#5396cc
```
#5396cc rgb(83,150,204)
```
#535acc
```
#535acc rgb(83,90,204)
```

Analogous Color

#ccc653
```
#ccc653 rgb(204,198,83)
```
#5396cc
```
#5396cc rgb(83,150,204)
```
#cc535a
```
#cc535a rgb(204,83,90)
```

Split Complementary Color

#96cc53
```
#96cc53 rgb(150,204,83)
```
#5396cc
```
#5396cc rgb(83,150,204)
```
#cc5396
```
#cc5396 rgb(204,83,150)
```

Triadic Color

#53cc89
```
#53cc89 rgb(83,204,137)
```
#5396cc
```
#5396cc rgb(83,150,204)
```
#cc5396
```
#cc5396 rgb(204,83,150)
```
#cc8953
```
#cc8953 rgb(204,137,83)
```

Tetradic Color

#306fa2
```
#306fa2 rgb(48,111,162)
```
#367db6
```
#367db6 rgb(54,125,182)
```
#3f8ac6
```
#3f8ac6 rgb(63,138,198)
```
#5396cc
```
#5396cc rgb(83,150,204)
```
#67a2d2
```
#67a2d2 rgb(103,162,210)
```
#7aaed8
```
#7aaed8 rgb(122,174,216)
```
#8ebadd
```
#8ebadd rgb(142,186,221)
```

Monochromatic Color

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

#53b4cc
```
#53b4cc rgb(83,180,204)
```
#53aacc
```
#53aacc rgb(83,170,204)
```
#53a0cc
```
#53a0cc rgb(83,160,204)
```
#5396cc
```
#5396cc rgb(83,150,204)
```
#538ccc
```
#538ccc rgb(83,140,204)
```
#5382cc
```
#5382cc rgb(83,130,204)
```
#5378cc
```
#5378cc rgb(83,120,204)
```

Similar Colors

Text with hexadecimal color #5396cc

This text has a font color of #5396cc.

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

#5396cc background color

This paragraph has a background color of #5396cc.

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

#5396cc border color

This element has a border color of #5396cc.

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

CSS codes

.text {color:#5396cc;}

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

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

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, #03070a is the darkest color, while #f9fcfd is the lightest one.

#03070a
```
#03070a rgb(3,7,10)
```
#071119
```
#071119 rgb(7,17,25)
```
#0c1b28
```
#0c1b28 rgb(12,27,40)
```
#102637
```
#102637 rgb(16,38,55)
```
#153046
```
#153046 rgb(21,48,70)
```
#193a55
```
#193a55 rgb(25,58,85)
```
#1e4564
```
#1e4564 rgb(30,69,100)
```
#224f73
```
#224f73 rgb(34,79,115)
```
#275a83
```
#275a83 rgb(39,90,131)
```
#2b6492
```
#2b6492 rgb(43,100,146)
```
#306ea1
```
#306ea1 rgb(48,110,161)
```
#3479b0
```
#3479b0 rgb(52,121,176)
```
#3983bf
```
#3983bf rgb(57,131,191)
```

Shade Color Variation

#448dc8
```
#448dc8 rgb(68,141,200)
```
#5396cc
```
#5396cc rgb(83,150,204)
```
#629fd0
```
#629fd0 rgb(98,159,208)
```
#71a8d5
```
#71a8d5 rgb(113,168,213)
```
#80b2d9
```
#80b2d9 rgb(128,178,217)
```
#90bbde
```
#90bbde rgb(144,187,222)
```
#9fc4e2
```
#9fc4e2 rgb(159,196,226)
```
#aecde7
```
#aecde7 rgb(174,205,231)
```
#bdd7eb
```
#bdd7eb rgb(189,215,235)
```
#cce0f0
```
#cce0f0 rgb(204,224,240)
```
#dbe9f4
```
#dbe9f4 rgb(219,233,244)
```
#eaf2f9
```
#eaf2f9 rgb(234,242,249)
```
#f9fcfd
```
#f9fcfd rgb(249,252,253)
```

Tint Color Variation

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

#8f9090
```
#8f9090 rgb(143,144,144)
```
#869099
```
#869099 rgb(134,144,153)
```
#7e91a1
```
#7e91a1 rgb(126,145,161)
```
#7592aa
```
#7592aa rgb(117,146,170)
```
#6d93b2
```
#6d93b2 rgb(109,147,178)
```
#6494bb
```
#6494bb rgb(100,148,187)
```
#5c95c3
```
#5c95c3 rgb(92,149,195)
```
#5396cc
```
#5396cc rgb(83,150,204)
```
#4a97d5
```
#4a97d5 rgb(74,151,213)
```
#4298dd
```
#4298dd rgb(66,152,221)
```
#3999e6
```
#3999e6 rgb(57,153,230)
```
#319aee
```
#319aee rgb(49,154,238)
```
#289bf7
```
#289bf7 rgb(40,155,247)
```

Tone Color Variation

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

#8494c9 Protanopia 1% of men
#7c94d1 Deuteranopia 1% of men
#49a1ad Tritanopia 0.001% of the population

Trichromacy

#7294ca Protanomaly 1% of men, 0.01% of women
#6d95cf Deuteranomaly 6% of men, 0.4% of women
#4c9db8 Tritanomaly 0.01% of the population

#5396cc hex color

#5396cc Color Information

#5396cc Color Conversion

Color Schemes with #5396cc

Alternatives to #5396cc

#5396cc Preview

Shades and Tints of #5396cc

Tones of #5396cc

Color Blindness Simulator