#363f54 Color Information
In a RGB color space, hex #363f54 is composed of 21.2% red, 24.7% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 35.7% cyan, 25% magenta, 0% yellow and 67.1% black. It has a hue angle of 222 degrees, a saturation of 21.7% and a lightness of 27.1%. #363f54 color hex could be obtained by blending #6c7ea8 with #000000. Closest websafe color is: #333366.
-
- R 21
- G 25
- B 33
-
- C 36
- M 25
- Y 0
- K 67
● #363f54 color description : Very dark desaturated blue.
#363f54 Color Conversion
The hexadecimal color #363f54 has RGB values of R:54, G:63, B:84 and CMYK values of C:0.36, M:0.25, Y:0, K:0.67. Its decimal value is 3555156.
Hex triplet | 363f54 | #363f54 |
---|---|---|
RGB Decimal | 54, 63, 84 | rgb(54,63,84) |
RGB Percent | 21.2, 24.7, 32.9 | rgb(21.2%,24.7%,32.9%) |
CMYK | 36, 25, 0, 67 | |
HSL | 222°, 21.7, 27.1 | hsl(222,21.7%,27.1%) |
HSV (or HSB) | 222°, 35.7, 32.9 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 26.676, 2.127, -13.832 |
---|---|
XYZ | 4.899, 4.979, 9.09 |
xyY | 0.258, 0.263, 4.979 |
CIE-LCH | 26.676, 13.995, 278.743 |
CIE-LUV | 26.676, -5.016, -16.979 |
Hunter-Lab | 22.314, 0.137, -8.533 |
Binary | 00110110, 00111111, 01010100 |
Color Schemes with #363f54
Alternatives to #363f54
Below, you can see some colors close to #363f54. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#363f54 Preview
This text has a font color of #363f54.
<span style="color:#363f54;">Text here</span>
This paragraph has a background color of #363f54.
<p style="background-color:#363f54;">Content here</p>
This element has a border color of #363f54.
<div style="border:1px solid #363f54;">Content here</div>
.text {color:#363f54;}
.background {background-color:#363f54;}
.border {border:1px solid #363f54;}
Shades and Tints of #363f54
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, #000000 is the darkest color, while #f3f5f8 is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#08090c
#08090c
rgb(8,9,12)
-
#101218
#101218
rgb(16,18,24)
-
#171b24
#171b24
rgb(23,27,36)
-
#1f2430
#1f2430
rgb(31,36,48)
-
#272d3c
#272d3c
rgb(39,45,60)
-
#2e3648
#2e3648
rgb(46,54,72)
-
#363f54
#363f54
rgb(54,63,84)
-
#3e4860
#3e4860
rgb(62,72,96)
-
#45516c
#45516c
rgb(69,81,108)
-
#4d5a78
#4d5a78
rgb(77,90,120)
-
#556384
#556384
rgb(85,99,132)
-
#5c6c90
#5c6c90
rgb(92,108,144)
-
#64759b
#64759b
rgb(100,117,155)
-
#707fa3
#707fa3
rgb(112,127,163)
-
#7c8aab
#7c8aab
rgb(124,138,171)
-
#8895b3
#8895b3
rgb(136,149,179)
-
#949fba
#949fba
rgb(148,159,186)
-
#a0aac2
#a0aac2
rgb(160,170,194)
-
#acb5ca
#acb5ca
rgb(172,181,202)
-
#b8bfd1
#b8bfd1
rgb(184,191,209)
-
#c4cad9
#c4cad9
rgb(196,202,217)
-
#d0d5e1
#d0d5e1
rgb(208,213,225)
-
#dcdfe8
#dcdfe8
rgb(220,223,232)
-
#e8eaf0
#e8eaf0
rgb(232,234,240)
-
#f3f5f8
#f3f5f8
rgb(243,245,248)
Tones of #363f54
A tone is produced by adding gray to any pure hue. In this case, #414349 is the less saturated color, while #012a89 is the most saturated one.
-
#414349
#414349
rgb(65,67,73)
-
#3b414f
#3b414f
rgb(59,65,79)
-
#363f54
#363f54
rgb(54,63,84)
-
#313d59
#313d59
rgb(49,61,89)
-
#2b3b5f
#2b3b5f
rgb(43,59,95)
-
#263964
#263964
rgb(38,57,100)
-
#213769
#213769
rgb(33,55,105)
-
#1b346f
#1b346f
rgb(27,52,111)
-
#163274
#163274
rgb(22,50,116)
-
#113079
#113079
rgb(17,48,121)
-
#0c2e7e
#0c2e7e
rgb(12,46,126)
-
#062c84
#062c84
rgb(6,44,132)
-
#012a89
#012a89
rgb(1,42,137)
Color Blindness Simulator
Below, you can see how #363f54 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.