#536187 hex color

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

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

● #536187 color description : Mostly desaturated dark blue.

The hexadecimal color #536187 has RGB values of R:83, G:97, B:135 and CMYK values of C:0.39, M:0.28, Y:0, K:0.47. Its decimal value is 5464455.

Hex triplet	536187	`#536187`
RGB Decimal	83, 97, 135	`rgb(83,97,135)`
RGB Percent	32.5, 38, 52.9	`rgb(32.5%,38%,52.9%)`
CMYK	39, 28, 0, 47
HSL	223.8°, 23.9, 42.7	`hsl(223.8,23.9%,42.7%)`
HSV (or HSB)	223.8°, 38.5, 52.9
Web Safe	666699	`#666699`

CIE-LAB	41.433, 4.758, -22.82
XYZ	12.214, 12.137, 24.62
xyY	0.249, 0.248, 12.137
CIE-LCH	41.433, 23.311, 281.778
CIE-LUV	41.433, -8.418, -32.825
Hunter-Lab	34.839, 1.614, -17.512
Binary	01010011, 01100001, 10000111

#536187
```
#536187 rgb(83,97,135)
```
#877953
```
#877953 rgb(135,121,83)
```

Complementary Color

#537b87
```
#537b87 rgb(83,123,135)
```
#536187
```
#536187 rgb(83,97,135)
```
#5f5387
```
#5f5387 rgb(95,83,135)
```

Analogous Color

#7b8753
```
#7b8753 rgb(123,135,83)
```
#536187
```
#536187 rgb(83,97,135)
```
#875f53
```
#875f53 rgb(135,95,83)
```

Split Complementary Color

#618753
```
#618753 rgb(97,135,83)
```
#536187
```
#536187 rgb(83,97,135)
```
#875361
```
#875361 rgb(135,83,97)
```

Triadic Color

#538779
```
#538779 rgb(83,135,121)
```
#536187
```
#536187 rgb(83,97,135)
```
#875361
```
#875361 rgb(135,83,97)
```
#877953
```
#877953 rgb(135,121,83)
```

Tetradic Color

#363f58
```
#363f58 rgb(54,63,88)
```
#404a67
```
#404a67 rgb(64,74,103)
```
#495677
```
#495677 rgb(73,86,119)
```
#536187
```
#536187 rgb(83,97,135)
```
#5d6c97
```
#5d6c97 rgb(93,108,151)
```
#6a79a3
```
#6a79a3 rgb(106,121,163)
```
#7a87ad
```
#7a87ad rgb(122,135,173)
```

Monochromatic Color

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

#536e87
```
#536e87 rgb(83,110,135)
```
#536a87
```
#536a87 rgb(83,106,135)
```
#536587
```
#536587 rgb(83,101,135)
```
#536187
```
#536187 rgb(83,97,135)
```
#535d87
```
#535d87 rgb(83,93,135)
```
#535887
```
#535887 rgb(83,88,135)
```
#535487
```
#535487 rgb(83,84,135)
```

Similar Colors

Text with hexadecimal color #536187

This text has a font color of #536187.

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

#536187 background color

This paragraph has a background color of #536187.

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

#536187 border color

This element has a border color of #536187.

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

CSS codes

.text {color:#536187;}

.background {background-color:#536187;}

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

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 #f4f5f8 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#080a0e
```
#080a0e rgb(8,10,14)
```
#10121a
```
#10121a rgb(16,18,26)
```
#171b26
```
#171b26 rgb(23,27,38)
```
#1f2432
```
#1f2432 rgb(31,36,50)
```
#262d3e
```
#262d3e rgb(38,45,62)
```
#2e354a
```
#2e354a rgb(46,53,74)
```
#353e56
```
#353e56 rgb(53,62,86)
```
#3d4763
```
#3d4763 rgb(61,71,99)
```
#44506f
```
#44506f rgb(68,80,111)
```
#4c587b
```
#4c587b rgb(76,88,123)
```
#536187
```
#536187 rgb(83,97,135)
```
#5a6a93
```
#5a6a93 rgb(90,106,147)
```

Shade Color Variation

#62739f
```
#62739f rgb(98,115,159)
```
#6f7ea6
```
#6f7ea6 rgb(111,126,166)
```
#7b88ae
```
#7b88ae rgb(123,136,174)
```
#8793b5
```
#8793b5 rgb(135,147,181)
```
#939ebd
```
#939ebd rgb(147,158,189)
```
#9fa9c4
```
#9fa9c4 rgb(159,169,196)
```
#abb4cc
```
#abb4cc rgb(171,180,204)
```
#b7bfd3
```
#b7bfd3 rgb(183,191,211)
```
#c4cadb
```
#c4cadb rgb(196,202,219)
```
#d0d5e2
```
#d0d5e2 rgb(208,213,226)
```
#dce0e9
```
#dce0e9 rgb(220,224,233)
```
#e8eaf1
```
#e8eaf1 rgb(232,234,241)
```
#f4f5f8
```
#f4f5f8 rgb(244,245,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 #083ed2 is the most saturated one.

#6c6d6e
```
#6c6d6e rgb(108,109,110)
```
#646976
```
#646976 rgb(100,105,118)
```
#5b657f
```
#5b657f rgb(91,101,127)
```
#536187
```
#536187 rgb(83,97,135)
```
#4b5d8f
```
#4b5d8f rgb(75,93,143)
```
#425998
```
#425998 rgb(66,89,152)
```
#3a55a0
```
#3a55a0 rgb(58,85,160)
```
#3152a9
```
#3152a9 rgb(49,82,169)
```
#294eb1
```
#294eb1 rgb(41,78,177)
```
#214ab9
```
#214ab9 rgb(33,74,185)
```
#1846c2
```
#1846c2 rgb(24,70,194)
```
#1042ca
```
#1042ca rgb(16,66,202)
```
#083ed2
```
#083ed2 rgb(8,62,210)
```

Tone Color Variation

Below, you can see how #536187 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
#5e6169 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e688c Protanopia 1% of men
#5d688d Deuteranopia 1% of men
#546d75 Tritanopia 0.001% of the population

Trichromacy

#5a658a Protanomaly 1% of men, 0.01% of women
#59658b Deuteranomaly 6% of men, 0.4% of women
#54697c Tritanomaly 0.01% of the population

#536187 hex color

#536187 Color Information

#536187 Color Conversion

Color Schemes with #536187

Alternatives to #536187

#536187 Preview

Shades and Tints of #536187

Tones of #536187

Color Blindness Simulator