#536f83 hex color

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

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

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

The hexadecimal color #536f83 has RGB values of R:83, G:111, B:131 and CMYK values of C:0.37, M:0.15, Y:0, K:0.49. Its decimal value is 5468035.

Hex triplet	536f83	`#536f83`
RGB Decimal	83, 111, 131	`rgb(83,111,131)`
RGB Percent	32.5, 43.5, 51.4	`rgb(32.5%,43.5%,51.4%)`
CMYK	37, 15, 0, 49
HSL	205°, 22.4, 42	`hsl(205,22.4%,42%)`
HSV (or HSB)	205°, 36.6, 51.4
Web Safe	666699	`#666699`

CIE-LAB	45.423, -4.862, -14.294
XYZ	13.348, 14.846, 23.634
xyY	0.258, 0.286, 14.846
CIE-LCH	45.423, 15.099, 251.215
CIE-LUV	45.423, -14.111, -19.501
Hunter-Lab	38.531, -5.594, -9.396
Binary	01010011, 01101111, 10000011

#536f83
```
#536f83 rgb(83,111,131)
```
#836753
```
#836753 rgb(131,103,83)
```

Complementary Color

#53837f
```
#53837f rgb(83,131,127)
```
#536f83
```
#536f83 rgb(83,111,131)
```
#535783
```
#535783 rgb(83,87,131)
```

Analogous Color

#837f53
```
#837f53 rgb(131,127,83)
```
#536f83
```
#536f83 rgb(83,111,131)
```
#835357
```
#835357 rgb(131,83,87)
```

Split Complementary Color

#6f8353
```
#6f8353 rgb(111,131,83)
```
#536f83
```
#536f83 rgb(83,111,131)
```
#83536f
```
#83536f rgb(131,83,111)
```

Triadic Color

#538367
```
#538367 rgb(83,131,103)
```
#536f83
```
#536f83 rgb(83,111,131)
```
#83536f
```
#83536f rgb(131,83,111)
```
#836753
```
#836753 rgb(131,103,83)
```

Tetradic Color

#354754
```
#354754 rgb(53,71,84)
```
#3f5564
```
#3f5564 rgb(63,85,100)
```
#496273
```
#496273 rgb(73,98,115)
```
#536f83
```
#536f83 rgb(83,111,131)
```
#5d7c93
```
#5d7c93 rgb(93,124,147)
```
#6989a0
```
#6989a0 rgb(105,137,160)
```
#7995aa
```
#7995aa rgb(121,149,170)
```

Monochromatic Color

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

#537b83
```
#537b83 rgb(83,123,131)
```
#537783
```
#537783 rgb(83,119,131)
```
#537383
```
#537383 rgb(83,115,131)
```
#536f83
```
#536f83 rgb(83,111,131)
```
#536b83
```
#536b83 rgb(83,107,131)
```
#536783
```
#536783 rgb(83,103,131)
```
#536383
```
#536383 rgb(83,99,131)
```

Similar Colors

Text with hexadecimal color #536f83

This text has a font color of #536f83.

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

#536f83 background color

This paragraph has a background color of #536f83.

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

#536f83 border color

This element has a border color of #536f83.

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

CSS codes

.text {color:#536f83;}

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

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

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)
```
#0f1317
```
#0f1317 rgb(15,19,23)
```
#161e23
```
#161e23 rgb(22,30,35)
```
#1e282f
```
#1e282f rgb(30,40,47)
```
#25323b
```
#25323b rgb(37,50,59)
```
#2d3c47
```
#2d3c47 rgb(45,60,71)
```
#354653
```
#354653 rgb(53,70,83)
```
#3c505f
```
#3c505f rgb(60,80,95)
```
#445b6b
```
#445b6b rgb(68,91,107)
```
#4b6577
```
#4b6577 rgb(75,101,119)
```
#536f83
```
#536f83 rgb(83,111,131)
```
#5b798f
```
#5b798f rgb(91,121,143)
```
#62839b
```
#62839b rgb(98,131,155)
```

Shade Color Variation

#6e8da3
```
#6e8da3 rgb(110,141,163)
```
#7a96ab
```
#7a96ab rgb(122,150,171)
```
#86a0b2
```
#86a0b2 rgb(134,160,178)
```
#92a9ba
```
#92a9ba rgb(146,169,186)
```
#9eb3c1
```
#9eb3c1 rgb(158,179,193)
```
#aabcc9
```
#aabcc9 rgb(170,188,201)
```
#b6c6d1
```
#b6c6d1 rgb(182,198,209)
```
#c2cfd8
```
#c2cfd8 rgb(194,207,216)
```
#ced8e0
```
#ced8e0 rgb(206,216,224)
```
#dae2e7
```
#dae2e7 rgb(218,226,231)
```
#e6ebef
```
#e6ebef rgb(230,235,239)
```
#f2f5f7
```
#f2f5f7 rgb(242,245,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#636c73
```
#636c73 rgb(99,108,115)
```
#5b6e7b
```
#5b6e7b rgb(91,110,123)
```
#536f83
```
#536f83 rgb(83,111,131)
```
#4b708b
```
#4b708b rgb(75,112,139)
```
#437293
```
#437293 rgb(67,114,147)
```
#3a739c
```
#3a739c rgb(58,115,156)
```
#3274a4
```
#3274a4 rgb(50,116,164)
```
#2a76ac
```
#2a76ac rgb(42,118,172)
```
#2277b4
```
#2277b4 rgb(34,119,180)
```
#1979bd
```
#1979bd rgb(25,121,189)
```
#117ac5
```
#117ac5 rgb(17,122,197)
```
#097bcd
```
#097bcd rgb(9,123,205)
```
#017dd5
```
#017dd5 rgb(1,125,213)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#656a6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e7286 Protanopia 1% of men
#70718b Deuteranopia 1% of men
#597880 Tritanopia 0.001% of the population

Trichromacy

#647185 Protanomaly 1% of men, 0.01% of women
#667088 Deuteranomaly 6% of men, 0.4% of women
#577481 Tritanomaly 0.01% of the population

#536f83 hex color

#536f83 Color Information

#536f83 Color Conversion

Color Schemes with #536f83

Alternatives to #536f83

#536f83 Preview

Shades and Tints of #536f83

Tones of #536f83

Color Blindness Simulator