#536366 Color Information
In a RGB color space, hex #536366 is composed of 32.5% red, 38.8% green and 40% blue. Whereas in a CMYK color space, it is composed of 18.6% cyan, 2.9% magenta, 0% yellow and 60% black. It has a hue angle of 189.5 degrees, a saturation of 10.3% and a lightness of 36.3%. #536366 color hex could be obtained by blending #a6c6cc with #000000. Closest websafe color is: #666666.
-
- R 33
- G 39
- B 40
-
- C 19
- M 3
- Y 0
- K 60
● #536366 color description : Very dark grayish cyan.
#536366 Color Conversion
The hexadecimal color #536366 has RGB values of R:83, G:99, B:102 and CMYK values of C:0.19, M:0.03, Y:0, K:0.6. Its decimal value is 5464934.
Hex triplet | 536366 | #536366 |
---|---|---|
RGB Decimal | 83, 99, 102 | rgb(83,99,102) |
RGB Percent | 32.5, 38.8, 40 | rgb(32.5%,38.8%,40%) |
CMYK | 19, 3, 0, 60 | |
HSL | 189.5°, 10.3, 36.3 | hsl(189.5,10.3%,36.3%) |
HSV (or HSB) | 189.5°, 18.6, 40 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 40.77, -5.346, -3.74 |
---|---|
XYZ | 10.427, 11.722, 14.283 |
xyY | 0.286, 0.322, 11.722 |
CIE-LCH | 40.77, 6.524, 214.981 |
CIE-LUV | 40.77, -8.37, -4.166 |
Hunter-Lab | 34.237, -5.553, -0.768 |
Binary | 01010011, 01100011, 01100110 |
Color Schemes with #536366
Alternatives to #536366
Below, you can see some colors close to #536366. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#536366 Preview
This text has a font color of #536366.
<span style="color:#536366;">Text here</span>
This paragraph has a background color of #536366.
<p style="background-color:#536366;">Content here</p>
This element has a border color of #536366.
<div style="border:1px solid #536366;">Content here</div>
.text {color:#536366;}
.background {background-color:#536366;}
.border {border:1px solid #536366;}
Shades and Tints of #536366
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, #040505 is the darkest color, while #f9fafa is the lightest one.
-
#040505
#040505
rgb(4,5,5)
-
#0d0f0f
#0d0f0f
rgb(13,15,15)
-
#151a1a
#151a1a
rgb(21,26,26)
-
#1e2425
#1e2425
rgb(30,36,37)
-
#272f30
#272f30
rgb(39,47,48)
-
#30393b
#30393b
rgb(48,57,59)
-
#394446
#394446
rgb(57,68,70)
-
#414e50
#414e50
rgb(65,78,80)
-
#4a595b
#4a595b
rgb(74,89,91)
-
#536366
#536366
rgb(83,99,102)
-
#5c6d71
#5c6d71
rgb(92,109,113)
-
#65787c
#65787c
rgb(101,120,124)
-
#6d8286
#6d8286
rgb(109,130,134)
-
#778c90
#778c90
rgb(119,140,144)
-
#829699
#829699
rgb(130,150,153)
-
#8d9fa2
#8d9fa2
rgb(141,159,162)
-
#98a8ab
#98a8ab
rgb(152,168,171)
-
#a2b1b4
#a2b1b4
rgb(162,177,180)
-
#adbabc
#adbabc
rgb(173,186,188)
-
#b8c3c5
#b8c3c5
rgb(184,195,197)
-
#c3ccce
#c3ccce
rgb(195,204,206)
-
#ced5d7
#ced5d7
rgb(206,213,215)
-
#d8dee0
#d8dee0
rgb(216,222,224)
-
#e3e8e8
#e3e8e8
rgb(227,232,232)
-
#eef1f1
#eef1f1
rgb(238,241,241)
-
#f9fafa
#f9fafa
rgb(249,250,250)
Tones of #536366
A tone is produced by adding gray to any pure hue. In this case, #5a5e5f is the less saturated color, while #0599b4 is the most saturated one.
-
#5a5e5f
#5a5e5f
rgb(90,94,95)
-
#536366
#536366
rgb(83,99,102)
-
#4c686d
#4c686d
rgb(76,104,109)
-
#456d74
#456d74
rgb(69,109,116)
-
#3e727b
#3e727b
rgb(62,114,123)
-
#377682
#377682
rgb(55,118,130)
-
#2f7b8a
#2f7b8a
rgb(47,123,138)
-
#288091
#288091
rgb(40,128,145)
-
#218598
#218598
rgb(33,133,152)
-
#1a8a9f
#1a8a9f
rgb(26,138,159)
-
#138fa6
#138fa6
rgb(19,143,166)
-
#0c94ad
#0c94ad
rgb(12,148,173)
-
#0599b4
#0599b4
rgb(5,153,180)
Color Blindness Simulator
Below, you can see how #536366 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.