#535f71 hex color

In a RGB color space, hex #535f71 is composed of 32.5% red, 37.3% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 15.9% magenta, 0% yellow and 55.7% black. It has a hue angle of 216 degrees, a saturation of 15.3% and a lightness of 38.4%. #535f71 color hex could be obtained by blending #a6bee2 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 37
- B 44
RGB color chart
- C 27
- M 16
- Y 0
- K 56
CMYK color chart

● #535f71 color description : Very dark grayish blue.

The hexadecimal color #535f71 has RGB values of R:83, G:95, B:113 and CMYK values of C:0.27, M:0.16, Y:0, K:0.56. Its decimal value is 5463921.

Hex triplet	535f71	`#535f71`
RGB Decimal	83, 95, 113	`rgb(83,95,113)`
RGB Percent	32.5, 37.3, 44.3	`rgb(32.5%,37.3%,44.3%)`
CMYK	27, 16, 0, 56
HSL	216°, 15.3, 38.4	`hsl(216,15.3%,38.4%)`
HSV (or HSB)	216°, 26.5, 44.3
Web Safe	666666	`#666666`

CIE-LAB	39.941, -0.154, -11.72
XYZ	10.639, 11.215, 17.226
xyY	0.272, 0.287, 11.215
CIE-LCH	39.941, 11.721, 269.246
CIE-LUV	39.941, -6.878, -15.845
Hunter-Lab	33.489, -1.898, -7.055
Binary	01010011, 01011111, 01110001

#535f71
```
#535f71 rgb(83,95,113)
```
#716553
```
#716553 rgb(113,101,83)
```

Complementary Color

#536e71
```
#536e71 rgb(83,110,113)
```
#535f71
```
#535f71 rgb(83,95,113)
```
#565371
```
#565371 rgb(86,83,113)
```

Analogous Color

#6e7153
```
#6e7153 rgb(110,113,83)
```
#535f71
```
#535f71 rgb(83,95,113)
```
#715653
```
#715653 rgb(113,86,83)
```

Split Complementary Color

#5f7153
```
#5f7153 rgb(95,113,83)
```
#535f71
```
#535f71 rgb(83,95,113)
```
#71535f
```
#71535f rgb(113,83,95)
```

Triadic Color

#537165
```
#537165 rgb(83,113,101)
```
#535f71
```
#535f71 rgb(83,95,113)
```
#71535f
```
#71535f rgb(113,83,95)
```
#716553
```
#716553 rgb(113,101,83)
```

Tetradic Color

#333a45
```
#333a45 rgb(51,58,69)
```
#3d4654
```
#3d4654 rgb(61,70,84)
```
#485362
```
#485362 rgb(72,83,98)
```
#535f71
```
#535f71 rgb(83,95,113)
```
#5e6b80
```
#5e6b80 rgb(94,107,128)
```
#69788e
```
#69788e rgb(105,120,142)
```
#76859a
```
#76859a rgb(118,133,154)
```

Monochromatic Color

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

#536771
```
#536771 rgb(83,103,113)
```
#536471
```
#536471 rgb(83,100,113)
```
#536271
```
#536271 rgb(83,98,113)
```
#535f71
```
#535f71 rgb(83,95,113)
```
#535d71
```
#535d71 rgb(83,93,113)
```
#535a71
```
#535a71 rgb(83,90,113)
```
#535871
```
#535871 rgb(83,88,113)
```

Similar Colors

Text with hexadecimal color #535f71

This text has a font color of #535f71.

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

#535f71 background color

This paragraph has a background color of #535f71.

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

#535f71 border color

This element has a border color of #535f71.

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

CSS codes

.text {color:#535f71;}

.background {background-color:#535f71;}

.border {border:1px solid #535f71;}

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

#08090b
```
#08090b rgb(8,9,11)
```
#111317
```
#111317 rgb(17,19,23)
```
#191c22
```
#191c22 rgb(25,28,34)
```
#21262d
```
#21262d rgb(33,38,45)
```
#292f38
```
#292f38 rgb(41,47,56)
```
#323944
```
#323944 rgb(50,57,68)
```
#3a424f
```
#3a424f rgb(58,66,79)
```
#424c5a
```
#424c5a rgb(66,76,90)
```
#4b5566
```
#4b5566 rgb(75,85,102)
```
#535f71
```
#535f71 rgb(83,95,113)
```
#5b697c
```
#5b697c rgb(91,105,124)
```
#647288
```
#647288 rgb(100,114,136)
```
#6c7c93
```
#6c7c93 rgb(108,124,147)
```

Shade Color Variation

#77869b
```
#77869b rgb(119,134,155)
```
#8390a4
```
#8390a4 rgb(131,144,164)
```
#8e9aac
```
#8e9aac rgb(142,154,172)
```
#99a4b4
```
#99a4b4 rgb(153,164,180)
```
#a4aebc
```
#a4aebc rgb(164,174,188)
```
#b0b8c5
```
#b0b8c5 rgb(176,184,197)
```
#bbc2cd
```
#bbc2cd rgb(187,194,205)
```
#c6ccd5
```
#c6ccd5 rgb(198,204,213)
```
#d2d6de
```
#d2d6de rgb(210,214,222)
```
#dde1e6
```
#dde1e6 rgb(221,225,230)
```
#e8ebee
```
#e8ebee rgb(232,235,238)
```
#f4f5f7
```
#f4f5f7 rgb(244,245,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b6169 is the less saturated color, while #004ec4 is the most saturated one.

#5b6169
```
#5b6169 rgb(91,97,105)
```
#535f71
```
#535f71 rgb(83,95,113)
```
#4b5d79
```
#4b5d79 rgb(75,93,121)
```
#445c80
```
#445c80 rgb(68,92,128)
```
#3c5a88
```
#3c5a88 rgb(60,90,136)
```
#35598f
```
#35598f rgb(53,89,143)
```
#2d5797
```
#2d5797 rgb(45,87,151)
```
#26569e
```
#26569e rgb(38,86,158)
```
#1e54a6
```
#1e54a6 rgb(30,84,166)
```
#1753ad
```
#1753ad rgb(23,83,173)
```
#0f51b5
```
#0f51b5 rgb(15,81,181)
```
#0850bc
```
#0850bc rgb(8,80,188)
```
#004ec4
```
#004ec4 rgb(0,78,196)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#5b5d61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#626577 Protanopia 1% of men
#666479 Deuteranopia 1% of men
#596870 Tritanopia 0.001% of the population

Trichromacy

#5c6375 Protanomaly 1% of men, 0.01% of women
#5f6276 Deuteranomaly 6% of men, 0.4% of women
#576570 Tritanomaly 0.01% of the population

#535f71 hex color

#535f71 Color Information

#535f71 Color Conversion

Color Schemes with #535f71

Alternatives to #535f71

#535f71 Preview

Shades and Tints of #535f71

Tones of #535f71

Color Blindness Simulator