#536284 hex color

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

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

● #536284 color description : Mostly desaturated dark blue.

The hexadecimal color #536284 has RGB values of R:83, G:98, B:132 and CMYK values of C:0.37, M:0.26, Y:0, K:0.48. Its decimal value is 5464708.

Hex triplet	536284	`#536284`
RGB Decimal	83, 98, 132	`rgb(83,98,132)`
RGB Percent	32.5, 38.4, 51.8	`rgb(32.5%,38.4%,51.8%)`
CMYK	37, 26, 0, 48
HSL	221.6°, 22.8, 42.2	`hsl(221.6,22.8%,42.2%)`
HSV (or HSB)	221.6°, 37.1, 51.8
Web Safe	666699	`#666699`

CIE-LAB	41.595, 3.266, -20.758
XYZ	12.099, 12.24, 23.554
xyY	0.253, 0.256, 12.24
CIE-LCH	41.595, 21.013, 278.942
CIE-LUV	41.595, -8.731, -29.611
Hunter-Lab	34.986, 0.505, -15.426
Binary	01010011, 01100010, 10000100

#536284
```
#536284 rgb(83,98,132)
```
#847553
```
#847553 rgb(132,117,83)
```

Complementary Color

#537b84
```
#537b84 rgb(83,123,132)
```
#536284
```
#536284 rgb(83,98,132)
```
#5d5384
```
#5d5384 rgb(93,83,132)
```

Analogous Color

#7b8453
```
#7b8453 rgb(123,132,83)
```
#536284
```
#536284 rgb(83,98,132)
```
#845d53
```
#845d53 rgb(132,93,83)
```

Split Complementary Color

#628453
```
#628453 rgb(98,132,83)
```
#536284
```
#536284 rgb(83,98,132)
```
#845362
```
#845362 rgb(132,83,98)
```

Triadic Color

#538475
```
#538475 rgb(83,132,117)
```
#536284
```
#536284 rgb(83,98,132)
```
#845362
```
#845362 rgb(132,83,98)
```
#847553
```
#847553 rgb(132,117,83)
```

Tetradic Color

#353f55
```
#353f55 rgb(53,63,85)
```
#3f4b65
```
#3f4b65 rgb(63,75,101)
```
#495674
```
#495674 rgb(73,86,116)
```
#536284
```
#536284 rgb(83,98,132)
```
#5d6e94
```
#5d6e94 rgb(93,110,148)
```
#697aa1
```
#697aa1 rgb(105,122,161)
```
#7988ab
```
#7988ab rgb(121,136,171)
```

Monochromatic Color

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

#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)
```
#535a84
```
#535a84 rgb(83,90,132)
```
#535684
```
#535684 rgb(83,86,132)
```

Similar Colors

Text with hexadecimal color #536284

This text has a font color of #536284.

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

#536284 background color

This paragraph has a background color of #536284.

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

#536284 border color

This element has a border color of #536284.

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

CSS codes

.text {color:#536284;}

.background {background-color:#536284;}

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

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)
```
#0f1218
```
#0f1218 rgb(15,18,24)
```
#161a24
```
#161a24 rgb(22,26,36)
```
#1e2330
```
#1e2330 rgb(30,35,48)
```
#262c3c
```
#262c3c rgb(38,44,60)
```
#2d3548
```
#2d3548 rgb(45,53,72)
```
#353e54
```
#353e54 rgb(53,62,84)
```
#3c4760
```
#3c4760 rgb(60,71,96)
```
#44506c
```
#44506c rgb(68,80,108)
```
#4b5978
```
#4b5978 rgb(75,89,120)
```
#536284
```
#536284 rgb(83,98,132)
```
#5b6b90
```
#5b6b90 rgb(91,107,144)
```
#62749c
```
#62749c rgb(98,116,156)
```

Shade Color Variation

#6e7ea4
```
#6e7ea4 rgb(110,126,164)
```
#7a89ab
```
#7a89ab rgb(122,137,171)
```
#8694b3
```
#8694b3 rgb(134,148,179)
```
#929fbb
```
#929fbb rgb(146,159,187)
```
#9ea9c2
```
#9ea9c2 rgb(158,169,194)
```
#aab4ca
```
#aab4ca rgb(170,180,202)
```
#b6bfd1
```
#b6bfd1 rgb(182,191,209)
```
#c2c9d9
```
#c2c9d9 rgb(194,201,217)
```
#ced4e0
```
#ced4e0 rgb(206,212,224)
```
#dadfe8
```
#dadfe8 rgb(218,223,232)
```
#e6e9f0
```
#e6e9f0 rgb(230,233,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, #646873 is the less saturated color, while #0042d7 is the most saturated one.

#646873
```
#646873 rgb(100,104,115)
```
#5b657c
```
#5b657c rgb(91,101,124)
```
#536284
```
#536284 rgb(83,98,132)
```
#4b5f8c
```
#4b5f8c rgb(75,95,140)
```
#425c95
```
#425c95 rgb(66,92,149)
```
#3a589d
```
#3a589d rgb(58,88,157)
```
#3255a5
```
#3255a5 rgb(50,85,165)
```
#2a52ad
```
#2a52ad rgb(42,82,173)
```
#214fb6
```
#214fb6 rgb(33,79,182)
```
#194cbe
```
#194cbe rgb(25,76,190)
```
#1148c6
```
#1148c6 rgb(17,72,198)
```
#0945ce
```
#0945ce rgb(9,69,206)
```
#0042d7
```
#0042d7 rgb(0,66,215)
```

Tone Color Variation

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

Dichromacy

#606989 Protanopia 1% of men
#60688a Deuteranopia 1% of men
#566e76 Tritanopia 0.001% of the population

Trichromacy

#5b6687 Protanomaly 1% of men, 0.01% of women
#5b6688 Deuteranomaly 6% of men, 0.4% of women
#54697b Tritanomaly 0.01% of the population

#536284 hex color

#536284 Color Information

#536284 Color Conversion

Color Schemes with #536284

Alternatives to #536284

#536284 Preview

Shades and Tints of #536284

Tones of #536284

Color Blindness Simulator