#5396bf hex color

In a RGB color space, hex #5396bf is composed of 32.5% red, 58.8% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 56.5% cyan, 21.5% magenta, 0% yellow and 25.1% black. It has a hue angle of 202.8 degrees, a saturation of 45.8% and a lightness of 53.7%. #5396bf color hex could be obtained by blending #a6ffff with #002d7f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 59
- B 75
RGB color chart
- C 57
- M 21
- Y 0
- K 25
CMYK color chart

● #5396bf color description : Moderate blue.

The hexadecimal color #5396bf has RGB values of R:83, G:150, B:191 and CMYK values of C:0.57, M:0.21, Y:0, K:0.25. Its decimal value is 5478079.

Hex triplet	5396bf	`#5396bf`
RGB Decimal	83, 150, 191	`rgb(83,150,191)`
RGB Percent	32.5, 58.8, 74.9	`rgb(32.5%,58.8%,74.9%)`
CMYK	57, 21, 0, 25
HSL	202.8°, 45.8, 53.7	`hsl(202.8,45.8%,53.7%)`
HSV (or HSB)	202.8°, 56.5, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	59.354, -9.318, -27.723
XYZ	23.875, 27.412, 53.32
xyY	0.228, 0.262, 27.412
CIE-LCH	59.354, 29.247, 251.421
CIE-LUV	59.354, -28.809, -41.445
Hunter-Lab	52.356, -10.224, -23.732
Binary	01010011, 10010110, 10111111

#5396bf
```
#5396bf rgb(83,150,191)
```
#bf7c53
```
#bf7c53 rgb(191,124,83)
```

Complementary Color

#53bfb2
```
#53bfb2 rgb(83,191,178)
```
#5396bf
```
#5396bf rgb(83,150,191)
```
#5360bf
```
#5360bf rgb(83,96,191)
```

Analogous Color

#bfb253
```
#bfb253 rgb(191,178,83)
```
#5396bf
```
#5396bf rgb(83,150,191)
```
#bf5360
```
#bf5360 rgb(191,83,96)
```

Split Complementary Color

#96bf53
```
#96bf53 rgb(150,191,83)
```
#5396bf
```
#5396bf rgb(83,150,191)
```
#bf5396
```
#bf5396 rgb(191,83,150)
```

Triadic Color

#53bf7c
```
#53bf7c rgb(83,191,124)
```
#5396bf
```
#5396bf rgb(83,150,191)
```
#bf5396
```
#bf5396 rgb(191,83,150)
```
#bf7c53
```
#bf7c53 rgb(191,124,83)
```

Tetradic Color

#366e90
```
#366e90 rgb(54,110,144)
```
#3c7ca3
```
#3c7ca3 rgb(60,124,163)
```
#438ab5
```
#438ab5 rgb(67,138,181)
```
#5396bf
```
#5396bf rgb(83,150,191)
```
#66a1c6
```
#66a1c6 rgb(102,161,198)
```
#78adcd
```
#78adcd rgb(120,173,205)
```
#8bb8d4
```
#8bb8d4 rgb(139,184,212)
```

Monochromatic Color

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

#53b1bf
```
#53b1bf rgb(83,177,191)
```
#53a8bf
```
#53a8bf rgb(83,168,191)
```
#539fbf
```
#539fbf rgb(83,159,191)
```
#5396bf
```
#5396bf rgb(83,150,191)
```
#538dbf
```
#538dbf rgb(83,141,191)
```
#5384bf
```
#5384bf rgb(83,132,191)
```
#537bbf
```
#537bbf rgb(83,123,191)
```

Similar Colors

Text with hexadecimal color #5396bf

This text has a font color of #5396bf.

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

#5396bf background color

This paragraph has a background color of #5396bf.

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

#5396bf border color

This element has a border color of #5396bf.

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

CSS codes

.text {color:#5396bf;}

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

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

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, #050b0e is the darkest color, while #ffffff is the lightest one.

#050b0e
```
#050b0e rgb(5,11,14)
```
#0a151c
```
#0a151c rgb(10,21,28)
```
#10202a
```
#10202a rgb(16,32,42)
```
#152b39
```
#152b39 rgb(21,43,57)
```
#1a3647
```
#1a3647 rgb(26,54,71)
```
#204155
```
#204155 rgb(32,65,85)
```
#254c64
```
#254c64 rgb(37,76,100)
```
#2a5772
```
#2a5772 rgb(42,87,114)
```
#306280
```
#306280 rgb(48,98,128)
```
#356d8f
```
#356d8f rgb(53,109,143)
```
#3a779d
```
#3a779d rgb(58,119,157)
```
#4082ab
```
#4082ab rgb(64,130,171)
```
#458db9
```
#458db9 rgb(69,141,185)
```

Shade Color Variation

#5396bf
```
#5396bf rgb(83,150,191)
```
#619fc4
```
#619fc4 rgb(97,159,196)
```
#70a7ca
```
#70a7ca rgb(112,167,202)
```
#7eb0cf
```
#7eb0cf rgb(126,176,207)
```
#8cb9d4
```
#8cb9d4 rgb(140,185,212)
```
#9ac2da
```
#9ac2da rgb(154,194,218)
```
#a9cadf
```
#a9cadf rgb(169,202,223)
```
#b7d3e4
```
#b7d3e4 rgb(183,211,228)
```
#c5dcea
```
#c5dcea rgb(197,220,234)
```
#d4e5ef
```
#d4e5ef rgb(212,229,239)
```
#e2edf4
```
#e2edf4 rgb(226,237,244)
```
#f0f6fa
```
#f0f6fa rgb(240,246,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #808b92 is the less saturated color, while #13a5ff is the most saturated one.

#808b92
```
#808b92 rgb(128,139,146)
```
#778d9b
```
#778d9b rgb(119,141,155)
```
#6e8fa4
```
#6e8fa4 rgb(110,143,164)
```
#6592ad
```
#6592ad rgb(101,146,173)
```
#5c94b6
```
#5c94b6 rgb(92,148,182)
```
#5396bf
```
#5396bf rgb(83,150,191)
```
#4a98c8
```
#4a98c8 rgb(74,152,200)
```
#419ad1
```
#419ad1 rgb(65,154,209)
```
#389dda
```
#389dda rgb(56,157,218)
```
#2f9fe3
```
#2f9fe3 rgb(47,159,227)
```
#26a1ec
```
#26a1ec rgb(38,161,236)
```
#1da3f5
```
#1da3f5 rgb(29,163,245)
```
#13a5ff
```
#13a5ff rgb(19,165,255)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#7d8a92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8893bc Protanopia 1% of men
#8492c5 Deuteranopia 1% of men
#509fab Tritanopia 0.001% of the population

Trichromacy

#7594bd Protanomaly 1% of men, 0.01% of women
#7294c3 Deuteranomaly 6% of men, 0.4% of women
#519cb2 Tritanomaly 0.01% of the population

#5396bf hex color

#5396bf Color Information

#5396bf Color Conversion

Color Schemes with #5396bf

Alternatives to #5396bf

#5396bf Preview

Shades and Tints of #5396bf

Tones of #5396bf

Color Blindness Simulator