#5368bd hex color

In a RGB color space, hex #5368bd is composed of 32.5% red, 40.8% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 45% magenta, 0% yellow and 25.9% black. It has a hue angle of 228.1 degrees, a saturation of 44.5% and a lightness of 53.3%. #5368bd color hex could be obtained by blending #a6d0ff with #00007b. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 41
- B 74
RGB color chart
- C 56
- M 45
- Y 0
- K 26
CMYK color chart

● #5368bd color description : Moderate blue.

The hexadecimal color #5368bd has RGB values of R:83, G:104, B:189 and CMYK values of C:0.56, M:0.45, Y:0, K:0.26. Its decimal value is 5466301.

Hex triplet	5368bd	`#5368bd`
RGB Decimal	83, 104, 189	`rgb(83,104,189)`
RGB Percent	32.5, 40.8, 74.1	`rgb(32.5%,40.8%,74.1%)`
CMYK	56, 45, 0, 26
HSL	228.1°, 44.5, 53.3	`hsl(228.1,44.5%,53.3%)`
HSV (or HSB)	228.1°, 56.1, 74.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.195, 17.453, -47.257
XYZ	17.701, 15.413, 50.184
xyY	0.213, 0.185, 15.413
CIE-LCH	46.195, 50.376, 290.27
CIE-LUV	46.195, -12.361, -72.703
Hunter-Lab	39.259, 11.777, -48.306
Binary	01010011, 01101000, 10111101

#5368bd
```
#5368bd rgb(83,104,189)
```
#bda853
```
#bda853 rgb(189,168,83)
```

Complementary Color

#539dbd
```
#539dbd rgb(83,157,189)
```
#5368bd
```
#5368bd rgb(83,104,189)
```
#7353bd
```
#7353bd rgb(115,83,189)
```

Analogous Color

#9dbd53
```
#9dbd53 rgb(157,189,83)
```
#5368bd
```
#5368bd rgb(83,104,189)
```
#bd7353
```
#bd7353 rgb(189,115,83)
```

Split Complementary Color

#68bd53
```
#68bd53 rgb(104,189,83)
```
#5368bd
```
#5368bd rgb(83,104,189)
```
#bd5368
```
#bd5368 rgb(189,83,104)
```

Triadic Color

#53bda8
```
#53bda8 rgb(83,189,168)
```
#5368bd
```
#5368bd rgb(83,104,189)
```
#bd5368
```
#bd5368 rgb(189,83,104)
```
#bda853
```
#bda853 rgb(189,168,83)
```

Tetradic Color

#36478d
```
#36478d rgb(54,71,141)
```
#3d51a0
```
#3d51a0 rgb(61,81,160)
```
#445ab2
```
#445ab2 rgb(68,90,178)
```
#5368bd
```
#5368bd rgb(83,104,189)
```
#6578c4
```
#6578c4 rgb(101,120,196)
```
#7888cb
```
#7888cb rgb(120,136,203)
```
#8a99d2
```
#8a99d2 rgb(138,153,210)
```

Monochromatic Color

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

#5383bd
```
#5383bd rgb(83,131,189)
```
#537abd
```
#537abd rgb(83,122,189)
```
#5371bd
```
#5371bd rgb(83,113,189)
```
#5368bd
```
#5368bd rgb(83,104,189)
```
#535fbd
```
#535fbd rgb(83,95,189)
```
#5356bd
```
#5356bd rgb(83,86,189)
```
#5953bd
```
#5953bd rgb(89,83,189)
```

Similar Colors

Text with hexadecimal color #5368bd

This text has a font color of #5368bd.

<span style="color:#5368bd;">Text here</span>

#5368bd background color

This paragraph has a background color of #5368bd.

<p style="background-color:#5368bd;">Content here</p>

#5368bd border color

This element has a border color of #5368bd.

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

CSS codes

.text {color:#5368bd;}

.background {background-color:#5368bd;}

.border {border:1px solid #5368bd;}

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, #05060c is the darkest color, while #fdfdfe is the lightest one.

#05060c
```
#05060c rgb(5,6,12)
```
#0a0d1a
```
#0a0d1a rgb(10,13,26)
```
#101529
```
#101529 rgb(16,21,41)
```
#151c37
```
#151c37 rgb(21,28,55)
```
#1a2345
```
#1a2345 rgb(26,35,69)
```
#202a53
```
#202a53 rgb(32,42,83)
```
#253161
```
#253161 rgb(37,49,97)
```
#2b3870
```
#2b3870 rgb(43,56,112)
```
#30407e
```
#30407e rgb(48,64,126)
```
#36478c
```
#36478c rgb(54,71,140)
```
#3b4e9a
```
#3b4e9a rgb(59,78,154)
```
#4155a8
```
#4155a8 rgb(65,85,168)
```
#465cb6
```
#465cb6 rgb(70,92,182)
```

Shade Color Variation

#5368bd
```
#5368bd rgb(83,104,189)
```
#6174c2
```
#6174c2 rgb(97,116,194)
```
#6f81c8
```
#6f81c8 rgb(111,129,200)
```
#7e8dcd
```
#7e8dcd rgb(126,141,205)
```
#8c9ad3
```
#8c9ad3 rgb(140,154,211)
```
#9aa6d8
```
#9aa6d8 rgb(154,166,216)
```
#a8b3de
```
#a8b3de rgb(168,179,222)
```
#b6bfe3
```
#b6bfe3 rgb(182,191,227)
```
#c4cce9
```
#c4cce9 rgb(196,204,233)
```
#d3d8ee
```
#d3d8ee rgb(211,216,238)
```
#e1e4f3
```
#e1e4f3 rgb(225,228,243)
```
#eff1f9
```
#eff1f9 rgb(239,241,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #81848f is the less saturated color, while #1341fd is the most saturated one.

#81848f
```
#81848f rgb(129,132,143)
```
#787e98
```
#787e98 rgb(120,126,152)
```
#6e79a2
```
#6e79a2 rgb(110,121,162)
```
#6573ab
```
#6573ab rgb(101,115,171)
```
#5c6eb4
```
#5c6eb4 rgb(92,110,180)
```
#5368bd
```
#5368bd rgb(83,104,189)
```
#4a62c6
```
#4a62c6 rgb(74,98,198)
```
#415dcf
```
#415dcf rgb(65,93,207)
```
#3857d8
```
#3857d8 rgb(56,87,216)
```
#2e52e2
```
#2e52e2 rgb(46,82,226)
```
#254ceb
```
#254ceb rgb(37,76,235)
```
#1c47f4
```
#1c47f4 rgb(28,71,244)
```
#1341fd
```
#1341fd rgb(19,65,253)
```

Tone Color Variation

Below, you can see how #5368bd 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

#6b6b6b Achromatopsia 0.005% of the population
#666a7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c72c2 Protanopia 1% of men
#3876bd Deuteranopia 1% of men
#3f7d86 Tritanopia 0.001% of the population

Trichromacy

#4f6ec0 Protanomaly 1% of men, 0.01% of women
#4271bd Deuteranomaly 6% of men, 0.4% of women
#46759a Tritanomaly 0.01% of the population

#5368bd hex color

#5368bd Color Information

#5368bd Color Conversion

Color Schemes with #5368bd

Alternatives to #5368bd

#5368bd Preview

Shades and Tints of #5368bd

Tones of #5368bd

Color Blindness Simulator