colorhexa.com

#535f62 hex color

In a RGB color space, hex #535f62 is composed of 32.5% red, 37.3% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 15.3% cyan, 3.1% magenta, 0% yellow and 61.6% black. It has a hue angle of 192 degrees, a saturation of 8.3% and a lightness of 35.5%. #535f62 color hex could be obtained by blending #a6bec4 with #000000. Closest websafe color is: #666666.

- R 33
- G 37
- B 38
RGB color chart
- C 15
- M 3
- Y 0
- K 62
CMYK color chart

● #535f62 color description : Very dark grayish cyan.

The hexadecimal color #535f62 has RGB values of R:83, G:95, B:98 and CMYK values of C:0.15, M:0.03, Y:0, K:0.62. Its decimal value is 5463906.

Hex triplet	535f62	`#535f62`
RGB Decimal	83, 95, 98	`rgb(83,95,98)`
RGB Percent	32.5, 37.3, 38.4	`rgb(32.5%,37.3%,38.4%)`
CMYK	15, 3, 0, 62
HSL	192°, 8.3, 35.5	`hsl(192,8.3%,35.5%)`
HSV (or HSB)	192°, 15.3, 38.4
Web Safe	666666	`#666666`

CIE-LAB	39.42, -3.915, -3.282
XYZ	9.864, 10.905, 13.14
xyY	0.291, 0.322, 10.905
CIE-LCH	39.42, 5.109, 219.972
CIE-LUV	39.42, -6.398, -3.717
Hunter-Lab	33.023, -4.474, -0.476
Binary	01010011, 01011111, 01100010

#535f62
```
#535f62 rgb(83,95,98)
```
#625653
```
#625653 rgb(98,86,83)
```

Complementary Color

#53625e
```
#53625e rgb(83,98,94)
```
#535f62
```
#535f62 rgb(83,95,98)
```
#535862
```
#535862 rgb(83,88,98)
```

Analogous Color

#625e53
```
#625e53 rgb(98,94,83)
```
#535f62
```
#535f62 rgb(83,95,98)
```
#625358
```
#625358 rgb(98,83,88)
```

Split Complementary Color

#303739
```
#303739 rgb(48,55,57)
```
#3c4446
```
#3c4446 rgb(60,68,70)
```
#475254
```
#475254 rgb(71,82,84)
```
#535f62
```
#535f62 rgb(83,95,98)
```
#5f6c70
```
#5f6c70 rgb(95,108,112)
```
#6a7a7e
```
#6a7a7e rgb(106,122,126)
```
#76878b
```
#76878b rgb(118,135,139)
```

Monochromatic Color

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

#536261
```
#536261 rgb(83,98,97)
```
#536262
```
#536262 rgb(83,98,98)
```
#536062
```
#536062 rgb(83,96,98)
```
#535f62
```
#535f62 rgb(83,95,98)
```
#535e62
```
#535e62 rgb(83,94,98)
```
#535d62
```
#535d62 rgb(83,93,98)
```
#535b62
```
#535b62 rgb(83,91,98)
```

Similar Colors

Text with hexadecimal color #535f62

This text has a font color of #535f62.

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

#535f62 background color

This paragraph has a background color of #535f62.

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

#535f62 border color

This element has a border color of #535f62.

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

CSS codes

.text {color:#535f62;}

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

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0b0d0d
```
#0b0d0d rgb(11,13,13)
```
#141718
```
#141718 rgb(20,23,24)
```
#1d2122
```
#1d2122 rgb(29,33,34)
```
#262c2d
```
#262c2d rgb(38,44,45)
```
#2f3638
```
#2f3638 rgb(47,54,56)
```
#384042
```
#384042 rgb(56,64,66)
```
#414a4d
```
#414a4d rgb(65,74,77)
```
#4a5557
```
#4a5557 rgb(74,85,87)
```
#535f62
```
#535f62 rgb(83,95,98)
```
#5c696d
```
#5c696d rgb(92,105,109)
```
#657477
```
#657477 rgb(101,116,119)
```
#6e7e82
```
#6e7e82 rgb(110,126,130)
```

Shade Color Variation

#77888c
```
#77888c rgb(119,136,140)
```
#829195
```
#829195 rgb(130,145,149)
```
#8d9b9e
```
#8d9b9e rgb(141,155,158)
```
#97a4a7
```
#97a4a7 rgb(151,164,167)
```
#a2adb0
```
#a2adb0 rgb(162,173,176)
```
#acb7b9
```
#acb7b9 rgb(172,183,185)
```
#b7c0c2
```
#b7c0c2 rgb(183,192,194)
```
#c2c9cb
```
#c2c9cb rgb(194,201,203)
```
#ccd3d4
```
#ccd3d4 rgb(204,211,212)
```
#d7dcdd
```
#d7dcdd rgb(215,220,221)
```
#e2e5e6
```
#e2e5e6 rgb(226,229,230)
```
#eceeef
```
#eceeef rgb(236,238,239)
```
#f7f8f8
```
#f7f8f8 rgb(247,248,248)
```

Tint Color Variation

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

#5a5b5b
```
#5a5b5b rgb(90,91,91)
```
#535f62
```
#535f62 rgb(83,95,98)
```
#4c6369
```
#4c6369 rgb(76,99,105)
```
#456770
```
#456770 rgb(69,103,112)
```
#3e6c77
```
#3e6c77 rgb(62,108,119)
```
#37707e
```
#37707e rgb(55,112,126)
```
#307485
```
#307485 rgb(48,116,133)
```
#29788c
```
#29788c rgb(41,120,140)
```
#227c93
```
#227c93 rgb(34,124,147)
```
#1b809a
```
#1b809a rgb(27,128,154)
```
#1485a1
```
#1485a1 rgb(20,133,161)
```
#0d89a8
```
#0d89a8 rgb(13,137,168)
```
#068daf
```
#068daf rgb(6,141,175)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#5a5d5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#656468 Protanopia 1% of men
#6b626b Deuteranopia 1% of men
#5c666e Tritanopia 0.001% of the population

Trichromacy

#5f6266 Protanomaly 1% of men, 0.01% of women
#626168 Deuteranomaly 6% of men, 0.4% of women
#596369 Tritanomaly 0.01% of the population