#363f48 Color Information
In a RGB color space, hex #363f48 is composed of 21.2% red, 24.7% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 12.5% magenta, 0% yellow and 71.8% black. It has a hue angle of 210 degrees, a saturation of 14.3% and a lightness of 24.7%. #363f48 color hex could be obtained by blending #6c7e90 with #000000. Closest websafe color is: #333333.
-
- R 21
- G 25
- B 28
-
- C 25
- M 13
- Y 0
- K 72
● #363f48 color description : Very dark grayish blue.
#363f48 Color Conversion
The hexadecimal color #363f48 has RGB values of R:54, G:63, B:72 and CMYK values of C:0.25, M:0.13, Y:0, K:0.72. Its decimal value is 3555144.
Hex triplet | 363f48 | #363f48 |
---|---|---|
RGB Decimal | 54, 63, 72 | rgb(54,63,72) |
RGB Percent | 21.2, 24.7, 28.2 | rgb(21.2%,24.7%,28.2%) |
CMYK | 25, 13, 0, 72 | |
HSL | 210°, 14.3, 24.7 | hsl(210,14.3%,24.7%) |
HSV (or HSB) | 210°, 25, 28.2 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 26.178, -1.346, -6.719 |
---|---|
XYZ | 4.468, 4.807, 6.823 |
xyY | 0.278, 0.299, 4.807 |
CIE-LCH | 26.178, 6.852, 258.675 |
CIE-LUV | 26.178, -4.65, -7.663 |
Hunter-Lab | 21.925, -1.991, -3.103 |
Binary | 00110110, 00111111, 01001000 |
Color Schemes with #363f48
Alternatives to #363f48
Below, you can see some colors close to #363f48. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#363f48 Preview
This text has a font color of #363f48.
<span style="color:#363f48;">Text here</span>
This paragraph has a background color of #363f48.
<p style="background-color:#363f48;">Content here</p>
This element has a border color of #363f48.
<div style="border:1px solid #363f48;">Content here</div>
.text {color:#363f48;}
.background {background-color:#363f48;}
.border {border:1px solid #363f48;}
Shades and Tints of #363f48
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)
-
#0c0e10
#0c0e10
rgb(12,14,16)
-
#14181b
#14181b
rgb(20,24,27)
-
#1d2226
#1d2226
rgb(29,34,38)
-
#252b32
#252b32
rgb(37,43,50)
-
#2e353d
#2e353d
rgb(46,53,61)
-
#363f48
#363f48
rgb(54,63,72)
-
#3e4953
#3e4953
rgb(62,73,83)
-
#47535e
#47535e
rgb(71,83,94)
-
#4f5c6a
#4f5c6a
rgb(79,92,106)
-
#586675
#586675
rgb(88,102,117)
-
#607080
#607080
rgb(96,112,128)
-
#687a8b
#687a8b
rgb(104,122,139)
-
#728495
#728495
rgb(114,132,149)
-
#7d8d9e
#7d8d9e
rgb(125,141,158)
-
#8897a6
#8897a6
rgb(136,151,166)
-
#94a1ae
#94a1ae
rgb(148,161,174)
-
#9fabb7
#9fabb7
rgb(159,171,183)
-
#aab5bf
#aab5bf
rgb(170,181,191)
-
#b5bfc8
#b5bfc8
rgb(181,191,200)
-
#c0c8d0
#c0c8d0
rgb(192,200,208)
-
#ccd2d9
#ccd2d9
rgb(204,210,217)
-
#d7dce1
#d7dce1
rgb(215,220,225)
-
#e2e6e9
#e2e6e9
rgb(226,230,233)
-
#edf0f2
#edf0f2
rgb(237,240,242)
-
#f9f9fa
#f9f9fa
rgb(249,249,250)
Tones of #363f48
A tone is produced by adding gray to any pure hue. In this case, #3b3f43 is the less saturated color, while #013f7d is the most saturated one.
-
#3b3f43
#3b3f43
rgb(59,63,67)
-
#363f48
#363f48
rgb(54,63,72)
-
#313f4d
#313f4d
rgb(49,63,77)
-
#2c3f52
#2c3f52
rgb(44,63,82)
-
#273f57
#273f57
rgb(39,63,87)
-
#233f5b
#233f5b
rgb(35,63,91)
-
#1e3f60
#1e3f60
rgb(30,63,96)
-
#193f65
#193f65
rgb(25,63,101)
-
#143f6a
#143f6a
rgb(20,63,106)
-
#0f3f6f
#0f3f6f
rgb(15,63,111)
-
#0a3f74
#0a3f74
rgb(10,63,116)
-
#063f78
#063f78
rgb(6,63,120)
-
#013f7d
#013f7d
rgb(1,63,125)
Color Blindness Simulator
Below, you can see how #363f48 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.