#364a60 hex color

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

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

● #364a60 color description : Very dark desaturated blue.

The hexadecimal color #364a60 has RGB values of R:54, G:74, B:96 and CMYK values of C:0.44, M:0.23, Y:0, K:0.62. Its decimal value is 3557984.

Hex triplet	364a60	`#364a60`
RGB Decimal	54, 74, 96	`rgb(54,74,96)`
RGB Percent	21.2, 29, 37.6	`rgb(21.2%,29%,37.6%)`
CMYK	44, 23, 0, 62
HSL	211.4°, 28, 29.4	`hsl(211.4,28%,29.4%)`
HSV (or HSB)	211.4°, 43.8, 37.6
Web Safe	333366	`#333366`

CIE-LAB	30.703, -1.328, -15.38
XYZ	6.081, 6.526, 12.005
xyY	0.247, 0.265, 6.526
CIE-LCH	30.703, 15.438, 265.066
CIE-LUV	30.703, -9.612, -19.463
Hunter-Lab	25.546, -2.216, -9.98
Binary	00110110, 01001010, 01100000

#364a60
```
#364a60 rgb(54,74,96)
```
#604c36
```
#604c36 rgb(96,76,54)
```

Complementary Color

#365f60
```
#365f60 rgb(54,95,96)
```
#364a60
```
#364a60 rgb(54,74,96)
```
#373660
```
#373660 rgb(55,54,96)
```

Analogous Color

#5f6036
```
#5f6036 rgb(95,96,54)
```
#364a60
```
#364a60 rgb(54,74,96)
```
#603736
```
#603736 rgb(96,55,54)
```

Split Complementary Color

#4a6036
```
#4a6036 rgb(74,96,54)
```
#364a60
```
#364a60 rgb(54,74,96)
```
#60364a
```
#60364a rgb(96,54,74)
```

Triadic Color

#36604c
```
#36604c rgb(54,96,76)
```
#364a60
```
#364a60 rgb(54,74,96)
```
#60364a
```
#60364a rgb(96,54,74)
```
#604c36
```
#604c36 rgb(96,76,54)
```

Tetradic Color

#1a242f
```
#1a242f rgb(26,36,47)
```
#24313f
```
#24313f rgb(36,49,63)
```
#2d3d50
```
#2d3d50 rgb(45,61,80)
```
#364a60
```
#364a60 rgb(54,74,96)
```
#3f5770
```
#3f5770 rgb(63,87,112)
```
#486381
```
#486381 rgb(72,99,129)
```
#527091
```
#527091 rgb(82,112,145)
```

Monochromatic Color

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

#365560
```
#365560 rgb(54,85,96)
```
#365160
```
#365160 rgb(54,81,96)
```
#364e60
```
#364e60 rgb(54,78,96)
```
#364a60
```
#364a60 rgb(54,74,96)
```
#364760
```
#364760 rgb(54,71,96)
```
#364360
```
#364360 rgb(54,67,96)
```
#364060
```
#364060 rgb(54,64,96)
```

Similar Colors

Text with hexadecimal color #364a60

This text has a font color of #364a60.

<span style="color:#364a60;">Text here</span>

#364a60 background color

This paragraph has a background color of #364a60.

<p style="background-color:#364a60;">Content here</p>

#364a60 border color

This element has a border color of #364a60.

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

CSS codes

.text {color:#364a60;}

.background {background-color:#364a60;}

.border {border:1px solid #364a60;}

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

#050608
```
#050608 rgb(5,6,8)
```
#0c1015
```
#0c1015 rgb(12,16,21)
```
#131a21
```
#131a21 rgb(19,26,33)
```
#1a232e
```
#1a232e rgb(26,35,46)
```
#212d3a
```
#212d3a rgb(33,45,58)
```
#283747
```
#283747 rgb(40,55,71)
```
#2f4053
```
#2f4053 rgb(47,64,83)
```
#364a60
```
#364a60 rgb(54,74,96)
```
#3d546d
```
#3d546d rgb(61,84,109)
```
#445d79
```
#445d79 rgb(68,93,121)
```
#4b6786
```
#4b6786 rgb(75,103,134)
```
#527192
```
#527192 rgb(82,113,146)
```
#597a9f
```
#597a9f rgb(89,122,159)
```

Shade Color Variation

#6484a8
```
#6484a8 rgb(100,132,168)
```
#708eaf
```
#708eaf rgb(112,142,175)
```
#7d98b6
```
#7d98b6 rgb(125,152,182)
```
#8aa2bd
```
#8aa2bd rgb(138,162,189)
```
#96acc4
```
#96acc4 rgb(150,172,196)
```
#a3b6cb
```
#a3b6cb rgb(163,182,203)
```
#afc0d2
```
#afc0d2 rgb(175,192,210)
```
#bccad9
```
#bccad9 rgb(188,202,217)
```
#c8d4e0
```
#c8d4e0 rgb(200,212,224)
```
#d5dee7
```
#d5dee7 rgb(213,222,231)
```
#e1e8ee
```
#e1e8ee rgb(225,232,238)
```
#eef2f5
```
#eef2f5 rgb(238,242,245)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#474b4f
```
#474b4f rgb(71,75,79)
```
#424b54
```
#424b54 rgb(66,75,84)
```
#3c4a5a
```
#3c4a5a rgb(60,74,90)
```
#364a60
```
#364a60 rgb(54,74,96)
```
#304a66
```
#304a66 rgb(48,74,102)
```
#2a496c
```
#2a496c rgb(42,73,108)
```
#254971
```
#254971 rgb(37,73,113)
```
#1f4977
```
#1f4977 rgb(31,73,119)
```
#19497d
```
#19497d rgb(25,73,125)
```
#134883
```
#134883 rgb(19,72,131)
```
#0e4888
```
#0e4888 rgb(14,72,136)
```
#08488e
```
#08488e rgb(8,72,142)
```
#024894
```
#024894 rgb(2,72,148)
```

Tone Color Variation

Below, you can see how #364a60 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

#474747 Achromatopsia 0.005% of the population
#44484c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b5066 Protanopia 1% of men
#4b5069 Deuteranopia 1% of men
#3c555b Tritanopia 0.001% of the population

Trichromacy

#434e64 Protanomaly 1% of men, 0.01% of women
#434e65 Deuteranomaly 6% of men, 0.4% of women
#3a515d Tritanomaly 0.01% of the population

#364a60 hex color

#364a60 Color Information

#364a60 Color Conversion

Color Schemes with #364a60

Alternatives to #364a60

#364a60 Preview

Shades and Tints of #364a60

Tones of #364a60

Color Blindness Simulator