#536884 hex color

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

♥
- f
- t
- g
- R 33
- G 41
- B 52
RGB color chart
- C 37
- M 21
- Y 0
- K 48
CMYK color chart

● #536884 color description : Mostly desaturated dark blue.

The hexadecimal color #536884 has RGB values of R:83, G:104, B:132 and CMYK values of C:0.37, M:0.21, Y:0, K:0.48. Its decimal value is 5466244.

Hex triplet	536884	`#536884`
RGB Decimal	83, 104, 132	`rgb(83,104,132)`
RGB Percent	32.5, 40.8, 51.8	`rgb(32.5%,40.8%,51.8%)`
CMYK	37, 21, 0, 48
HSL	214.3°, 22.8, 42.2	`hsl(214.3,22.8%,42.2%)`
HSV (or HSB)	214.3°, 37.1, 51.8
Web Safe	666699	`#666699`

CIE-LAB	43.367, -0.4, -18.031
XYZ	12.682, 13.405, 23.748
xyY	0.254, 0.269, 13.405
CIE-LCH	43.367, 18.035, 268.729
CIE-LUV	43.367, -11.194, -25.381
Hunter-Lab	36.613, -2.246, -12.827
Binary	01010011, 01101000, 10000100

#536884
```
#536884 rgb(83,104,132)
```
#846f53
```
#846f53 rgb(132,111,83)
```

Complementary Color

#538184
```
#538184 rgb(83,129,132)
```
#536884
```
#536884 rgb(83,104,132)
```
#575384
```
#575384 rgb(87,83,132)
```

Analogous Color

#818453
```
#818453 rgb(129,132,83)
```
#536884
```
#536884 rgb(83,104,132)
```
#845753
```
#845753 rgb(132,87,83)
```

Split Complementary Color

#688453
```
#688453 rgb(104,132,83)
```
#536884
```
#536884 rgb(83,104,132)
```
#845368
```
#845368 rgb(132,83,104)
```

Triadic Color

#53846f
```
#53846f rgb(83,132,111)
```
#536884
```
#536884 rgb(83,104,132)
```
#845368
```
#845368 rgb(132,83,104)
```
#846f53
```
#846f53 rgb(132,111,83)
```

Tetradic Color

#354355
```
#354355 rgb(53,67,85)
```
#3f4f65
```
#3f4f65 rgb(63,79,101)
```
#495c74
```
#495c74 rgb(73,92,116)
```
#536884
```
#536884 rgb(83,104,132)
```
#5d7494
```
#5d7494 rgb(93,116,148)
```
#6981a1
```
#6981a1 rgb(105,129,161)
```
#798eab
```
#798eab rgb(121,142,171)
```

Monochromatic Color

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

#537484
```
#537484 rgb(83,116,132)
```
#537084
```
#537084 rgb(83,112,132)
```
#536c84
```
#536c84 rgb(83,108,132)
```
#536884
```
#536884 rgb(83,104,132)
```
#536484
```
#536484 rgb(83,100,132)
```
#536084
```
#536084 rgb(83,96,132)
```
#535c84
```
#535c84 rgb(83,92,132)
```

Similar Colors

Text with hexadecimal color #536884

This text has a font color of #536884.

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

#536884 background color

This paragraph has a background color of #536884.

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

#536884 border color

This element has a border color of #536884.

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

CSS codes

.text {color:#536884;}

.background {background-color:#536884;}

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

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)
```
#161c24
```
#161c24 rgb(22,28,36)
```
#1e2630
```
#1e2630 rgb(30,38,48)
```
#262f3c
```
#262f3c rgb(38,47,60)
```
#2d3948
```
#2d3948 rgb(45,57,72)
```
#354254
```
#354254 rgb(53,66,84)
```
#3c4c60
```
#3c4c60 rgb(60,76,96)
```
#44556c
```
#44556c rgb(68,85,108)
```
#4b5f78
```
#4b5f78 rgb(75,95,120)
```
#536884
```
#536884 rgb(83,104,132)
```
#5b7190
```
#5b7190 rgb(91,113,144)
```
#627b9c
```
#627b9c rgb(98,123,156)
```

Shade Color Variation

#6e85a4
```
#6e85a4 rgb(110,133,164)
```
#7a8fab
```
#7a8fab rgb(122,143,171)
```
#8699b3
```
#8699b3 rgb(134,153,179)
```
#92a3bb
```
#92a3bb rgb(146,163,187)
```
#9eaec2
```
#9eaec2 rgb(158,174,194)
```
#aab8ca
```
#aab8ca rgb(170,184,202)
```
#b6c2d1
```
#b6c2d1 rgb(182,194,209)
```
#c2ccd9
```
#c2ccd9 rgb(194,204,217)
```
#ced6e0
```
#ced6e0 rgb(206,214,224)
```
#dae0e8
```
#dae0e8 rgb(218,224,232)
```
#e6eaf0
```
#e6eaf0 rgb(230,234,240)
```
#f2f4f7
```
#f2f4f7 rgb(242,244,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#646a73
```
#646a73 rgb(100,106,115)
```
#5b697c
```
#5b697c rgb(91,105,124)
```
#536884
```
#536884 rgb(83,104,132)
```
#4b678c
```
#4b678c rgb(75,103,140)
```
#426695
```
#426695 rgb(66,102,149)
```
#3a649d
```
#3a649d rgb(58,100,157)
```
#3263a5
```
#3263a5 rgb(50,99,165)
```
#2a62ad
```
#2a62ad rgb(42,98,173)
```
#2161b6
```
#2161b6 rgb(33,97,182)
```
#1960be
```
#1960be rgb(25,96,190)
```
#115fc6
```
#115fc6 rgb(17,95,198)
```
#095dce
```
#095dce rgb(9,93,206)
```
#005cd7
```
#005cd7 rgb(0,92,215)
```

Tone Color Variation

Below, you can see how #536884 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
#61666b Atypical Achromatopsia 0.001% of the population

Dichromacy

#676d88 Protanopia 1% of men
#686c8b Deuteranopia 1% of men
#57727b Tritanopia 0.001% of the population

Trichromacy

#5f6b87 Protanomaly 1% of men, 0.01% of women
#606a88 Deuteranomaly 6% of men, 0.4% of women
#556e7e Tritanomaly 0.01% of the population

#536884 hex color

#536884 Color Information

#536884 Color Conversion

Color Schemes with #536884

Alternatives to #536884

#536884 Preview

Shades and Tints of #536884

Tones of #536884

Color Blindness Simulator