#363f63 Color Information
In a RGB color space, hex #363f63 is composed of 21.2% red, 24.7% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 45.5% cyan, 36.4% magenta, 0% yellow and 61.2% black. It has a hue angle of 228 degrees, a saturation of 29.4% and a lightness of 30%. #363f63 color hex could be obtained by blending #6c7ec6 with #000000. Closest websafe color is: #333366.
-
- R 21
- G 25
- B 39
-
- C 45
- M 36
- Y 0
- K 61
● #363f63 color description : Very dark desaturated blue.
#363f63 Color Conversion
The hexadecimal color #363f63 has RGB values of R:54, G:63, B:99 and CMYK values of C:0.45, M:0.36, Y:0, K:0.61. Its decimal value is 3555171.
Hex triplet | 363f63 | #363f63 |
---|---|---|
RGB Decimal | 54, 63, 99 | rgb(54,63,99) |
RGB Percent | 21.2, 24.7, 38.8 | rgb(21.2%,24.7%,38.8%) |
CMYK | 45, 36, 0, 61 | |
HSL | 228°, 29.4, 30 | hsl(228,29.4%,30%) |
HSV (or HSB) | 228°, 45.5, 38.8 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 27.408, 6.883, -22.421 |
---|---|
XYZ | 5.55, 5.24, 12.523 |
xyY | 0.238, 0.225, 5.24 |
CIE-LCH | 27.408, 23.453, 287.065 |
CIE-LUV | 27.408, -5.499, -28.82 |
Hunter-Lab | 22.891, 3.223, -16.411 |
Binary | 00110110, 00111111, 01100011 |
Color Schemes with #363f63
Alternatives to #363f63
Below, you can see some colors close to #363f63. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#363f63 Preview
This text has a font color of #363f63.
<span style="color:#363f63;">Text here</span>
This paragraph has a background color of #363f63.
<p style="background-color:#363f63;">Content here</p>
This element has a border color of #363f63.
<div style="border:1px solid #363f63;">Content here</div>
.text {color:#363f63;}
.background {background-color:#363f63;}
.border {border:1px solid #363f63;}
Shades and Tints of #363f63
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, #06060a is the darkest color, while #fcfdfe is the lightest one.
-
#06060a
#06060a
rgb(6,6,10)
-
#0c0f17
#0c0f17
rgb(12,15,23)
-
#131724
#131724
rgb(19,23,36)
-
#1a1f30
#1a1f30
rgb(26,31,48)
-
#21273d
#21273d
rgb(33,39,61)
-
#282f4a
#282f4a
rgb(40,47,74)
-
#2f3756
#2f3756
rgb(47,55,86)
-
#363f63
#363f63
rgb(54,63,99)
-
#3d4770
#3d4770
rgb(61,71,112)
-
#444f7c
#444f7c
rgb(68,79,124)
-
#4b5789
#4b5789
rgb(75,87,137)
-
#525f96
#525f96
rgb(82,95,150)
-
#5967a2
#5967a2
rgb(89,103,162)
-
#6472ab
#6472ab
rgb(100,114,171)
-
#717eb1
#717eb1
rgb(113,126,177)
-
#7e89b8
#7e89b8
rgb(126,137,184)
-
#8a95bf
#8a95bf
rgb(138,149,191)
-
#97a0c6
#97a0c6
rgb(151,160,198)
-
#a4accd
#a4accd
rgb(164,172,205)
-
#b0b7d4
#b0b7d4
rgb(176,183,212)
-
#bdc3db
#bdc3db
rgb(189,195,219)
-
#cacfe2
#cacfe2
rgb(202,207,226)
-
#d6dae9
#d6dae9
rgb(214,218,233)
-
#e3e6f0
#e3e6f0
rgb(227,230,240)
-
#f0f1f7
#f0f1f7
rgb(240,241,247)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #363f63
A tone is produced by adding gray to any pure hue. In this case, #484a51 is the less saturated color, while #011f98 is the most saturated one.
-
#484a51
#484a51
rgb(72,74,81)
-
#424657
#424657
rgb(66,70,87)
-
#3c435d
#3c435d
rgb(60,67,93)
-
#363f63
#363f63
rgb(54,63,99)
-
#303b69
#303b69
rgb(48,59,105)
-
#2a386f
#2a386f
rgb(42,56,111)
-
#243475
#243475
rgb(36,52,117)
-
#1e317b
#1e317b
rgb(30,49,123)
-
#192d80
#192d80
rgb(25,45,128)
-
#132a86
#132a86
rgb(19,42,134)
-
#0d268c
#0d268c
rgb(13,38,140)
-
#072392
#072392
rgb(7,35,146)
-
#011f98
#011f98
rgb(1,31,152)
Color Blindness Simulator
Below, you can see how #363f63 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.