#5396d1 hex color

In a RGB color space, hex #5396d1 is composed of 32.5% red, 58.8% green and 82% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 28.2% magenta, 0% yellow and 18% black. It has a hue angle of 208.1 degrees, a saturation of 57.8% and a lightness of 57.3%. #5396d1 color hex could be obtained by blending #a6ffff with #002da3. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 59
- B 82
RGB color chart
- C 60
- M 28
- Y 0
- K 18
CMYK color chart

● #5396d1 color description : Moderate blue.

The hexadecimal color #5396d1 has RGB values of R:83, G:150, B:209 and CMYK values of C:0.6, M:0.28, Y:0, K:0.18. Its decimal value is 5478097.

Hex triplet	5396d1	`#5396d1`
RGB Decimal	83, 150, 209	`rgb(83,150,209)`
RGB Percent	32.5, 58.8, 82	`rgb(32.5%,58.8%,82%)`
CMYK	60, 28, 0, 18
HSL	208.1°, 57.8, 57.3	`hsl(208.1,57.8%,57.3%)`
HSV (or HSB)	208.1°, 60.3, 82
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.117, -3.601, -36.648
XYZ	25.98, 28.253, 64.402
xyY	0.219, 0.238, 28.253
CIE-LCH	60.117, 36.825, 264.388
CIE-LUV	60.117, -28.309, -56.949
Hunter-Lab	53.154, -5.776, -34.629
Binary	01010011, 10010110, 11010001

#5396d1
```
#5396d1 rgb(83,150,209)
```
#d18e53
```
#d18e53 rgb(209,142,83)
```

Complementary Color

#53d1cd
```
#53d1cd rgb(83,209,205)
```
#5396d1
```
#5396d1 rgb(83,150,209)
```
#5357d1
```
#5357d1 rgb(83,87,209)
```

Analogous Color

#d1cd53
```
#d1cd53 rgb(209,205,83)
```
#5396d1
```
#5396d1 rgb(83,150,209)
```
#d15357
```
#d15357 rgb(209,83,87)
```

Split Complementary Color

#96d153
```
#96d153 rgb(150,209,83)
```
#5396d1
```
#5396d1 rgb(83,150,209)
```
#d15396
```
#d15396 rgb(209,83,150)
```

Triadic Color

#53d18e
```
#53d18e rgb(83,209,142)
```
#5396d1
```
#5396d1 rgb(83,150,209)
```
#d15396
```
#d15396 rgb(209,83,150)
```
#d18e53
```
#d18e53 rgb(209,142,83)
```

Tetradic Color

#2d70aa
```
#2d70aa rgb(45,112,170)
```
#337dbe
```
#337dbe rgb(51,125,190)
```
#3f8acc
```
#3f8acc rgb(63,138,204)
```
#5396d1
```
#5396d1 rgb(83,150,209)
```
#67a2d6
```
#67a2d6 rgb(103,162,214)
```
#7bafdc
```
#7bafdc rgb(123,175,220)
```
#8fbbe1
```
#8fbbe1 rgb(143,187,225)
```

Monochromatic Color

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

#53b6d1
```
#53b6d1 rgb(83,182,209)
```
#53abd1
```
#53abd1 rgb(83,171,209)
```
#53a1d1
```
#53a1d1 rgb(83,161,209)
```
#5396d1
```
#5396d1 rgb(83,150,209)
```
#538cd1
```
#538cd1 rgb(83,140,209)
```
#5381d1
```
#5381d1 rgb(83,129,209)
```
#5377d1
```
#5377d1 rgb(83,119,209)
```

Similar Colors

Text with hexadecimal color #5396d1

This text has a font color of #5396d1.

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

#5396d1 background color

This paragraph has a background color of #5396d1.

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

#5396d1 border color

This element has a border color of #5396d1.

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

CSS codes

.text {color:#5396d1;}

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

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

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

#04090e
```
#04090e rgb(4,9,14)
```
#08131d
```
#08131d rgb(8,19,29)
```
#0c1d2d
```
#0c1d2d rgb(12,29,45)
```
#10283c
```
#10283c rgb(16,40,60)
```
#14324c
```
#14324c rgb(20,50,76)
```
#183c5b
```
#183c5b rgb(24,60,91)
```
#1d466b
```
#1d466b rgb(29,70,107)
```
#21507a
```
#21507a rgb(33,80,122)
```
#255a8a
```
#255a8a rgb(37,90,138)
```
#296599
```
#296599 rgb(41,101,153)
```
#2d6fa8
```
#2d6fa8 rgb(45,111,168)
```
#3179b8
```
#3179b8 rgb(49,121,184)
```
#3583c7
```
#3583c7 rgb(53,131,199)
```

Shade Color Variation

#448dcd
```
#448dcd rgb(68,141,205)
```
#5396d1
```
#5396d1 rgb(83,150,209)
```
#629fd5
```
#629fd5 rgb(98,159,213)
```
#72a9d9
```
#72a9d9 rgb(114,169,217)
```
#81b2dd
```
#81b2dd rgb(129,178,221)
```
#91bce2
```
#91bce2 rgb(145,188,226)
```
#a0c5e6
```
#a0c5e6 rgb(160,197,230)
```
#b0cfea
```
#b0cfea rgb(176,207,234)
```
#bfd8ee
```
#bfd8ee rgb(191,216,238)
```
#cfe2f2
```
#cfe2f2 rgb(207,226,242)
```
#deebf6
```
#deebf6 rgb(222,235,246)
```
#eef4fa
```
#eef4fa rgb(238,244,250)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#8e9296
```
#8e9296 rgb(142,146,150)
```
#85939f
```
#85939f rgb(133,147,159)
```
#7d93a7
```
#7d93a7 rgb(125,147,167)
```
#7594af
```
#7594af rgb(117,148,175)
```
#6c94b8
```
#6c94b8 rgb(108,148,184)
```
#6495c0
```
#6495c0 rgb(100,149,192)
```
#5b95c9
```
#5b95c9 rgb(91,149,201)
```
#5396d1
```
#5396d1 rgb(83,150,209)
```
#4b97d9
```
#4b97d9 rgb(75,151,217)
```
#4297e2
```
#4297e2 rgb(66,151,226)
```
#3a98ea
```
#3a98ea rgb(58,152,234)
```
#3198f3
```
#3198f3 rgb(49,152,243)
```
#2999fb
```
#2999fb rgb(41,153,251)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#7e8c97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8394ce Protanopia 1% of men
#7995d5 Deuteranopia 1% of men
#46a2ae Tritanopia 0.001% of the population

Trichromacy

#7195cf Protanomaly 1% of men, 0.01% of women
#6b95d3 Deuteranomaly 6% of men, 0.4% of women
#4a9ebb Tritanomaly 0.01% of the population

#5396d1 hex color

#5396d1 Color Information

#5396d1 Color Conversion

Color Schemes with #5396d1

Alternatives to #5396d1

#5396d1 Preview

Shades and Tints of #5396d1

Tones of #5396d1

Color Blindness Simulator