#535363 Color Information
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.
-
- R 33
- G 33
- B 39
-
- C 16
- M 16
- Y 0
- K 61
● #535363 color description : Very dark grayish blue.
#535363 Color Conversion
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 |
Color Schemes with #535363
Alternatives to #535363
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.
#535363 Preview
This text has a font color of #535363.
<span style="color:#535363;">Text here</span>
This paragraph has a background color of #535363.
<p style="background-color:#535363;">Content here</p>
This element has a border color of #535363.
<div style="border:1px solid #535363;">Content here</div>
.text {color:#535363;}
.background {background-color:#535363;}
.border {border:1px solid #535363;}
Shades and Tints of #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)
-
#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)
Tones of #535363
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)
Color Blindness Simulator
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.