#5396b8 hex color

In a RGB color space, hex #5396b8 is composed of 32.5% red, 58.8% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 54.9% cyan, 18.5% magenta, 0% yellow and 27.8% black. It has a hue angle of 200.2 degrees, a saturation of 41.6% and a lightness of 52.4%. #5396b8 color hex could be obtained by blending #a6ffff with #002d71. Closest websafe color is: #6699cc.

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

● #5396b8 color description : Moderate blue.

The hexadecimal color #5396b8 has RGB values of R:83, G:150, B:184 and CMYK values of C:0.55, M:0.18, Y:0, K:0.28. Its decimal value is 5478072.

Hex triplet	5396b8	`#5396b8`
RGB Decimal	83, 150, 184	`rgb(83,150,184)`
RGB Percent	32.5, 58.8, 72.2	`rgb(32.5%,58.8%,72.2%)`
CMYK	55, 18, 0, 28
HSL	200.2°, 41.6, 52.4	`hsl(200.2,41.6%,52.4%)`
HSV (or HSB)	200.2°, 54.9, 72.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	59.077, -11.474, -24.195
XYZ	23.123, 27.111, 49.359
xyY	0.232, 0.272, 27.111
CIE-LCH	59.077, 26.778, 244.629
CIE-LUV	59.077, -29.015, -35.401
Hunter-Lab	52.068, -11.848, -19.758
Binary	01010011, 10010110, 10111000

#5396b8
```
#5396b8 rgb(83,150,184)
```
#b87553
```
#b87553 rgb(184,117,83)
```

Complementary Color

#53b8a8
```
#53b8a8 rgb(83,184,168)
```
#5396b8
```
#5396b8 rgb(83,150,184)
```
#5364b8
```
#5364b8 rgb(83,100,184)
```

Analogous Color

#b8a853
```
#b8a853 rgb(184,168,83)
```
#5396b8
```
#5396b8 rgb(83,150,184)
```
#b85364
```
#b85364 rgb(184,83,100)
```

Split Complementary Color

#96b853
```
#96b853 rgb(150,184,83)
```
#5396b8
```
#5396b8 rgb(83,150,184)
```
#b85396
```
#b85396 rgb(184,83,150)
```

Triadic Color

#53b875
```
#53b875 rgb(83,184,117)
```
#5396b8
```
#5396b8 rgb(83,150,184)
```
#b85396
```
#b85396 rgb(184,83,150)
```
#b87553
```
#b87553 rgb(184,117,83)
```

Tetradic Color

#386c87
```
#386c87 rgb(56,108,135)
```
#3f7b99
```
#3f7b99 rgb(63,123,153)
```
#4789ab
```
#4789ab rgb(71,137,171)
```
#5396b8
```
#5396b8 rgb(83,150,184)
```
#65a1bf
```
#65a1bf rgb(101,161,191)
```
#77acc7
```
#77acc7 rgb(119,172,199)
```
#89b7ce
```
#89b7ce rgb(137,183,206)
```

Monochromatic Color

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

#53afb8
```
#53afb8 rgb(83,175,184)
```
#53a7b8
```
#53a7b8 rgb(83,167,184)
```
#539eb8
```
#539eb8 rgb(83,158,184)
```
#5396b8
```
#5396b8 rgb(83,150,184)
```
#538eb8
```
#538eb8 rgb(83,142,184)
```
#5385b8
```
#5385b8 rgb(83,133,184)
```
#537db8
```
#537db8 rgb(83,125,184)
```

Similar Colors

Text with hexadecimal color #5396b8

This text has a font color of #5396b8.

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

#5396b8 background color

This paragraph has a background color of #5396b8.

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

#5396b8 border color

This element has a border color of #5396b8.

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

CSS codes

.text {color:#5396b8;}

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

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

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

#040708
```
#040708 rgb(4,7,8)
```
#091216
```
#091216 rgb(9,18,22)
```
#0f1d24
```
#0f1d24 rgb(15,29,36)
```
#152832
```
#152832 rgb(21,40,50)
```
#1a3340
```
#1a3340 rgb(26,51,64)
```
#203f4e
```
#203f4e rgb(32,63,78)
```
#264a5c
```
#264a5c rgb(38,74,92)
```
#2c556a
```
#2c556a rgb(44,85,106)
```
#316078
```
#316078 rgb(49,96,120)
```
#376b85
```
#376b85 rgb(55,107,133)
```
#3d7693
```
#3d7693 rgb(61,118,147)
```
#4381a1
```
#4381a1 rgb(67,129,161)
```
#488caf
```
#488caf rgb(72,140,175)
```

Shade Color Variation

#5396b8
```
#5396b8 rgb(83,150,184)
```
#619ebe
```
#619ebe rgb(97,158,190)
```
#6fa7c3
```
#6fa7c3 rgb(111,167,195)
```
#7dafc9
```
#7dafc9 rgb(125,175,201)
```
#8bb8cf
```
#8bb8cf rgb(139,184,207)
```
#98c0d5
```
#98c0d5 rgb(152,192,213)
```
#a6c9da
```
#a6c9da rgb(166,201,218)
```
#b4d1e0
```
#b4d1e0 rgb(180,209,224)
```
#c2dae6
```
#c2dae6 rgb(194,218,230)
```
#d0e2ec
```
#d0e2ec rgb(208,226,236)
```
#deebf1
```
#deebf1 rgb(222,235,241)
```
#ecf3f7
```
#ecf3f7 rgb(236,243,247)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828789 is the less saturated color, while #12abf9 is the most saturated one.

#828789
```
#828789 rgb(130,135,137)
```
#788a93
```
#788a93 rgb(120,138,147)
```
#6f8d9c
```
#6f8d9c rgb(111,141,156)
```
#6690a5
```
#6690a5 rgb(102,144,165)
```
#5c93af
```
#5c93af rgb(92,147,175)
```
#5396b8
```
#5396b8 rgb(83,150,184)
```
#4a99c1
```
#4a99c1 rgb(74,153,193)
```
#409ccb
```
#409ccb rgb(64,156,203)
```
#379fd4
```
#379fd4 rgb(55,159,212)
```
#2ea2dd
```
#2ea2dd rgb(46,162,221)
```
#24a5e7
```
#24a5e7 rgb(36,165,231)
```
#1ba8f0
```
#1ba8f0 rgb(27,168,240)
```
#12abf9
```
#12abf9 rgb(18,171,249)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#7c8990 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a92b5 Protanopia 1% of men
#8891bf Deuteranopia 1% of men
#539eaa Tritanopia 0.001% of the population

Trichromacy

#7693b6 Protanomaly 1% of men, 0.01% of women
#7593bc Deuteranomaly 6% of men, 0.4% of women
#539baf Tritanomaly 0.01% of the population

#5396b8 hex color

#5396b8 Color Information

#5396b8 Color Conversion

Color Schemes with #5396b8

Alternatives to #5396b8

#5396b8 Preview

Shades and Tints of #5396b8

Tones of #5396b8

Color Blindness Simulator