#363a45 Color Information
In a RGB color space, hex #363a45 is composed of 21.2% red, 22.7% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 21.7% cyan, 15.9% magenta, 0% yellow and 72.9% black. It has a hue angle of 224 degrees, a saturation of 12.2% and a lightness of 24.1%. #363a45 color hex could be obtained by blending #6c748a with #000000. Closest websafe color is: #333333.
-
- R 21
- G 23
- B 27
-
- C 22
- M 16
- Y 0
- K 73
● #363a45 color description : Very dark grayish blue.
#363a45 Color Conversion
The hexadecimal color #363a45 has RGB values of R:54, G:58, B:69 and CMYK values of C:0.22, M:0.16, Y:0, K:0.73. Its decimal value is 3553861.
Hex triplet | 363a45 | #363a45 |
---|---|---|
RGB Decimal | 54, 58, 69 | rgb(54,58,69) |
RGB Percent | 21.2, 22.7, 27.1 | rgb(21.2%,22.7%,27.1%) |
CMYK | 22, 16, 0, 73 | |
HSL | 224°, 12.2, 24.1 | hsl(224,12.2%,24.1%) |
HSV (or HSB) | 224°, 21.7, 27.1 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 24.449, 1.123, -7.335 |
---|---|
XYZ | 4.108, 4.24, 6.232 |
xyY | 0.282, 0.291, 4.24 |
CIE-LCH | 24.449, 7.42, 278.702 |
CIE-LUV | 24.449, -2.431, -8.483 |
Hunter-Lab | 20.591, -0.421, -3.53 |
Binary | 00110110, 00111010, 01000101 |
Color Schemes with #363a45
Alternatives to #363a45
Below, you can see some colors close to #363a45. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#363a45 Preview
This text has a font color of #363a45.
<span style="color:#363a45;">Text here</span>
This paragraph has a background color of #363a45.
<p style="background-color:#363a45;">Content here</p>
This element has a border color of #363a45.
<div style="border:1px solid #363a45;">Content here</div>
.text {color:#363a45;}
.background {background-color:#363a45;}
.border {border:1px solid #363a45;}
Shades and Tints of #363a45
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 #f7f7f9 is the lightest one.
-
#020303
#020303
rgb(2,3,3)
-
#0b0c0e
#0b0c0e
rgb(11,12,14)
-
#141519
#141519
rgb(20,21,25)
-
#1c1e24
#1c1e24
rgb(28,30,36)
-
#25282f
#25282f
rgb(37,40,47)
-
#2d313a
#2d313a
rgb(45,49,58)
-
#363a45
#363a45
rgb(54,58,69)
-
#3f4350
#3f4350
rgb(63,67,80)
-
#474c5b
#474c5b
rgb(71,76,91)
-
#505666
#505666
rgb(80,86,102)
-
#585f71
#585f71
rgb(88,95,113)
-
#61687c
#61687c
rgb(97,104,124)
-
#6a7187
#6a7187
rgb(106,113,135)
-
#737b91
#737b91
rgb(115,123,145)
-
#7e859a
#7e859a
rgb(126,133,154)
-
#8990a3
#8990a3
rgb(137,144,163)
-
#949aab
#949aab
rgb(148,154,171)
-
#9fa5b4
#9fa5b4
rgb(159,165,180)
-
#aaafbc
#aaafbc
rgb(170,175,188)
-
#b5b9c5
#b5b9c5
rgb(181,185,197)
-
#c0c4ce
#c0c4ce
rgb(192,196,206)
-
#cbced6
#cbced6
rgb(203,206,214)
-
#d6d8df
#d6d8df
rgb(214,216,223)
-
#e1e3e7
#e1e3e7
rgb(225,227,231)
-
#ecedf0
#ecedf0
rgb(236,237,240)
-
#f7f7f9
#f7f7f9
rgb(247,247,249)
Tones of #363a45
A tone is produced by adding gray to any pure hue. In this case, #3b3c40 is the less saturated color, while #022279 is the most saturated one.
-
#3b3c40
#3b3c40
rgb(59,60,64)
-
#363a45
#363a45
rgb(54,58,69)
-
#31384a
#31384a
rgb(49,56,74)
-
#2d364e
#2d364e
rgb(45,54,78)
-
#283353
#283353
rgb(40,51,83)
-
#233158
#233158
rgb(35,49,88)
-
#1e2f5d
#1e2f5d
rgb(30,47,93)
-
#1a2d61
#1a2d61
rgb(26,45,97)
-
#152b66
#152b66
rgb(21,43,102)
-
#10286b
#10286b
rgb(16,40,107)
-
#0b2670
#0b2670
rgb(11,38,112)
-
#072474
#072474
rgb(7,36,116)
-
#022279
#022279
rgb(2,34,121)
Color Blindness Simulator
Below, you can see how #363a45 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.