#535363 hex color

In a RGB color space, hex #535363 is composed of 32.5% red, 32.5% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 16.2% cyan, 16.2% magenta, 0% yellow and 61.2% black. It has a hue angle of 240 degrees, a saturation of 8.8% and a lightness of 35.7%. #535363 color hex could be obtained by blending #a6a6c6 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 33
- B 39
RGB color chart
- C 16
- M 16
- Y 0
- K 61
CMYK color chart

● #535363 color description : Very dark grayish blue.

The hexadecimal color #535363 has RGB values of R:83, G:83, B:99 and CMYK values of C:0.16, M:0.16, Y:0, K:0.61. Its decimal value is 5460835.

Hex triplet	535363	`#535363`
RGB Decimal	83, 83, 99	`rgb(83,83,99)`
RGB Percent	32.5, 32.5, 38.8	`rgb(32.5%,32.5%,38.8%)`
CMYK	16, 16, 0, 61
HSL	240°, 8.8, 35.7	`hsl(240,8.8%,35.7%)`
HSV (or HSB)	240°, 16.2, 38.8
Web Safe	666666	`#666666`

CIE-LAB	35.842, 3.697, -9.243
XYZ	8.912, 8.926, 13.057
xyY	0.288, 0.289, 8.926
CIE-LCH	35.842, 9.955, 291.797
CIE-LUV	35.842, -0.905, -12.521
Hunter-Lab	29.877, 0.962, -4.998
Binary	01010011, 01010011, 01100011

#535363
```
#535363 rgb(83,83,99)
```
#636353
```
#636353 rgb(99,99,83)
```

Complementary Color

#535b63
```
#535b63 rgb(83,91,99)
```
#535363
```
#535363 rgb(83,83,99)
```
#5b5363
```
#5b5363 rgb(91,83,99)
```

Analogous Color

#5b6353
```
#5b6353 rgb(91,99,83)
```
#535363
```
#535363 rgb(83,83,99)
```
#635b53
```
#635b53 rgb(99,91,83)
```

Split Complementary Color

#536353
```
#536353 rgb(83,99,83)
```
#535363
```
#535363 rgb(83,83,99)
```
#635353
```
#635353 rgb(99,83,83)
```

Triadic Color

#536363
```
#536363 rgb(83,99,99)
```
#535363
```
#535363 rgb(83,83,99)
```
#635353
```
#635353 rgb(99,83,83)
```
#636353
```
#636353 rgb(99,99,83)
```

Tetradic Color

#303039
```
#303039 rgb(48,48,57)
```
#3c3c47
```
#3c3c47 rgb(60,60,71)
```
#474755
```
#474755 rgb(71,71,85)
```
#535363
```
#535363 rgb(83,83,99)
```
#5f5f71
```
#5f5f71 rgb(95,95,113)
```
#6a6a7f
```
#6a6a7f rgb(106,106,127)
```
#76768c
```
#76768c rgb(118,118,140)
```

Monochromatic Color

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

#535763
```
#535763 rgb(83,87,99)
```
#535663
```
#535663 rgb(83,86,99)
```
#535463
```
#535463 rgb(83,84,99)
```
#535363
```
#535363 rgb(83,83,99)
```
#545363
```
#545363 rgb(84,83,99)
```
#565363
```
#565363 rgb(86,83,99)
```
#575363
```
#575363 rgb(87,83,99)
```

Similar Colors

Text with hexadecimal color #535363

This text has a font color of #535363.

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

#535363 background color

This paragraph has a background color of #535363.

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

#535363 border color

This element has a border color of #535363.

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

CSS codes

.text {color:#535363;}

.background {background-color:#535363;}

.border {border:1px solid #535363;}

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

#020203
```
#020203 rgb(2,2,3)
```
#0b0b0e
```
#0b0b0e rgb(11,11,14)
```
#141418
```
#141418 rgb(20,20,24)
```
#1d1d23
```
#1d1d23 rgb(29,29,35)
```
#26262e
```
#26262e rgb(38,38,46)
```
#2f2f38
```
#2f2f38 rgb(47,47,56)
```
#383843
```
#383843 rgb(56,56,67)
```
#41414e
```
#41414e rgb(65,65,78)
```
#4a4a58
```
#4a4a58 rgb(74,74,88)
```
#535363
```
#535363 rgb(83,83,99)
```
#5c5c6e
```
#5c5c6e rgb(92,92,110)
```
#656578
```
#656578 rgb(101,101,120)
```
#6e6e83
```
#6e6e83 rgb(110,110,131)
```

Shade Color Variation

#77778d
```
#77778d rgb(119,119,141)
```
#828296
```
#828296 rgb(130,130,150)
```
#8d8d9f
```
#8d8d9f rgb(141,141,159)
```
#9797a8
```
#9797a8 rgb(151,151,168)
```
#a2a2b1
```
#a2a2b1 rgb(162,162,177)
```
#adadba
```
#adadba rgb(173,173,186)
```
#b7b7c3
```
#b7b7c3 rgb(183,183,195)
```
#c2c2cc
```
#c2c2cc rgb(194,194,204)
```
#cdcdd5
```
#cdcdd5 rgb(205,205,213)
```
#d7d7de
```
#d7d7de rgb(215,215,222)
```
#e2e2e7
```
#e2e2e7 rgb(226,226,231)
```
#ededf0
```
#ededf0 rgb(237,237,240)
```
#f7f7f9
```
#f7f7f9 rgb(247,247,249)
```

Tint Color Variation

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

#5a5a5c
```
#5a5a5c rgb(90,90,92)
```
#535363
```
#535363 rgb(83,83,99)
```
#4c4c6a
```
#4c4c6a rgb(76,76,106)
```
#454571
```
#454571 rgb(69,69,113)
```
#3e3e78
```
#3e3e78 rgb(62,62,120)
```
#37377f
```
#37377f rgb(55,55,127)
```
#303086
```
#303086 rgb(48,48,134)
```
#29298d
```
#29298d rgb(41,41,141)
```
#222294
```
#222294 rgb(34,34,148)
```
#1b1b9b
```
#1b1b9b rgb(27,27,155)
```
#1414a2
```
#1414a2 rgb(20,20,162)
```
#0d0da9
```
#0d0da9 rgb(13,13,169)
```
#0606b0
```
#0606b0 rgb(6,6,176)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#555558 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a5c6b Protanopia 1% of men
#5e5b6b Deuteranopia 1% of men
#5a5d63 Tritanopia 0.001% of the population

Trichromacy

#575968 Protanomaly 1% of men, 0.01% of women
#5a5868 Deuteranomaly 6% of men, 0.4% of women
#575963 Tritanomaly 0.01% of the population

#535363 hex color

#535363 Color Information

#535363 Color Conversion

Color Schemes with #535363

Alternatives to #535363

#535363 Preview

Shades and Tints of #535363

Tones of #535363

Color Blindness Simulator