colorhexa.com

#536a84 hex color

In a RGB color space, hex #536a84 is composed of 32.5% red, 41.6% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 37.1% cyan, 19.7% magenta, 0% yellow and 48.2% black. It has a hue angle of 211.8 degrees, a saturation of 22.8% and a lightness of 42.2%. #536a84 color hex could be obtained by blending #a6d4ff with #000009. Closest websafe color is: #666699.

- R 33
- G 42
- B 52
RGB color chart
- C 37
- M 20
- Y 0
- K 48
CMYK color chart

● #536a84 color description : Mostly desaturated dark blue.

The hexadecimal color #536a84 has RGB values of R:83, G:106, B:132 and CMYK values of C:0.37, M:0.2, Y:0, K:0.48. Its decimal value is 5466756.

Hex triplet	536a84	`#536a84`
RGB Decimal	83, 106, 132	`rgb(83,106,132)`
RGB Percent	32.5, 41.6, 51.8	`rgb(32.5%,41.6%,51.8%)`
CMYK	37, 20, 0, 48
HSL	211.8°, 22.8, 42.2	`hsl(211.8,22.8%,42.2%)`
HSV (or HSB)	211.8°, 37.1, 51.8
Web Safe	666699	`#666699`

CIE-LAB	43.963, -1.606, -17.119
XYZ	12.885, 13.813, 23.816
xyY	0.255, 0.273, 13.813
CIE-LCH	43.963, 17.194, 264.641
CIE-LUV	43.963, -12.024, -23.95
Hunter-Lab	37.165, -3.153, -11.978
Binary	01010011, 01101010, 10000100

#536a84
```
#536a84 rgb(83,106,132)
```
#846d53
```
#846d53 rgb(132,109,83)
```

Complementary Color

#538384
```
#538384 rgb(83,131,132)
```
#536a84
```
#536a84 rgb(83,106,132)
```
#555384
```
#555384 rgb(85,83,132)
```

Analogous Color

#838453
```
#838453 rgb(131,132,83)
```
#536a84
```
#536a84 rgb(83,106,132)
```
#845553
```
#845553 rgb(132,85,83)
```

Split Complementary Color

#6a8453
```
#6a8453 rgb(106,132,83)
```
#536a84
```
#536a84 rgb(83,106,132)
```
#84536a
```
#84536a rgb(132,83,106)
```

Triadic Color

#53846d
```
#53846d rgb(83,132,109)
```
#536a84
```
#536a84 rgb(83,106,132)
```
#84536a
```
#84536a rgb(132,83,106)
```
#846d53
```
#846d53 rgb(132,109,83)
```

Tetradic Color

#354455
```
#354455 rgb(53,68,85)
```
#3f5165
```
#3f5165 rgb(63,81,101)
```
#495d74
```
#495d74 rgb(73,93,116)
```
#536a84
```
#536a84 rgb(83,106,132)
```
#5d7794
```
#5d7794 rgb(93,119,148)
```
#6983a1
```
#6983a1 rgb(105,131,161)
```
#7990ab
```
#7990ab rgb(121,144,171)
```

Monochromatic Color

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

#537684
```
#537684 rgb(83,118,132)
```
#537284
```
#537284 rgb(83,114,132)
```
#536e84
```
#536e84 rgb(83,110,132)
```
#536a84
```
#536a84 rgb(83,106,132)
```
#536684
```
#536684 rgb(83,102,132)
```
#536284
```
#536284 rgb(83,98,132)
```
#535e84
```
#535e84 rgb(83,94,132)
```

Similar Colors

Text with hexadecimal color #536a84

This text has a font color of #536a84.

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

#536a84 background color

This paragraph has a background color of #536a84.

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

#536a84 border color

This element has a border color of #536a84.

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

CSS codes

.text {color:#536a84;}

.background {background-color:#536a84;}

.border {border:1px solid #536a84;}

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

#07090c
```
#07090c rgb(7,9,12)
```
#0f1318
```
#0f1318 rgb(15,19,24)
```
#161d24
```
#161d24 rgb(22,29,36)
```
#1e2630
```
#1e2630 rgb(30,38,48)
```
#26303c
```
#26303c rgb(38,48,60)
```
#2d3a48
```
#2d3a48 rgb(45,58,72)
```
#354354
```
#354354 rgb(53,67,84)
```
#3c4d60
```
#3c4d60 rgb(60,77,96)
```
#44576c
```
#44576c rgb(68,87,108)
```
#4b6078
```
#4b6078 rgb(75,96,120)
```
#536a84
```
#536a84 rgb(83,106,132)
```
#5b7490
```
#5b7490 rgb(91,116,144)
```
#627d9c
```
#627d9c rgb(98,125,156)
```

Shade Color Variation

#6e87a4
```
#6e87a4 rgb(110,135,164)
```
#7a91ab
```
#7a91ab rgb(122,145,171)
```
#869bb3
```
#869bb3 rgb(134,155,179)
```
#92a5bb
```
#92a5bb rgb(146,165,187)
```
#9eafc2
```
#9eafc2 rgb(158,175,194)
```
#aab9ca
```
#aab9ca rgb(170,185,202)
```
#b6c3d1
```
#b6c3d1 rgb(182,195,209)
```
#c2cdd9
```
#c2cdd9 rgb(194,205,217)
```
#ced7e0
```
#ced7e0 rgb(206,215,224)
```
#dae1e8
```
#dae1e8 rgb(218,225,232)
```
#e6ebf0
```
#e6ebf0 rgb(230,235,240)
```
#f2f5f7
```
#f2f5f7 rgb(242,245,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646b73 is the less saturated color, while #0065d7 is the most saturated one.

#646b73
```
#646b73 rgb(100,107,115)
```
#5b6b7c
```
#5b6b7c rgb(91,107,124)
```
#536a84
```
#536a84 rgb(83,106,132)
```
#4b698c
```
#4b698c rgb(75,105,140)
```
#426995
```
#426995 rgb(66,105,149)
```
#3a689d
```
#3a689d rgb(58,104,157)
```
#3268a5
```
#3268a5 rgb(50,104,165)
```
#2a67ad
```
#2a67ad rgb(42,103,173)
```
#2167b6
```
#2167b6 rgb(33,103,182)
```
#1966be
```
#1966be rgb(25,102,190)
```
#1166c6
```
#1166c6 rgb(17,102,198)
```
#0965ce
```
#0965ce rgb(9,101,206)
```
#0065d7
```
#0065d7 rgb(0,101,215)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#62676c Atypical Achromatopsia 0.001% of the population

Dichromacy

#696e88 Protanopia 1% of men
#6a6d8b Deuteranopia 1% of men
#57747c Tritanopia 0.001% of the population

Trichromacy

#616d86 Protanomaly 1% of men, 0.01% of women
#616c88 Deuteranomaly 6% of men, 0.4% of women
#56707f Tritanomaly 0.01% of the population