#536887 hex color

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

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

● #536887 color description : Mostly desaturated dark blue.

The hexadecimal color #536887 has RGB values of R:83, G:104, B:135 and CMYK values of C:0.39, M:0.23, Y:0, K:0.47. Its decimal value is 5466247.

Hex triplet	536887	`#536887`
RGB Decimal	83, 104, 135	`rgb(83,104,135)`
RGB Percent	32.5, 40.8, 52.9	`rgb(32.5%,40.8%,52.9%)`
CMYK	39, 23, 0, 47
HSL	215.8°, 23.9, 42.7	`hsl(215.8,23.9%,42.7%)`
HSV (or HSB)	215.8°, 38.5, 52.9
Web Safe	666699	`#666699`

CIE-LAB	43.49, 0.462, -19.645
XYZ	12.89, 13.488, 24.845
xyY	0.252, 0.263, 13.488
CIE-LCH	43.49, 19.65, 271.348
CIE-LUV	43.49, -11.249, -27.912
Hunter-Lab	36.727, -1.624, -14.4
Binary	01010011, 01101000, 10000111

#536887
```
#536887 rgb(83,104,135)
```
#877253
```
#877253 rgb(135,114,83)
```

Complementary Color

#538287
```
#538287 rgb(83,130,135)
```
#536887
```
#536887 rgb(83,104,135)
```
#585387
```
#585387 rgb(88,83,135)
```

Analogous Color

#828753
```
#828753 rgb(130,135,83)
```
#536887
```
#536887 rgb(83,104,135)
```
#875853
```
#875853 rgb(135,88,83)
```

Split Complementary Color

#688753
```
#688753 rgb(104,135,83)
```
#536887
```
#536887 rgb(83,104,135)
```
#875368
```
#875368 rgb(135,83,104)
```

Triadic Color

#538772
```
#538772 rgb(83,135,114)
```
#536887
```
#536887 rgb(83,104,135)
```
#875368
```
#875368 rgb(135,83,104)
```
#877253
```
#877253 rgb(135,114,83)
```

Tetradic Color

#364458
```
#364458 rgb(54,68,88)
```
#405067
```
#405067 rgb(64,80,103)
```
#495c77
```
#495c77 rgb(73,92,119)
```
#536887
```
#536887 rgb(83,104,135)
```
#5d7497
```
#5d7497 rgb(93,116,151)
```
#6a81a3
```
#6a81a3 rgb(106,129,163)
```
#7a8ead
```
#7a8ead rgb(122,142,173)
```

Monochromatic Color

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

#537587
```
#537587 rgb(83,117,135)
```
#537187
```
#537187 rgb(83,113,135)
```
#536c87
```
#536c87 rgb(83,108,135)
```
#536887
```
#536887 rgb(83,104,135)
```
#536487
```
#536487 rgb(83,100,135)
```
#535f87
```
#535f87 rgb(83,95,135)
```
#535b87
```
#535b87 rgb(83,91,135)
```

Similar Colors

Text with hexadecimal color #536887

This text has a font color of #536887.

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

#536887 background color

This paragraph has a background color of #536887.

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

#536887 border color

This element has a border color of #536887.

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

CSS codes

.text {color:#536887;}

.background {background-color:#536887;}

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

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)
```
#10141a
```
#10141a rgb(16,20,26)
```
#171d26
```
#171d26 rgb(23,29,38)
```
#1f2632
```
#1f2632 rgb(31,38,50)
```
#26303e
```
#26303e rgb(38,48,62)
```
#2e394a
```
#2e394a rgb(46,57,74)
```
#354356
```
#354356 rgb(53,67,86)
```
#3d4c63
```
#3d4c63 rgb(61,76,99)
```
#44556f
```
#44556f rgb(68,85,111)
```
#4c5f7b
```
#4c5f7b rgb(76,95,123)
```
#536887
```
#536887 rgb(83,104,135)
```
#5a7193
```
#5a7193 rgb(90,113,147)
```

Shade Color Variation

#627b9f
```
#627b9f rgb(98,123,159)
```
#6f85a6
```
#6f85a6 rgb(111,133,166)
```
#7b8fae
```
#7b8fae rgb(123,143,174)
```
#879ab5
```
#879ab5 rgb(135,154,181)
```
#93a4bd
```
#93a4bd rgb(147,164,189)
```
#9faec4
```
#9faec4 rgb(159,174,196)
```
#abb8cc
```
#abb8cc rgb(171,184,204)
```
#b7c3d3
```
#b7c3d3 rgb(183,195,211)
```
#c4cddb
```
#c4cddb rgb(196,205,219)
```
#d0d7e2
```
#d0d7e2 rgb(208,215,226)
```
#dce1e9
```
#dce1e9 rgb(220,225,233)
```
#e8ecf1
```
#e8ecf1 rgb(232,236,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 #0859d2 is the most saturated one.

#6c6d6e
```
#6c6d6e rgb(108,109,110)
```
#646b76
```
#646b76 rgb(100,107,118)
```
#5b6a7f
```
#5b6a7f rgb(91,106,127)
```
#536887
```
#536887 rgb(83,104,135)
```
#4b668f
```
#4b668f rgb(75,102,143)
```
#426598
```
#426598 rgb(66,101,152)
```
#3a63a0
```
#3a63a0 rgb(58,99,160)
```
#3162a9
```
#3162a9 rgb(49,98,169)
```
#2960b1
```
#2960b1 rgb(41,96,177)
```
#215eb9
```
#215eb9 rgb(33,94,185)
```
#185dc2
```
#185dc2 rgb(24,93,194)
```
#105bca
```
#105bca rgb(16,91,202)
```
#0859d2
```
#0859d2 rgb(8,89,210)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#61666c Atypical Achromatopsia 0.001% of the population

Dichromacy

#666d8b Protanopia 1% of men
#666d8e Deuteranopia 1% of men
#56737b Tritanopia 0.001% of the population

Trichromacy

#5f6b8a Protanomaly 1% of men, 0.01% of women
#5f6b8b Deuteranomaly 6% of men, 0.4% of women
#556f7f Tritanomaly 0.01% of the population

#536887 hex color

#536887 Color Information

#536887 Color Conversion

Color Schemes with #536887

Alternatives to #536887

#536887 Preview

Shades and Tints of #536887

Tones of #536887

Color Blindness Simulator