#363c48 Color Information
In a RGB color space, hex #363c48 is composed of 21.2% red, 23.5% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 16.7% magenta, 0% yellow and 71.8% black. It has a hue angle of 220 degrees, a saturation of 14.3% and a lightness of 24.7%. #363c48 color hex could be obtained by blending #6c7890 with #000000. Closest websafe color is: #333333.
-
- R 21
- G 24
- B 28
-
- C 25
- M 17
- Y 0
- K 72
● #363c48 color description : Very dark grayish blue.
#363c48 Color Conversion
The hexadecimal color #363c48 has RGB values of R:54, G:60, B:72 and CMYK values of C:0.25, M:0.17, Y:0, K:0.72. Its decimal value is 3554376.
Hex triplet | 363c48 | #363c48 |
---|---|---|
RGB Decimal | 54, 60, 72 | rgb(54,60,72) |
RGB Percent | 21.2, 23.5, 28.2 | rgb(21.2%,23.5%,28.2%) |
CMYK | 25, 17, 0, 72 | |
HSL | 220°, 14.3, 24.7 | hsl(220,14.3%,24.7%) |
HSV (or HSB) | 220°, 25, 28.2 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 25.21, 0.622, -8.177 |
---|---|
XYZ | 4.307, 4.484, 6.769 |
xyY | 0.277, 0.288, 4.484 |
CIE-LCH | 25.21, 8.201, 274.35 |
CIE-LUV | 25.21, -3.386, -9.533 |
Hunter-Lab | 21.175, -0.752, -4.131 |
Binary | 00110110, 00111100, 01001000 |
Color Schemes with #363c48
Alternatives to #363c48
Below, you can see some colors close to #363c48. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#363c48 Preview
This text has a font color of #363c48.
<span style="color:#363c48;">Text here</span>
This paragraph has a background color of #363c48.
<p style="background-color:#363c48;">Content here</p>
This element has a border color of #363c48.
<div style="border:1px solid #363c48;">Content here</div>
.text {color:#363c48;}
.background {background-color:#363c48;}
.border {border:1px solid #363c48;}
Shades and Tints of #363c48
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)
-
#0c0d10
#0c0d10
rgb(12,13,16)
-
#14171b
#14171b
rgb(20,23,27)
-
#1d2026
#1d2026
rgb(29,32,38)
-
#252932
#252932
rgb(37,41,50)
-
#2e333d
#2e333d
rgb(46,51,61)
-
#363c48
#363c48
rgb(54,60,72)
-
#3e4553
#3e4553
rgb(62,69,83)
-
#474f5e
#474f5e
rgb(71,79,94)
-
#4f586a
#4f586a
rgb(79,88,106)
-
#586175
#586175
rgb(88,97,117)
-
#606b80
#606b80
rgb(96,107,128)
-
#68748b
#68748b
rgb(104,116,139)
-
#727e95
#727e95
rgb(114,126,149)
-
#7d889e
#7d889e
rgb(125,136,158)
-
#8892a6
#8892a6
rgb(136,146,166)
-
#949dae
#949dae
rgb(148,157,174)
-
#9fa7b7
#9fa7b7
rgb(159,167,183)
-
#aab1bf
#aab1bf
rgb(170,177,191)
-
#b5bbc8
#b5bbc8
rgb(181,187,200)
-
#c0c6d0
#c0c6d0
rgb(192,198,208)
-
#ccd0d9
#ccd0d9
rgb(204,208,217)
-
#d7dae1
#d7dae1
rgb(215,218,225)
-
#e2e5e9
#e2e5e9
rgb(226,229,233)
-
#edeff2
#edeff2
rgb(237,239,242)
-
#f9f9fa
#f9f9fa
rgb(249,249,250)
Tones of #363c48
A tone is produced by adding gray to any pure hue. In this case, #3b3e43 is the less saturated color, while #012a7d is the most saturated one.
-
#3b3e43
#3b3e43
rgb(59,62,67)
-
#363c48
#363c48
rgb(54,60,72)
-
#313a4d
#313a4d
rgb(49,58,77)
-
#2c3952
#2c3952
rgb(44,57,82)
-
#273757
#273757
rgb(39,55,87)
-
#23365b
#23365b
rgb(35,54,91)
-
#1e3460
#1e3460
rgb(30,52,96)
-
#193265
#193265
rgb(25,50,101)
-
#14316a
#14316a
rgb(20,49,106)
-
#0f2f6f
#0f2f6f
rgb(15,47,111)
-
#0a2d74
#0a2d74
rgb(10,45,116)
-
#062c78
#062c78
rgb(6,44,120)
-
#012a7d
#012a7d
rgb(1,42,125)
Color Blindness Simulator
Below, you can see how #363c48 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.