#536883 hex color

In a RGB color space, hex #536883 is composed of 32.5% red, 40.8% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 36.6% cyan, 20.6% magenta, 0% yellow and 48.6% black. It has a hue angle of 213.8 degrees, a saturation of 22.4% and a lightness of 42%. #536883 color hex could be obtained by blending #a6d0ff with #000007. Closest websafe color is: #666699.

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

● #536883 color description : Mostly desaturated dark blue.

The hexadecimal color #536883 has RGB values of R:83, G:104, B:131 and CMYK values of C:0.37, M:0.21, Y:0, K:0.49. Its decimal value is 5466243.

Hex triplet	536883	`#536883`
RGB Decimal	83, 104, 131	`rgb(83,104,131)`
RGB Percent	32.5, 40.8, 51.4	`rgb(32.5%,40.8%,51.4%)`
CMYK	37, 21, 0, 49
HSL	213.8°, 22.4, 42	`hsl(213.8,22.4%,42%)`
HSV (or HSB)	213.8°, 36.6, 51.4
Web Safe	666699	`#666699`

CIE-LAB	43.327, -0.685, -17.491
XYZ	12.613, 13.378, 23.389
xyY	0.255, 0.271, 13.378
CIE-LCH	43.327, 17.504, 267.758
CIE-LUV	43.327, -11.175, -24.538
Hunter-Lab	36.576, -2.451, -12.311
Binary	01010011, 01101000, 10000011

#536883
```
#536883 rgb(83,104,131)
```
#836e53
```
#836e53 rgb(131,110,83)
```

Complementary Color

#538083
```
#538083 rgb(83,128,131)
```
#536883
```
#536883 rgb(83,104,131)
```
#565383
```
#565383 rgb(86,83,131)
```

Analogous Color

#808353
```
#808353 rgb(128,131,83)
```
#536883
```
#536883 rgb(83,104,131)
```
#835653
```
#835653 rgb(131,86,83)
```

Split Complementary Color

#688353
```
#688353 rgb(104,131,83)
```
#536883
```
#536883 rgb(83,104,131)
```
#835368
```
#835368 rgb(131,83,104)
```

Triadic Color

#53836e
```
#53836e rgb(83,131,110)
```
#536883
```
#536883 rgb(83,104,131)
```
#835368
```
#835368 rgb(131,83,104)
```
#836e53
```
#836e53 rgb(131,110,83)
```

Tetradic Color

#354354
```
#354354 rgb(53,67,84)
```
#3f4f64
```
#3f4f64 rgb(63,79,100)
```
#495c73
```
#495c73 rgb(73,92,115)
```
#536883
```
#536883 rgb(83,104,131)
```
#5d7493
```
#5d7493 rgb(93,116,147)
```
#6981a0
```
#6981a0 rgb(105,129,160)
```
#798eaa
```
#798eaa rgb(121,142,170)
```

Monochromatic Color

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

#537483
```
#537483 rgb(83,116,131)
```
#537083
```
#537083 rgb(83,112,131)
```
#536c83
```
#536c83 rgb(83,108,131)
```
#536883
```
#536883 rgb(83,104,131)
```
#536483
```
#536483 rgb(83,100,131)
```
#536083
```
#536083 rgb(83,96,131)
```
#535c83
```
#535c83 rgb(83,92,131)
```

Similar Colors

Text with hexadecimal color #536883

This text has a font color of #536883.

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

#536883 background color

This paragraph has a background color of #536883.

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

#536883 border color

This element has a border color of #536883.

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

CSS codes

.text {color:#536883;}

.background {background-color:#536883;}

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

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

#07090b
```
#07090b rgb(7,9,11)
```
#0f1217
```
#0f1217 rgb(15,18,23)
```
#161c23
```
#161c23 rgb(22,28,35)
```
#1e252f
```
#1e252f rgb(30,37,47)
```
#252f3b
```
#252f3b rgb(37,47,59)
```
#2d3847
```
#2d3847 rgb(45,56,71)
```
#354253
```
#354253 rgb(53,66,83)
```
#3c4b5f
```
#3c4b5f rgb(60,75,95)
```
#44556b
```
#44556b rgb(68,85,107)
```
#4b5e77
```
#4b5e77 rgb(75,94,119)
```
#536883
```
#536883 rgb(83,104,131)
```
#5b728f
```
#5b728f rgb(91,114,143)
```
#627b9b
```
#627b9b rgb(98,123,155)
```

Shade Color Variation

#6e85a3
```
#6e85a3 rgb(110,133,163)
```
#7a8fab
```
#7a8fab rgb(122,143,171)
```
#8699b2
```
#8699b2 rgb(134,153,178)
```
#92a3ba
```
#92a3ba rgb(146,163,186)
```
#9eadc1
```
#9eadc1 rgb(158,173,193)
```
#aab8c9
```
#aab8c9 rgb(170,184,201)
```
#b6c2d1
```
#b6c2d1 rgb(182,194,209)
```
#c2ccd8
```
#c2ccd8 rgb(194,204,216)
```
#ced6e0
```
#ced6e0 rgb(206,214,224)
```
#dae0e7
```
#dae0e7 rgb(218,224,231)
```
#e6eaef
```
#e6eaef rgb(230,234,239)
```
#f2f4f7
```
#f2f4f7 rgb(242,244,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#636a73
```
#636a73 rgb(99,106,115)
```
#5b697b
```
#5b697b rgb(91,105,123)
```
#536883
```
#536883 rgb(83,104,131)
```
#4b678b
```
#4b678b rgb(75,103,139)
```
#436693
```
#436693 rgb(67,102,147)
```
#3a659c
```
#3a659c rgb(58,101,156)
```
#3264a4
```
#3264a4 rgb(50,100,164)
```
#2a63ac
```
#2a63ac rgb(42,99,172)
```
#2262b4
```
#2262b4 rgb(34,98,180)
```
#1961bd
```
#1961bd rgb(25,97,189)
```
#1160c5
```
#1160c5 rgb(17,96,197)
```
#095fcd
```
#095fcd rgb(9,95,205)
```
#015ed5
```
#015ed5 rgb(1,94,213)
```

Tone Color Variation

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

#676d87 Protanopia 1% of men
#686c8a Deuteranopia 1% of men
#57727a Tritanopia 0.001% of the population

Trichromacy

#5f6b86 Protanomaly 1% of men, 0.01% of women
#606a87 Deuteranomaly 6% of men, 0.4% of women
#556e7d Tritanomaly 0.01% of the population

#536883 hex color

#536883 Color Information

#536883 Color Conversion

Color Schemes with #536883

Alternatives to #536883

#536883 Preview

Shades and Tints of #536883

Tones of #536883

Color Blindness Simulator