#535366 Color Information
In a RGB color space, hex #535366 is composed of 32.5% red, 32.5% green and 40% blue. Whereas in a CMYK color space, it is composed of 18.6% cyan, 18.6% magenta, 0% yellow and 60% black. It has a hue angle of 240 degrees, a saturation of 10.3% and a lightness of 36.3%. #535366 color hex could be obtained by blending #a6a6cc with #000000. Closest websafe color is: #666666.
-
- R 33
- G 33
- B 40
-
- C 19
- M 19
- Y 0
- K 60
● #535366 color description : Very dark grayish blue.
#535366 Color Conversion
The hexadecimal color #535366 has RGB values of R:83, G:83, B:102 and CMYK values of C:0.19, M:0.19, Y:0, K:0.6. Its decimal value is 5460838.
Hex triplet | 535366 | #535366 |
---|---|---|
RGB Decimal | 83, 83, 102 | rgb(83,83,102) |
RGB Percent | 32.5, 32.5, 40 | rgb(32.5%,32.5%,40%) |
CMYK | 19, 19, 0, 60 | |
HSL | 240°, 10.3, 36.3 | hsl(240,10.3%,36.3%) |
HSV (or HSB) | 240°, 18.6, 40 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 35.955, 4.445, -10.949 |
---|---|
XYZ | 9.058, 8.985, 13.827 |
xyY | 0.284, 0.282, 8.985 |
CIE-LCH | 35.955, 11.817, 292.093 |
CIE-LUV | 35.955, -1.08, -14.943 |
Hunter-Lab | 29.975, 1.487, -6.367 |
Binary | 01010011, 01010011, 01100110 |
Color Schemes with #535366
Alternatives to #535366
Below, you can see some colors close to #535366. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#535366 Preview
This text has a font color of #535366.
<span style="color:#535366;">Text here</span>
This paragraph has a background color of #535366.
<p style="background-color:#535366;">Content here</p>
This element has a border color of #535366.
<div style="border:1px solid #535366;">Content here</div>
.text {color:#535366;}
.background {background-color:#535366;}
.border {border:1px solid #535366;}
Shades and Tints of #535366
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, #040405 is the darkest color, while #f9f9fa is the lightest one.
-
#040405
#040405
rgb(4,4,5)
-
#0d0d0f
#0d0d0f
rgb(13,13,15)
-
#15151a
#15151a
rgb(21,21,26)
-
#1e1e25
#1e1e25
rgb(30,30,37)
-
#272730
#272730
rgb(39,39,48)
-
#30303b
#30303b
rgb(48,48,59)
-
#393946
#393946
rgb(57,57,70)
-
#414150
#414150
rgb(65,65,80)
-
#4a4a5b
#4a4a5b
rgb(74,74,91)
-
#535366
#535366
rgb(83,83,102)
-
#5c5c71
#5c5c71
rgb(92,92,113)
-
#65657c
#65657c
rgb(101,101,124)
-
#6d6d86
#6d6d86
rgb(109,109,134)
-
#777790
#777790
rgb(119,119,144)
-
#828299
#828299
rgb(130,130,153)
-
#8d8da2
#8d8da2
rgb(141,141,162)
-
#9898ab
#9898ab
rgb(152,152,171)
-
#a2a2b4
#a2a2b4
rgb(162,162,180)
-
#adadbc
#adadbc
rgb(173,173,188)
-
#b8b8c5
#b8b8c5
rgb(184,184,197)
-
#c3c3ce
#c3c3ce
rgb(195,195,206)
-
#ceced7
#ceced7
rgb(206,206,215)
-
#d8d8e0
#d8d8e0
rgb(216,216,224)
-
#e3e3e8
#e3e3e8
rgb(227,227,232)
-
#eeeef1
#eeeef1
rgb(238,238,241)
-
#f9f9fa
#f9f9fa
rgb(249,249,250)
Tones of #535366
A tone is produced by adding gray to any pure hue. In this case, #5a5a5f is the less saturated color, while #0505b4 is the most saturated one.
-
#5a5a5f
#5a5a5f
rgb(90,90,95)
-
#535366
#535366
rgb(83,83,102)
-
#4c4c6d
#4c4c6d
rgb(76,76,109)
-
#454574
#454574
rgb(69,69,116)
-
#3e3e7b
#3e3e7b
rgb(62,62,123)
-
#373782
#373782
rgb(55,55,130)
-
#2f2f8a
#2f2f8a
rgb(47,47,138)
-
#282891
#282891
rgb(40,40,145)
-
#212198
#212198
rgb(33,33,152)
-
#1a1a9f
#1a1a9f
rgb(26,26,159)
-
#1313a6
#1313a6
rgb(19,19,166)
-
#0c0cad
#0c0cad
rgb(12,12,173)
-
#0505b4
#0505b4
rgb(5,5,180)
Color Blindness Simulator
Below, you can see how #535366 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.