#363f45 Color Information
In a RGB color space, hex #363f45 is composed of 21.2% red, 24.7% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 21.7% cyan, 8.7% magenta, 0% yellow and 72.9% black. It has a hue angle of 204 degrees, a saturation of 12.2% and a lightness of 24.1%. #363f45 color hex could be obtained by blending #6c7e8a with #000000. Closest websafe color is: #333333.
-
- R 21
- G 25
- B 27
-
- C 22
- M 9
- Y 0
- K 73
● #363f45 color description : Very dark grayish blue.
#363f45 Color Conversion
The hexadecimal color #363f45 has RGB values of R:54, G:63, B:69 and CMYK values of C:0.22, M:0.09, Y:0, K:0.73. Its decimal value is 3555141.
Hex triplet | 363f45 | #363f45 |
---|---|---|
RGB Decimal | 54, 63, 69 | rgb(54,63,69) |
RGB Percent | 21.2, 24.7, 27.1 | rgb(21.2%,24.7%,27.1%) |
CMYK | 22, 9, 0, 73 | |
HSL | 204°, 12.2, 24.1 | hsl(204,12.2%,24.1%) |
HSV (or HSB) | 204°, 21.7, 27.1 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 26.066, -2.158, -4.91 |
---|---|
XYZ | 4.373, 4.769, 6.32 |
xyY | 0.283, 0.308, 4.769 |
CIE-LCH | 26.066, 5.363, 246.277 |
CIE-LUV | 26.066, -4.562, -5.391 |
Hunter-Lab | 21.838, -2.473, -1.873 |
Binary | 00110110, 00111111, 01000101 |
Color Schemes with #363f45
Alternatives to #363f45
Below, you can see some colors close to #363f45. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#363f45 Preview
This text has a font color of #363f45.
<span style="color:#363f45;">Text here</span>
This paragraph has a background color of #363f45.
<p style="background-color:#363f45;">Content here</p>
This element has a border color of #363f45.
<div style="border:1px solid #363f45;">Content here</div>
.text {color:#363f45;}
.background {background-color:#363f45;}
.border {border:1px solid #363f45;}
Shades and Tints of #363f45
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, #020303 is the darkest color, while #f7f8f9 is the lightest one.
-
#020303
#020303
rgb(2,3,3)
-
#0b0d0e
#0b0d0e
rgb(11,13,14)
-
#141719
#141719
rgb(20,23,25)
-
#1c2124
#1c2124
rgb(28,33,36)
-
#252b2f
#252b2f
rgb(37,43,47)
-
#2d353a
#2d353a
rgb(45,53,58)
-
#363f45
#363f45
rgb(54,63,69)
-
#3f4950
#3f4950
rgb(63,73,80)
-
#47535b
#47535b
rgb(71,83,91)
-
#505d66
#505d66
rgb(80,93,102)
-
#586771
#586771
rgb(88,103,113)
-
#61717c
#61717c
rgb(97,113,124)
-
#6a7b87
#6a7b87
rgb(106,123,135)
-
#738591
#738591
rgb(115,133,145)
-
#7e8f9a
#7e8f9a
rgb(126,143,154)
-
#8998a3
#8998a3
rgb(137,152,163)
-
#94a2ab
#94a2ab
rgb(148,162,171)
-
#9fabb4
#9fabb4
rgb(159,171,180)
-
#aab5bc
#aab5bc
rgb(170,181,188)
-
#b5bfc5
#b5bfc5
rgb(181,191,197)
-
#c0c8ce
#c0c8ce
rgb(192,200,206)
-
#cbd2d6
#cbd2d6
rgb(203,210,214)
-
#d6dbdf
#d6dbdf
rgb(214,219,223)
-
#e1e5e7
#e1e5e7
rgb(225,229,231)
-
#eceef0
#eceef0
rgb(236,238,240)
-
#f7f8f9
#f7f8f9
rgb(247,248,249)
Tones of #363f45
A tone is produced by adding gray to any pure hue. In this case, #3b3e40 is the less saturated color, while #024979 is the most saturated one.
-
#3b3e40
#3b3e40
rgb(59,62,64)
-
#363f45
#363f45
rgb(54,63,69)
-
#31404a
#31404a
rgb(49,64,74)
-
#2d414e
#2d414e
rgb(45,65,78)
-
#284253
#284253
rgb(40,66,83)
-
#234358
#234358
rgb(35,67,88)
-
#1e445d
#1e445d
rgb(30,68,93)
-
#1a4561
#1a4561
rgb(26,69,97)
-
#154666
#154666
rgb(21,70,102)
-
#10476b
#10476b
rgb(16,71,107)
-
#0b4870
#0b4870
rgb(11,72,112)
-
#074874
#074874
rgb(7,72,116)
-
#024979
#024979
rgb(2,73,121)
Color Blindness Simulator
Below, you can see how #363f45 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.