#536587 hex color

In a RGB color space, hex #536587 is composed of 32.5% red, 39.6% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 38.5% cyan, 25.2% magenta, 0% yellow and 47.1% black. It has a hue angle of 219.2 degrees, a saturation of 23.9% and a lightness of 42.7%. #536587 color hex could be obtained by blending #a6caff with #00000f. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 40
- B 53
RGB color chart
- C 39
- M 25
- Y 0
- K 47
CMYK color chart

● #536587 color description : Mostly desaturated dark blue.

The hexadecimal color #536587 has RGB values of R:83, G:101, B:135 and CMYK values of C:0.39, M:0.25, Y:0, K:0.47. Its decimal value is 5465479.

Hex triplet	536587	`#536587`
RGB Decimal	83, 101, 135	`rgb(83,101,135)`
RGB Percent	32.5, 39.6, 52.9	`rgb(32.5%,39.6%,52.9%)`
CMYK	39, 25, 0, 47
HSL	219.2°, 23.9, 42.7	`hsl(219.2,23.9%,42.7%)`
HSV (or HSB)	219.2°, 38.5, 52.9
Web Safe	666699	`#666699`

CIE-LAB	42.605, 2.292, -21.009
XYZ	12.593, 12.895, 24.746
xyY	0.251, 0.257, 12.895
CIE-LCH	42.605, 21.133, 276.227
CIE-LUV	42.605, -10.027, -30.036
Hunter-Lab	35.91, -0.244, -15.72
Binary	01010011, 01100101, 10000111

#536587
```
#536587 rgb(83,101,135)
```
#877553
```
#877553 rgb(135,117,83)
```

Complementary Color

#537f87
```
#537f87 rgb(83,127,135)
```
#536587
```
#536587 rgb(83,101,135)
```
#5b5387
```
#5b5387 rgb(91,83,135)
```

Analogous Color

#7f8753
```
#7f8753 rgb(127,135,83)
```
#536587
```
#536587 rgb(83,101,135)
```
#875b53
```
#875b53 rgb(135,91,83)
```

Split Complementary Color

#658753
```
#658753 rgb(101,135,83)
```
#536587
```
#536587 rgb(83,101,135)
```
#875365
```
#875365 rgb(135,83,101)
```

Triadic Color

#538775
```
#538775 rgb(83,135,117)
```
#536587
```
#536587 rgb(83,101,135)
```
#875365
```
#875365 rgb(135,83,101)
```
#877553
```
#877553 rgb(135,117,83)
```

Tetradic Color

#364258
```
#364258 rgb(54,66,88)
```
#404d67
```
#404d67 rgb(64,77,103)
```
#495977
```
#495977 rgb(73,89,119)
```
#536587
```
#536587 rgb(83,101,135)
```
#5d7197
```
#5d7197 rgb(93,113,151)
```
#6a7ea3
```
#6a7ea3 rgb(106,126,163)
```
#7a8bad
```
#7a8bad rgb(122,139,173)
```

Monochromatic Color

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

#537287
```
#537287 rgb(83,114,135)
```
#536e87
```
#536e87 rgb(83,110,135)
```
#536987
```
#536987 rgb(83,105,135)
```
#536587
```
#536587 rgb(83,101,135)
```
#536187
```
#536187 rgb(83,97,135)
```
#535c87
```
#535c87 rgb(83,92,135)
```
#535887
```
#535887 rgb(83,88,135)
```

Similar Colors

Text with hexadecimal color #536587

This text has a font color of #536587.

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

#536587 background color

This paragraph has a background color of #536587.

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

#536587 border color

This element has a border color of #536587.

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

CSS codes

.text {color:#536587;}

.background {background-color:#536587;}

.border {border:1px solid #536587;}

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

#010101
```
#010101 rgb(1,1,1)
```
#080a0e
```
#080a0e rgb(8,10,14)
```
#10131a
```
#10131a rgb(16,19,26)
```
#171c26
```
#171c26 rgb(23,28,38)
```
#1f2532
```
#1f2532 rgb(31,37,50)
```
#262e3e
```
#262e3e rgb(38,46,62)
```
#2e384a
```
#2e384a rgb(46,56,74)
```
#354156
```
#354156 rgb(53,65,86)
```
#3d4a63
```
#3d4a63 rgb(61,74,99)
```
#44536f
```
#44536f rgb(68,83,111)
```
#4c5c7b
```
#4c5c7b rgb(76,92,123)
```
#536587
```
#536587 rgb(83,101,135)
```
#5a6e93
```
#5a6e93 rgb(90,110,147)
```

Shade Color Variation

#62779f
```
#62779f rgb(98,119,159)
```
#6f82a6
```
#6f82a6 rgb(111,130,166)
```
#7b8cae
```
#7b8cae rgb(123,140,174)
```
#8797b5
```
#8797b5 rgb(135,151,181)
```
#93a1bd
```
#93a1bd rgb(147,161,189)
```
#9facc4
```
#9facc4 rgb(159,172,196)
```
#abb7cc
```
#abb7cc rgb(171,183,204)
```
#b7c1d3
```
#b7c1d3 rgb(183,193,211)
```
#c4ccdb
```
#c4ccdb rgb(196,204,219)
```
#d0d6e2
```
#d0d6e2 rgb(208,214,226)
```
#dce1e9
```
#dce1e9 rgb(220,225,233)
```
#e8ebf1
```
#e8ebf1 rgb(232,235,241)
```
#f4f6f8
```
#f4f6f8 rgb(244,246,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6d6e is the less saturated color, while #084ed2 is the most saturated one.

#6c6d6e
```
#6c6d6e rgb(108,109,110)
```
#646a76
```
#646a76 rgb(100,106,118)
```
#5b687f
```
#5b687f rgb(91,104,127)
```
#536587
```
#536587 rgb(83,101,135)
```
#4b628f
```
#4b628f rgb(75,98,143)
```
#426098
```
#426098 rgb(66,96,152)
```
#3a5da0
```
#3a5da0 rgb(58,93,160)
```
#315ba9
```
#315ba9 rgb(49,91,169)
```
#2958b1
```
#2958b1 rgb(41,88,177)
```
#2156b9
```
#2156b9 rgb(33,86,185)
```
#1853c2
```
#1853c2 rgb(24,83,194)
```
#1050ca
```
#1050ca rgb(16,80,202)
```
#084ed2
```
#084ed2 rgb(8,78,210)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#60636a Atypical Achromatopsia 0.001% of the population

Dichromacy

#626b8c Protanopia 1% of men
#626b8d Deuteranopia 1% of men
#557079 Tritanopia 0.001% of the population

Trichromacy

#5d698a Protanomaly 1% of men, 0.01% of women
#5d688b Deuteranomaly 6% of men, 0.4% of women
#546c7e Tritanomaly 0.01% of the population

#536587 hex color

#536587 Color Information

#536587 Color Conversion

Color Schemes with #536587

Alternatives to #536587

#536587 Preview

Shades and Tints of #536587

Tones of #536587

Color Blindness Simulator