#2c3b50 hex color

In a RGB color space, hex #2c3b50 is composed of 17.3% red, 23.1% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 45% cyan, 26.3% magenta, 0% yellow and 68.6% black. It has a hue angle of 215 degrees, a saturation of 29% and a lightness of 24.3%. #2c3b50 color hex could be obtained by blending #5876a0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 17
- G 23
- B 31
RGB color chart
- C 45
- M 26
- Y 0
- K 69
CMYK color chart

● #2c3b50 color description : Very dark desaturated blue.

The hexadecimal color #2c3b50 has RGB values of R:44, G:59, B:80 and CMYK values of C:0.45, M:0.26, Y:0, K:0.69. Its decimal value is 2898768.

Hex triplet	2c3b50	`#2c3b50`
RGB Decimal	44, 59, 80	`rgb(44,59,80)`
RGB Percent	17.3, 23.1, 31.4	`rgb(17.3%,23.1%,31.4%)`
CMYK	45, 26, 0, 69
HSL	215°, 29, 24.3	`hsl(215,29%,24.3%)`
HSV (or HSB)	215°, 45, 31.4
Web Safe	333366	`#333366`

CIE-LAB	24.457, 0.259, -14.686
XYZ	4.05, 4.242, 8.194
xyY	0.246, 0.257, 4.242
CIE-LCH	24.457, 14.689, 271.012
CIE-LUV	24.457, -7.076, -17.338
Hunter-Lab	20.597, -0.944, -9.17
Binary	00101100, 00111011, 01010000

#2c3b50
```
#2c3b50 rgb(44,59,80)
```
#50412c
```
#50412c rgb(80,65,44)
```

Complementary Color

#2c4d50
```
#2c4d50 rgb(44,77,80)
```
#2c3b50
```
#2c3b50 rgb(44,59,80)
```
#2f2c50
```
#2f2c50 rgb(47,44,80)
```

Analogous Color

#4d502c
```
#4d502c rgb(77,80,44)
```
#2c3b50
```
#2c3b50 rgb(44,59,80)
```
#502f2c
```
#502f2c rgb(80,47,44)
```

Split Complementary Color

#3b502c
```
#3b502c rgb(59,80,44)
```
#2c3b50
```
#2c3b50 rgb(44,59,80)
```
#502c3b
```
#502c3b rgb(80,44,59)
```

Triadic Color

#2c5041
```
#2c5041 rgb(44,80,65)
```
#2c3b50
```
#2c3b50 rgb(44,59,80)
```
#502c3b
```
#502c3b rgb(80,44,59)
```
#50412c
```
#50412c rgb(80,65,44)
```

Tetradic Color

#11171f
```
#11171f rgb(17,23,31)
```
#1a232f
```
#1a232f rgb(26,35,47)
```
#232f40
```
#232f40 rgb(35,47,64)
```
#2c3b50
```
#2c3b50 rgb(44,59,80)
```
#354760
```
#354760 rgb(53,71,96)
```
#3e5371
```
#3e5371 rgb(62,83,113)
```
#475f81
```
#475f81 rgb(71,95,129)
```

Monochromatic Color

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

#2c4450
```
#2c4450 rgb(44,68,80)
```
#2c4150
```
#2c4150 rgb(44,65,80)
```
#2c3e50
```
#2c3e50 rgb(44,62,80)
```
#2c3b50
```
#2c3b50 rgb(44,59,80)
```
#2c3850
```
#2c3850 rgb(44,56,80)
```
#2c3550
```
#2c3550 rgb(44,53,80)
```
#2c3250
```
#2c3250 rgb(44,50,80)
```

Similar Colors

Text with hexadecimal color #2c3b50

This text has a font color of #2c3b50.

<span style="color:#2c3b50;">Text here</span>

#2c3b50 background color

This paragraph has a background color of #2c3b50.

<p style="background-color:#2c3b50;">Content here</p>

#2c3b50 border color

This element has a border color of #2c3b50.

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

CSS codes

.text {color:#2c3b50;}

.background {background-color:#2c3b50;}

.border {border:1px solid #2c3b50;}

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

#020304
```
#020304 rgb(2,3,4)
```
#090c11
```
#090c11 rgb(9,12,17)
```
#10161d
```
#10161d rgb(16,22,29)
```
#171f2a
```
#171f2a rgb(23,31,42)
```
#1e2837
```
#1e2837 rgb(30,40,55)
```
#253243
```
#253243 rgb(37,50,67)
```
#2c3b50
```
#2c3b50 rgb(44,59,80)
```
#33445d
```
#33445d rgb(51,68,93)
```
#3a4e69
```
#3a4e69 rgb(58,78,105)
```
#415776
```
#415776 rgb(65,87,118)
```
#486083
```
#486083 rgb(72,96,131)
```
#4f6a8f
```
#4f6a8f rgb(79,106,143)
```
#56739c
```
#56739c rgb(86,115,156)
```

Shade Color Variation

#5f7da7
```
#5f7da7 rgb(95,125,167)
```
#6b87ae
```
#6b87ae rgb(107,135,174)
```
#7891b5
```
#7891b5 rgb(120,145,181)
```
#859bbc
```
#859bbc rgb(133,155,188)
```
#91a6c3
```
#91a6c3 rgb(145,166,195)
```
#9eb0ca
```
#9eb0ca rgb(158,176,202)
```
#aabad1
```
#aabad1 rgb(170,186,209)
```
#b7c5d7
```
#b7c5d7 rgb(183,197,215)
```
#c4cfde
```
#c4cfde rgb(196,207,222)
```
#d0d9e5
```
#d0d9e5 rgb(208,217,229)
```
#dde3ec
```
#dde3ec rgb(221,227,236)
```
#eaeef3
```
#eaeef3 rgb(234,238,243)
```
#f6f8fa
```
#f6f8fa rgb(246,248,250)
```

Tint Color Variation

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

#3a3d42
```
#3a3d42 rgb(58,61,66)
```
#363d46
```
#363d46 rgb(54,61,70)
```
#313c4b
```
#313c4b rgb(49,60,75)
```
#2c3b50
```
#2c3b50 rgb(44,59,80)
```
#273a55
```
#273a55 rgb(39,58,85)
```
#22395a
```
#22395a rgb(34,57,90)
```
#1e395e
```
#1e395e rgb(30,57,94)
```
#193863
```
#193863 rgb(25,56,99)
```
#143768
```
#143768 rgb(20,55,104)
```
#0f366d
```
#0f366d rgb(15,54,109)
```
#0b3571
```
#0b3571 rgb(11,53,113)
```
#063576
```
#063576 rgb(6,53,118)
```
#01347b
```
#01347b rgb(1,52,123)
```

Tone Color Variation

Below, you can see how #2c3b50 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

#393939 Achromatopsia 0.005% of the population
#36393e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e4358 Protanopia 1% of men
#3d4359 Deuteranopia 1% of men
#32474c Tritanopia 0.001% of the population

Trichromacy

#374055 Protanomaly 1% of men, 0.01% of women
#374056 Deuteranomaly 6% of men, 0.4% of women
#30434d Tritanomaly 0.01% of the population

#2c3b50 hex color

#2c3b50 Color Information

#2c3b50 Color Conversion

Color Schemes with #2c3b50

Alternatives to #2c3b50

#2c3b50 Preview

Shades and Tints of #2c3b50

Tones of #2c3b50

Color Blindness Simulator