#536f79 hex color

In a RGB color space, hex #536f79 is composed of 32.5% red, 43.5% green and 47.5% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 8.3% magenta, 0% yellow and 52.5% black. It has a hue angle of 195.8 degrees, a saturation of 18.6% and a lightness of 40%. #536f79 color hex could be obtained by blending #a6def2 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 44
- B 47
RGB color chart
- C 31
- M 8
- Y 0
- K 53
CMYK color chart

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

The hexadecimal color #536f79 has RGB values of R:83, G:111, B:121 and CMYK values of C:0.31, M:0.08, Y:0, K:0.53. Its decimal value is 5468025.

Hex triplet	536f79	`#536f79`
RGB Decimal	83, 111, 121	`rgb(83,111,121)`
RGB Percent	32.5, 43.5, 47.5	`rgb(32.5%,43.5%,47.5%)`
CMYK	31, 8, 0, 53
HSL	195.8°, 18.6, 40	`hsl(195.8,18.6%,40%)`
HSV (or HSB)	195.8°, 31.4, 47.5
Web Safe	666666	`#666666`

CIE-LAB	45.065, -7.577, -8.849
XYZ	12.702, 14.588, 20.235
xyY	0.267, 0.307, 14.588
CIE-LCH	45.065, 11.649, 229.427
CIE-LUV	45.065, -14.044, -11.163
Hunter-Lab	38.194, -7.476, -4.675
Binary	01010011, 01101111, 01111001

#536f79
```
#536f79 rgb(83,111,121)
```
#795d53
```
#795d53 rgb(121,93,83)
```

Complementary Color

#537970
```
#537970 rgb(83,121,112)
```
#536f79
```
#536f79 rgb(83,111,121)
```
#535c79
```
#535c79 rgb(83,92,121)
```

Analogous Color

#797053
```
#797053 rgb(121,112,83)
```
#536f79
```
#536f79 rgb(83,111,121)
```
#79535c
```
#79535c rgb(121,83,92)
```

Split Complementary Color

#6f7953
```
#6f7953 rgb(111,121,83)
```
#536f79
```
#536f79 rgb(83,111,121)
```
#79536f
```
#79536f rgb(121,83,111)
```

Triadic Color

#53795d
```
#53795d rgb(83,121,93)
```
#536f79
```
#536f79 rgb(83,111,121)
```
#79536f
```
#79536f rgb(121,83,111)
```
#795d53
```
#795d53 rgb(121,93,83)
```

Tetradic Color

#34454c
```
#34454c rgb(52,69,76)
```
#3e535b
```
#3e535b rgb(62,83,91)
```
#49616a
```
#49616a rgb(73,97,106)
```
#536f79
```
#536f79 rgb(83,111,121)
```
#5d7d88
```
#5d7d88 rgb(93,125,136)
```
#688b97
```
#688b97 rgb(104,139,151)
```
#7796a2
```
#7796a2 rgb(119,150,162)
```

Monochromatic Color

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

#537979
```
#537979 rgb(83,121,121)
```
#537579
```
#537579 rgb(83,117,121)
```
#537279
```
#537279 rgb(83,114,121)
```
#536f79
```
#536f79 rgb(83,111,121)
```
#536c79
```
#536c79 rgb(83,108,121)
```
#536979
```
#536979 rgb(83,105,121)
```
#536679
```
#536679 rgb(83,102,121)
```

Similar Colors

Text with hexadecimal color #536f79

This text has a font color of #536f79.

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

#536f79 background color

This paragraph has a background color of #536f79.

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

#536f79 border color

This element has a border color of #536f79.

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

CSS codes

.text {color:#536f79;}

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

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

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, #030405 is the darkest color, while #f8fafa is the lightest one.

#030405
```
#030405 rgb(3,4,5)
```
#0b0f10
```
#0b0f10 rgb(11,15,16)
```
#131a1c
```
#131a1c rgb(19,26,28)
```
#1b2428
```
#1b2428 rgb(27,36,40)
```
#232f33
```
#232f33 rgb(35,47,51)
```
#2b3a3f
```
#2b3a3f rgb(43,58,63)
```
#33444a
```
#33444a rgb(51,68,74)
```
#3b4f56
```
#3b4f56 rgb(59,79,86)
```
#435a62
```
#435a62 rgb(67,90,98)
```
#4b646d
```
#4b646d rgb(75,100,109)
```
#536f79
```
#536f79 rgb(83,111,121)
```
#5b7a85
```
#5b7a85 rgb(91,122,133)
```
#638490
```
#638490 rgb(99,132,144)
```

Shade Color Variation

#6c8e9a
```
#6c8e9a rgb(108,142,154)
```
#7897a2
```
#7897a2 rgb(120,151,162)
```
#84a0aa
```
#84a0aa rgb(132,160,170)
```
#8fa9b2
```
#8fa9b2 rgb(143,169,178)
```
#9bb2ba
```
#9bb2ba rgb(155,178,186)
```
#a7bbc2
```
#a7bbc2 rgb(167,187,194)
```
#b2c4ca
```
#b2c4ca rgb(178,196,202)
```
#becdd2
```
#becdd2 rgb(190,205,210)
```
#c9d6da
```
#c9d6da rgb(201,214,218)
```
#d5dfe2
```
#d5dfe2 rgb(213,223,226)
```
#e1e8ea
```
#e1e8ea rgb(225,232,234)
```
#ecf1f2
```
#ecf1f2 rgb(236,241,242)
```
#f8fafa
```
#f8fafa rgb(248,250,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #636869 is the less saturated color, while #0594c7 is the most saturated one.

#636869
```
#636869 rgb(99,104,105)
```
#5b6b71
```
#5b6b71 rgb(91,107,113)
```
#536f79
```
#536f79 rgb(83,111,121)
```
#4b7381
```
#4b7381 rgb(75,115,129)
```
#437689
```
#437689 rgb(67,118,137)
```
#3b7a91
```
#3b7a91 rgb(59,122,145)
```
#347e98
```
#347e98 rgb(52,126,152)
```
#2c82a0
```
#2c82a0 rgb(44,130,160)
```
#2485a8
```
#2485a8 rgb(36,133,168)
```
#1c89b0
```
#1c89b0 rgb(28,137,176)
```
#148db8
```
#148db8 rgb(20,141,184)
```
#0c90c0
```
#0c90c0 rgb(12,144,192)
```
#0594c7
```
#0594c7 rgb(5,148,199)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#64696b Atypical Achromatopsia 0.001% of the population

Dichromacy

#70717d Protanopia 1% of men
#746f82 Deuteranopia 1% of men
#5b767f Tritanopia 0.001% of the population

Trichromacy

#66707b Protanomaly 1% of men, 0.01% of women
#686f7e Deuteranomaly 6% of men, 0.4% of women
#58737c Tritanomaly 0.01% of the population

#536f79 hex color

#536f79 Color Information

#536f79 Color Conversion

Color Schemes with #536f79

Alternatives to #536f79

#536f79 Preview

Shades and Tints of #536f79

Tones of #536f79

Color Blindness Simulator