#5356bd hex color

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

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

● #5356bd color description : Moderate blue.

The hexadecimal color #5356bd has RGB values of R:83, G:86, B:189 and CMYK values of C:0.56, M:0.54, Y:0, K:0.26. Its decimal value is 5461693.

Hex triplet	5356bd	`#5356bd`
RGB Decimal	83, 86, 189	`rgb(83,86,189)`
RGB Percent	32.5, 33.7, 74.1	`rgb(32.5%,33.7%,74.1%)`
CMYK	56, 54, 0, 26
HSL	238.3°, 44.5, 53.3	`hsl(238.3,44.5%,53.3%)`
HSV (or HSB)	238.3°, 56.1, 74.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	41.482, 28.761, -54.825
XYZ	16.079, 12.168, 49.643
xyY	0.206, 0.156, 12.168
CIE-LCH	41.482, 61.911, 297.681
CIE-LUV	41.482, -6.891, -82.625
Hunter-Lab	34.883, 21.231, -59.96
Binary	01010011, 01010110, 10111101

#5356bd
```
#5356bd rgb(83,86,189)
```
#bdba53
```
#bdba53 rgb(189,186,83)
```

Complementary Color

#538bbd
```
#538bbd rgb(83,139,189)
```
#5356bd
```
#5356bd rgb(83,86,189)
```
#8553bd
```
#8553bd rgb(133,83,189)
```

Analogous Color

#8bbd53
```
#8bbd53 rgb(139,189,83)
```
#5356bd
```
#5356bd rgb(83,86,189)
```
#bd8553
```
#bd8553 rgb(189,133,83)
```

Split Complementary Color

#56bd53
```
#56bd53 rgb(86,189,83)
```
#5356bd
```
#5356bd rgb(83,86,189)
```
#bd5356
```
#bd5356 rgb(189,83,86)
```

Triadic Color

#53bdba
```
#53bdba rgb(83,189,186)
```
#5356bd
```
#5356bd rgb(83,86,189)
```
#bd5356
```
#bd5356 rgb(189,83,86)
```
#bdba53
```
#bdba53 rgb(189,186,83)
```

Tetradic Color

#36398d
```
#36398d rgb(54,57,141)
```
#3d40a0
```
#3d40a0 rgb(61,64,160)
```
#4447b2
```
#4447b2 rgb(68,71,178)
```
#5356bd
```
#5356bd rgb(83,86,189)
```
#6568c4
```
#6568c4 rgb(101,104,196)
```
#787acb
```
#787acb rgb(120,122,203)
```
#8a8cd2
```
#8a8cd2 rgb(138,140,210)
```

Monochromatic Color

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

#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)
```
#6253bd
```
#6253bd rgb(98,83,189)
```
#6b53bd
```
#6b53bd rgb(107,83,189)
```

Similar Colors

Text with hexadecimal color #5356bd

This text has a font color of #5356bd.

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

#5356bd background color

This paragraph has a background color of #5356bd.

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

#5356bd border color

This element has a border color of #5356bd.

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

CSS codes

.text {color:#5356bd;}

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

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

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

#05050c
```
#05050c rgb(5,5,12)
```
#0a0b1a
```
#0a0b1a rgb(10,11,26)
```
#101029
```
#101029 rgb(16,16,41)
```
#151637
```
#151637 rgb(21,22,55)
```
#1a1c45
```
#1a1c45 rgb(26,28,69)
```
#202153
```
#202153 rgb(32,33,83)
```
#252761
```
#252761 rgb(37,39,97)
```
#2b2d70
```
#2b2d70 rgb(43,45,112)
```
#30327e
```
#30327e rgb(48,50,126)
```
#36388c
```
#36388c rgb(54,56,140)
```
#3b3e9a
```
#3b3e9a rgb(59,62,154)
```
#4143a8
```
#4143a8 rgb(65,67,168)
```
#4649b6
```
#4649b6 rgb(70,73,182)
```

Shade Color Variation

#5356bd
```
#5356bd rgb(83,86,189)
```
#6164c2
```
#6164c2 rgb(97,100,194)
```
#6f72c8
```
#6f72c8 rgb(111,114,200)
```
#7e80cd
```
#7e80cd rgb(126,128,205)
```
#8c8ed3
```
#8c8ed3 rgb(140,142,211)
```
#9a9cd8
```
#9a9cd8 rgb(154,156,216)
```
#a8aade
```
#a8aade rgb(168,170,222)
```
#b6b8e3
```
#b6b8e3 rgb(182,184,227)
```
#c4c5e9
```
#c4c5e9 rgb(196,197,233)
```
#d3d3ee
```
#d3d3ee rgb(211,211,238)
```
#e1e1f3
```
#e1e1f3 rgb(225,225,243)
```
#efeff9
```
#efeff9 rgb(239,239,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#81818f
```
#81818f rgb(129,129,143)
```
#787998
```
#787998 rgb(120,121,152)
```
#6e70a2
```
#6e70a2 rgb(110,112,162)
```
#6567ab
```
#6567ab rgb(101,103,171)
```
#5c5fb4
```
#5c5fb4 rgb(92,95,180)
```
#5356bd
```
#5356bd rgb(83,86,189)
```
#4a4dc6
```
#4a4dc6 rgb(74,77,198)
```
#4145cf
```
#4145cf rgb(65,69,207)
```
#383cd8
```
#383cd8 rgb(56,60,216)
```
#2e33e2
```
#2e33e2 rgb(46,51,226)
```
#252beb
```
#252beb rgb(37,43,235)
```
#1c22f4
```
#1c22f4 rgb(28,34,244)
```
#131afd
```
#131afd rgb(19,26,253)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#5e5f73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1866c7 Protanopia 1% of men
#006cb2 Deuteranopia 1% of men
#38717a Tritanopia 0.001% of the population

Trichromacy

#2d60c3 Protanomaly 1% of men, 0.01% of women
#1e64b6 Deuteranomaly 6% of men, 0.4% of women
#426792 Tritanomaly 0.01% of the population

#5356bd hex color

#5356bd Color Information

#5356bd Color Conversion

Color Schemes with #5356bd

Alternatives to #5356bd

#5356bd Preview

Shades and Tints of #5356bd

Tones of #5356bd

Color Blindness Simulator