#535f72 hex color

In a RGB color space, hex #535f72 is composed of 32.5% red, 37.3% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 27.2% cyan, 16.7% magenta, 0% yellow and 55.3% black. It has a hue angle of 216.8 degrees, a saturation of 15.7% and a lightness of 38.6%. #535f72 color hex could be obtained by blending #a6bee4 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 37
- B 45
RGB color chart
- C 27
- M 17
- Y 0
- K 55
CMYK color chart

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

The hexadecimal color #535f72 has RGB values of R:83, G:95, B:114 and CMYK values of C:0.27, M:0.17, Y:0, K:0.55. Its decimal value is 5463922.

Hex triplet	535f72	`#535f72`
RGB Decimal	83, 95, 114	`rgb(83,95,114)`
RGB Percent	32.5, 37.3, 44.7	`rgb(32.5%,37.3%,44.7%)`
CMYK	27, 17, 0, 55
HSL	216.8°, 15.7, 38.6	`hsl(216.8,15.7%,38.6%)`
HSV (or HSB)	216.8°, 27.2, 44.7
Web Safe	666666	`#666666`

CIE-LAB	39.979, 0.11, -12.275
XYZ	10.696, 11.238, 17.524
xyY	0.271, 0.285, 11.238
CIE-LCH	39.979, 12.276, 270.515
CIE-LUV	39.979, -6.911, -16.67
Hunter-Lab	33.523, -1.713, -7.528
Binary	01010011, 01011111, 01110010

#535f72
```
#535f72 rgb(83,95,114)
```
#726653
```
#726653 rgb(114,102,83)
```

Complementary Color

#536f72
```
#536f72 rgb(83,111,114)
```
#535f72
```
#535f72 rgb(83,95,114)
```
#575372
```
#575372 rgb(87,83,114)
```

Analogous Color

#6f7253
```
#6f7253 rgb(111,114,83)
```
#535f72
```
#535f72 rgb(83,95,114)
```
#725753
```
#725753 rgb(114,87,83)
```

Split Complementary Color

#5f7253
```
#5f7253 rgb(95,114,83)
```
#535f72
```
#535f72 rgb(83,95,114)
```
#72535f
```
#72535f rgb(114,83,95)
```

Triadic Color

#537266
```
#537266 rgb(83,114,102)
```
#535f72
```
#535f72 rgb(83,95,114)
```
#72535f
```
#72535f rgb(114,83,95)
```
#726653
```
#726653 rgb(114,102,83)
```

Tetradic Color

#333a46
```
#333a46 rgb(51,58,70)
```
#3e4654
```
#3e4654 rgb(62,70,84)
```
#485363
```
#485363 rgb(72,83,99)
```
#535f72
```
#535f72 rgb(83,95,114)
```
#5e6b81
```
#5e6b81 rgb(94,107,129)
```
#687890
```
#687890 rgb(104,120,144)
```
#76859b
```
#76859b rgb(118,133,155)
```

Monochromatic Color

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

#536772
```
#536772 rgb(83,103,114)
```
#536472
```
#536472 rgb(83,100,114)
```
#536272
```
#536272 rgb(83,98,114)
```
#535f72
```
#535f72 rgb(83,95,114)
```
#535c72
```
#535c72 rgb(83,92,114)
```
#535a72
```
#535a72 rgb(83,90,114)
```
#535772
```
#535772 rgb(83,87,114)
```

Similar Colors

Text with hexadecimal color #535f72

This text has a font color of #535f72.

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

#535f72 background color

This paragraph has a background color of #535f72.

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

#535f72 border color

This element has a border color of #535f72.

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

CSS codes

.text {color:#535f72;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#090a0c
```
#090a0c rgb(9,10,12)
```
#111317
```
#111317 rgb(17,19,23)
```
#191d23
```
#191d23 rgb(25,29,35)
```
#21262e
```
#21262e rgb(33,38,46)
```
#2a3039
```
#2a3039 rgb(42,48,57)
```
#323945
```
#323945 rgb(50,57,69)
```
#3a4350
```
#3a4350 rgb(58,67,80)
```
#424c5b
```
#424c5b rgb(66,76,91)
```
#4b5667
```
#4b5667 rgb(75,86,103)
```
#535f72
```
#535f72 rgb(83,95,114)
```
#5b687d
```
#5b687d rgb(91,104,125)
```
#647289
```
#647289 rgb(100,114,137)
```

Shade Color Variation

#6c7b94
```
#6c7b94 rgb(108,123,148)
```
#77869c
```
#77869c rgb(119,134,156)
```
#8390a4
```
#8390a4 rgb(131,144,164)
```
#8e9aad
```
#8e9aad rgb(142,154,173)
```
#99a4b5
```
#99a4b5 rgb(153,164,181)
```
#a5aebd
```
#a5aebd rgb(165,174,189)
```
#b0b8c6
```
#b0b8c6 rgb(176,184,198)
```
#bbc3ce
```
#bbc3ce rgb(187,195,206)
```
#c7cdd6
```
#c7cdd6 rgb(199,205,214)
```
#d2d7de
```
#d2d7de rgb(210,215,222)
```
#dde1e7
```
#dde1e7 rgb(221,225,231)
```
#e9ebef
```
#e9ebef rgb(233,235,239)
```
#f4f5f7
```
#f4f5f7 rgb(244,245,247)
```

Tint Color Variation

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

#626263
```
#626263 rgb(98,98,99)
```
#5b616a
```
#5b616a rgb(91,97,106)
```
#535f72
```
#535f72 rgb(83,95,114)
```
#4b5d7a
```
#4b5d7a rgb(75,93,122)
```
#445c81
```
#445c81 rgb(68,92,129)
```
#3c5a89
```
#3c5a89 rgb(60,90,137)
```
#355890
```
#355890 rgb(53,88,144)
```
#2d5698
```
#2d5698 rgb(45,86,152)
```
#26559f
```
#26559f rgb(38,85,159)
```
#1e53a7
```
#1e53a7 rgb(30,83,167)
```
#1651af
```
#1651af rgb(22,81,175)
```
#0f50b6
```
#0f50b6 rgb(15,80,182)
```
#074ebe
```
#074ebe rgb(7,78,190)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#5c5e62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#626578 Protanopia 1% of men
#65647a Deuteranopia 1% of men
#596870 Tritanopia 0.001% of the population

Trichromacy

#5c6376 Protanomaly 1% of men, 0.01% of women
#5e6277 Deuteranomaly 6% of men, 0.4% of women
#576571 Tritanomaly 0.01% of the population

#535f72 hex color

#535f72 Color Information

#535f72 Color Conversion

Color Schemes with #535f72

Alternatives to #535f72

#535f72 Preview

Shades and Tints of #535f72

Tones of #535f72

Color Blindness Simulator