#36506a hex color

In a RGB color space, hex #36506a is composed of 21.2% red, 31.4% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 49.1% cyan, 24.5% magenta, 0% yellow and 58.4% black. It has a hue angle of 210 degrees, a saturation of 32.5% and a lightness of 31.4%. #36506a color hex could be obtained by blending #6ca0d4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 21
- G 31
- B 42
RGB color chart
- C 49
- M 25
- Y 0
- K 58
CMYK color chart

● #36506a color description : Very dark desaturated blue.

The hexadecimal color #36506a has RGB values of R:54, G:80, B:106 and CMYK values of C:0.49, M:0.25, Y:0, K:0.58. Its decimal value is 3559530.

Hex triplet	36506a	`#36506a`
RGB Decimal	54, 80, 106	`rgb(54,80,106)`
RGB Percent	21.2, 31.4, 41.6	`rgb(21.2%,31.4%,41.6%)`
CMYK	49, 25, 0, 58
HSL	210°, 32.5, 31.4	`hsl(210,32.5%,31.4%)`
HSV (or HSB)	210°, 49.1, 41.6
Web Safe	336666	`#336666`

CIE-LAB	33.053, -1.944, -18.087
XYZ	6.991, 7.562, 14.726
xyY	0.239, 0.258, 7.562
CIE-LCH	33.053, 18.191, 263.865
CIE-LUV	33.053, -12.009, -23.574
Hunter-Lab	27.499, -2.744, -12.502
Binary	00110110, 01010000, 01101010

#36506a
```
#36506a rgb(54,80,106)
```
#6a5036
```
#6a5036 rgb(106,80,54)
```

Complementary Color

#366a6a
```
#366a6a rgb(54,106,106)
```
#36506a
```
#36506a rgb(54,80,106)
```
#36366a
```
#36366a rgb(54,54,106)
```

Analogous Color

#6a6a36
```
#6a6a36 rgb(106,106,54)
```
#36506a
```
#36506a rgb(54,80,106)
```
#6a3636
```
#6a3636 rgb(106,54,54)
```

Split Complementary Color

#506a36
```
#506a36 rgb(80,106,54)
```
#36506a
```
#36506a rgb(54,80,106)
```
#6a3650
```
#6a3650 rgb(106,54,80)
```

Triadic Color

#366a50
```
#366a50 rgb(54,106,80)
```
#36506a
```
#36506a rgb(54,80,106)
```
#6a3650
```
#6a3650 rgb(106,54,80)
```
#6a5036
```
#6a5036 rgb(106,80,54)
```

Tetradic Color

#1c2a37
```
#1c2a37 rgb(28,42,55)
```
#253748
```
#253748 rgb(37,55,72)
```
#2d4359
```
#2d4359 rgb(45,67,89)
```
#36506a
```
#36506a rgb(54,80,106)
```
#3f5d7b
```
#3f5d7b rgb(63,93,123)
```
#476a8c
```
#476a8c rgb(71,106,140)
```
#50769d
```
#50769d rgb(80,118,157)
```

Monochromatic Color

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

#365d6a
```
#365d6a rgb(54,93,106)
```
#36596a
```
#36596a rgb(54,89,106)
```
#36546a
```
#36546a rgb(54,84,106)
```
#36506a
```
#36506a rgb(54,80,106)
```
#364c6a
```
#364c6a rgb(54,76,106)
```
#36476a
```
#36476a rgb(54,71,106)
```
#36436a
```
#36436a rgb(54,67,106)
```

Similar Colors

Text with hexadecimal color #36506a

This text has a font color of #36506a.

<span style="color:#36506a;">Text here</span>

#36506a background color

This paragraph has a background color of #36506a.

<p style="background-color:#36506a;">Content here</p>

#36506a border color

This element has a border color of #36506a.

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

CSS codes

.text {color:#36506a;}

.background {background-color:#36506a;}

.border {border:1px solid #36506a;}

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

#010202
```
#010202 rgb(1,2,2)
```
#080b0f
```
#080b0f rgb(8,11,15)
```
#0e151c
```
#0e151c rgb(14,21,28)
```
#151f29
```
#151f29 rgb(21,31,41)
```
#1c2936
```
#1c2936 rgb(28,41,54)
```
#223343
```
#223343 rgb(34,51,67)
```
#293c50
```
#293c50 rgb(41,60,80)
```
#2f465d
```
#2f465d rgb(47,70,93)
```
#36506a
```
#36506a rgb(54,80,106)
```
#3d5a77
```
#3d5a77 rgb(61,90,119)
```
#436484
```
#436484 rgb(67,100,132)
```
#4a6d91
```
#4a6d91 rgb(74,109,145)
```
#50779e
```
#50779e rgb(80,119,158)
```

Shade Color Variation

#5881aa
```
#5881aa rgb(88,129,170)
```
#658bb1
```
#658bb1 rgb(101,139,177)
```
#7295b7
```
#7295b7 rgb(114,149,183)
```
#7f9ebe
```
#7f9ebe rgb(127,158,190)
```
#8ca8c4
```
#8ca8c4 rgb(140,168,196)
```
#99b2cb
```
#99b2cb rgb(153,178,203)
```
#a6bcd2
```
#a6bcd2 rgb(166,188,210)
```
#b3c6d8
```
#b3c6d8 rgb(179,198,216)
```
#c0d0df
```
#c0d0df rgb(192,208,223)
```
#cdd9e6
```
#cdd9e6 rgb(205,217,230)
```
#dae3ec
```
#dae3ec rgb(218,227,236)
```
#e7edf3
```
#e7edf3 rgb(231,237,243)
```
#f4f7f9
```
#f4f7f9 rgb(244,247,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f5051 is the less saturated color, while #05509b is the most saturated one.

#4f5051
```
#4f5051 rgb(79,80,81)
```
#485058
```
#485058 rgb(72,80,88)
```
#42505e
```
#42505e rgb(66,80,94)
```
#3c5064
```
#3c5064 rgb(60,80,100)
```
#36506a
```
#36506a rgb(54,80,106)
```
#305070
```
#305070 rgb(48,80,112)
```
#2a5076
```
#2a5076 rgb(42,80,118)
```
#24507c
```
#24507c rgb(36,80,124)
```
#1d5083
```
#1d5083 rgb(29,80,131)
```
#175089
```
#175089 rgb(23,80,137)
```
#11508f
```
#11508f rgb(17,80,143)
```
#0b5095
```
#0b5095 rgb(11,80,149)
```
#05509b
```
#05509b rgb(5,80,155)
```

Tone Color Variation

Below, you can see how #36506a 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

#4b4b4b Achromatopsia 0.005% of the population
#474c51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f566f Protanopia 1% of men
#4e5572 Deuteranopia 1% of men
#3a5c62 Tritanopia 0.001% of the population

Trichromacy

#46536d Protanomaly 1% of men, 0.01% of women
#45536f Deuteranomaly 6% of men, 0.4% of women
#395765 Tritanomaly 0.01% of the population

#36506a hex color

#36506a Color Information

#36506a Color Conversion

Color Schemes with #36506a

Alternatives to #36506a

#36506a Preview

Shades and Tints of #36506a

Tones of #36506a

Color Blindness Simulator