#363f60 hex color

In a RGB color space, hex #363f60 is composed of 21.2% red, 24.7% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 43.8% cyan, 34.4% magenta, 0% yellow and 62.4% black. It has a hue angle of 227.1 degrees, a saturation of 28% and a lightness of 29.4%. #363f60 color hex could be obtained by blending #6c7ec0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 21
- G 25
- B 38
RGB color chart
- C 44
- M 34
- Y 0
- K 62
CMYK color chart

● #363f60 color description : Very dark desaturated blue.

The hexadecimal color #363f60 has RGB values of R:54, G:63, B:96 and CMYK values of C:0.44, M:0.34, Y:0, K:0.62. Its decimal value is 3555168.

Hex triplet	363f60	`#363f60`
RGB Decimal	54, 63, 96	`rgb(54,63,96)`
RGB Percent	21.2, 24.7, 37.6	`rgb(21.2%,24.7%,37.6%)`
CMYK	44, 34, 0, 62
HSL	227.1°, 28, 29.4	`hsl(227.1,28%,29.4%)`
HSV (or HSB)	227.1°, 43.8, 37.6
Web Safe	333366	`#333366`

CIE-LAB	27.252, 5.901, -20.731
XYZ	5.41, 5.184, 11.781
xyY	0.242, 0.232, 5.184
CIE-LCH	27.252, 21.555, 285.889
CIE-LUV	27.252, -5.401, -26.453
Hunter-Lab	22.768, 2.569, -14.743
Binary	00110110, 00111111, 01100000

#363f60
```
#363f60 rgb(54,63,96)
```
#605736
```
#605736 rgb(96,87,54)
```

Complementary Color

#365460
```
#365460 rgb(54,84,96)
```
#363f60
```
#363f60 rgb(54,63,96)
```
#423660
```
#423660 rgb(66,54,96)
```

Analogous Color

#546036
```
#546036 rgb(84,96,54)
```
#363f60
```
#363f60 rgb(54,63,96)
```
#604236
```
#604236 rgb(96,66,54)
```

Split Complementary Color

#3f6036
```
#3f6036 rgb(63,96,54)
```
#363f60
```
#363f60 rgb(54,63,96)
```
#60363f
```
#60363f rgb(96,54,63)
```

Triadic Color

#366057
```
#366057 rgb(54,96,87)
```
#363f60
```
#363f60 rgb(54,63,96)
```
#60363f
```
#60363f rgb(96,54,63)
```
#605736
```
#605736 rgb(96,87,54)
```

Tetradic Color

#1a1f2f
```
#1a1f2f rgb(26,31,47)
```
#242a3f
```
#242a3f rgb(36,42,63)
```
#2d3450
```
#2d3450 rgb(45,52,80)
```
#363f60
```
#363f60 rgb(54,63,96)
```
#3f4a70
```
#3f4a70 rgb(63,74,112)
```
#485481
```
#485481 rgb(72,84,129)
```
#525f91
```
#525f91 rgb(82,95,145)
```

Monochromatic Color

Below, you can see some colors close to #363f60. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#364a60
```
#364a60 rgb(54,74,96)
```
#364660
```
#364660 rgb(54,70,96)
```
#364360
```
#364360 rgb(54,67,96)
```
#363f60
```
#363f60 rgb(54,63,96)
```
#363c60
```
#363c60 rgb(54,60,96)
```
#363860
```
#363860 rgb(54,56,96)
```
#383660
```
#383660 rgb(56,54,96)
```

Similar Colors

Text with hexadecimal color #363f60

This text has a font color of #363f60.

<span style="color:#363f60;">Text here</span>

#363f60 background color

This paragraph has a background color of #363f60.

<p style="background-color:#363f60;">Content here</p>

#363f60 border color

This element has a border color of #363f60.

<div style="border:1px solid #363f60;">Content here</div>

CSS codes

.text {color:#363f60;}

.background {background-color:#363f60;}

.border {border:1px solid #363f60;}

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, #050508 is the darkest color, while #fbfbfd is the lightest one.

#050508
```
#050508 rgb(5,5,8)
```
#0c0e15
```
#0c0e15 rgb(12,14,21)
```
#131621
```
#131621 rgb(19,22,33)
```
#1a1e2e
```
#1a1e2e rgb(26,30,46)
```
#21263a
```
#21263a rgb(33,38,58)
```
#282f47
```
#282f47 rgb(40,47,71)
```
#2f3753
```
#2f3753 rgb(47,55,83)
```
#363f60
```
#363f60 rgb(54,63,96)
```
#3d476d
```
#3d476d rgb(61,71,109)
```
#444f79
```
#444f79 rgb(68,79,121)
```
#4b5886
```
#4b5886 rgb(75,88,134)
```
#526092
```
#526092 rgb(82,96,146)
```
#59689f
```
#59689f rgb(89,104,159)
```

Shade Color Variation

#6472a8
```
#6472a8 rgb(100,114,168)
```
#707eaf
```
#707eaf rgb(112,126,175)
```
#7d89b6
```
#7d89b6 rgb(125,137,182)
```
#8a95bd
```
#8a95bd rgb(138,149,189)
```
#96a0c4
```
#96a0c4 rgb(150,160,196)
```
#a3abcb
```
#a3abcb rgb(163,171,203)
```
#afb7d2
```
#afb7d2 rgb(175,183,210)
```
#bcc2d9
```
#bcc2d9 rgb(188,194,217)
```
#c8cde0
```
#c8cde0 rgb(200,205,224)
```
#d5d9e7
```
#d5d9e7 rgb(213,217,231)
```
#e1e4ee
```
#e1e4ee rgb(225,228,238)
```
#eef0f5
```
#eef0f5 rgb(238,240,245)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #47494f is the less saturated color, while #022194 is the most saturated one.

#47494f
```
#47494f rgb(71,73,79)
```
#424654
```
#424654 rgb(66,70,84)
```
#3c425a
```
#3c425a rgb(60,66,90)
```
#363f60
```
#363f60 rgb(54,63,96)
```
#303c66
```
#303c66 rgb(48,60,102)
```
#2a386c
```
#2a386c rgb(42,56,108)
```
#253571
```
#253571 rgb(37,53,113)
```
#1f3277
```
#1f3277 rgb(31,50,119)
```
#192f7d
```
#192f7d rgb(25,47,125)
```
#132b83
```
#132b83 rgb(19,43,131)
```
#0e2888
```
#0e2888 rgb(14,40,136)
```
#08258e
```
#08258e rgb(8,37,142)
```
#022194
```
#022194 rgb(2,33,148)
```

Tone Color Variation

Below, you can see how #363f60 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.

Monochromacy

#404040 Achromatopsia 0.005% of the population
#3e4046 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f4968 Protanopia 1% of men
#3d4967 Deuteranopia 1% of men
#394d53 Tritanopia 0.001% of the population

Trichromacy

#3b4565 Protanomaly 1% of men, 0.01% of women
#3a4565 Deuteranomaly 6% of men, 0.4% of women
#384857 Tritanomaly 0.01% of the population

#363f60 hex color

#363f60 Color Information

#363f60 Color Conversion

Color Schemes with #363f60

Alternatives to #363f60

#363f60 Preview

Shades and Tints of #363f60

Tones of #363f60

Color Blindness Simulator