#536683 hex color

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

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

● #536683 color description : Mostly desaturated dark blue.

The hexadecimal color #536683 has RGB values of R:83, G:102, B:131 and CMYK values of C:0.37, M:0.22, Y:0, K:0.49. Its decimal value is 5465731.

Hex triplet	536683	`#536683`
RGB Decimal	83, 102, 131	`rgb(83,102,131)`
RGB Percent	32.5, 40, 51.4	`rgb(32.5%,40%,51.4%)`
CMYK	37, 22, 0, 49
HSL	216.3°, 22.4, 42	`hsl(216.3,22.4%,42%)`
HSV (or HSB)	216.3°, 36.6, 51.4
Web Safe	666699	`#666699`

CIE-LAB	42.733, 0.528, -18.402
XYZ	12.414, 12.98, 23.323
xyY	0.255, 0.266, 12.98
CIE-LCH	42.733, 18.409, 271.644
CIE-LUV	42.733, -10.346, -25.959
Hunter-Lab	36.028, -1.541, -13.162
Binary	01010011, 01100110, 10000011

#536683
```
#536683 rgb(83,102,131)
```
#837053
```
#837053 rgb(131,112,83)
```

Complementary Color

#537e83
```
#537e83 rgb(83,126,131)
```
#536683
```
#536683 rgb(83,102,131)
```
#585383
```
#585383 rgb(88,83,131)
```

Analogous Color

#7e8353
```
#7e8353 rgb(126,131,83)
```
#536683
```
#536683 rgb(83,102,131)
```
#835853
```
#835853 rgb(131,88,83)
```

Split Complementary Color

#668353
```
#668353 rgb(102,131,83)
```
#536683
```
#536683 rgb(83,102,131)
```
#835366
```
#835366 rgb(131,83,102)
```

Triadic Color

#538370
```
#538370 rgb(83,131,112)
```
#536683
```
#536683 rgb(83,102,131)
```
#835366
```
#835366 rgb(131,83,102)
```
#837053
```
#837053 rgb(131,112,83)
```

Tetradic Color

#354254
```
#354254 rgb(53,66,84)
```
#3f4e64
```
#3f4e64 rgb(63,78,100)
```
#495a73
```
#495a73 rgb(73,90,115)
```
#536683
```
#536683 rgb(83,102,131)
```
#5d7293
```
#5d7293 rgb(93,114,147)
```
#697fa0
```
#697fa0 rgb(105,127,160)
```
#798caa
```
#798caa rgb(121,140,170)
```

Monochromatic Color

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

#537283
```
#537283 rgb(83,114,131)
```
#536e83
```
#536e83 rgb(83,110,131)
```
#536a83
```
#536a83 rgb(83,106,131)
```
#536683
```
#536683 rgb(83,102,131)
```
#536283
```
#536283 rgb(83,98,131)
```
#535e83
```
#535e83 rgb(83,94,131)
```
#535a83
```
#535a83 rgb(83,90,131)
```

Similar Colors

Text with hexadecimal color #536683

This text has a font color of #536683.

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

#536683 background color

This paragraph has a background color of #536683.

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

#536683 border color

This element has a border color of #536683.

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

CSS codes

.text {color:#536683;}

.background {background-color:#536683;}

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

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)
```
#161b23
```
#161b23 rgb(22,27,35)
```
#1e252f
```
#1e252f rgb(30,37,47)
```
#252e3b
```
#252e3b rgb(37,46,59)
```
#2d3747
```
#2d3747 rgb(45,55,71)
```
#354153
```
#354153 rgb(53,65,83)
```
#3c4a5f
```
#3c4a5f rgb(60,74,95)
```
#44536b
```
#44536b rgb(68,83,107)
```
#4b5d77
```
#4b5d77 rgb(75,93,119)
```
#536683
```
#536683 rgb(83,102,131)
```
#5b6f8f
```
#5b6f8f rgb(91,111,143)
```
#62799b
```
#62799b rgb(98,121,155)
```

Shade Color Variation

#6e83a3
```
#6e83a3 rgb(110,131,163)
```
#7a8dab
```
#7a8dab rgb(122,141,171)
```
#8697b2
```
#8697b2 rgb(134,151,178)
```
#92a2ba
```
#92a2ba rgb(146,162,186)
```
#9eacc1
```
#9eacc1 rgb(158,172,193)
```
#aab6c9
```
#aab6c9 rgb(170,182,201)
```
#b6c0d1
```
#b6c0d1 rgb(182,192,209)
```
#c2cbd8
```
#c2cbd8 rgb(194,203,216)
```
#ced5e0
```
#ced5e0 rgb(206,213,224)
```
#dadfe7
```
#dadfe7 rgb(218,223,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, #636973 is the less saturated color, while #0155d5 is the most saturated one.

#636973
```
#636973 rgb(99,105,115)
```
#5b687b
```
#5b687b rgb(91,104,123)
```
#536683
```
#536683 rgb(83,102,131)
```
#4b648b
```
#4b648b rgb(75,100,139)
```
#436393
```
#436393 rgb(67,99,147)
```
#3a619c
```
#3a619c rgb(58,97,156)
```
#325fa4
```
#325fa4 rgb(50,95,164)
```
#2a5dac
```
#2a5dac rgb(42,93,172)
```
#225cb4
```
#225cb4 rgb(34,92,180)
```
#195abd
```
#195abd rgb(25,90,189)
```
#1158c5
```
#1158c5 rgb(17,88,197)
```
#0957cd
```
#0957cd rgb(9,87,205)
```
#0155d5
```
#0155d5 rgb(1,85,213)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#61646a Atypical Achromatopsia 0.001% of the population

Dichromacy

#656b88 Protanopia 1% of men
#666b8a Deuteranopia 1% of men
#577179 Tritanopia 0.001% of the population

Trichromacy

#5e6986 Protanomaly 1% of men, 0.01% of women
#5f6987 Deuteranomaly 6% of men, 0.4% of women
#556d7c Tritanomaly 0.01% of the population

#536683 hex color

#536683 Color Information

#536683 Color Conversion

Color Schemes with #536683

Alternatives to #536683

#536683 Preview

Shades and Tints of #536683

Tones of #536683

Color Blindness Simulator