#2c4144 hex color

In a RGB color space, hex #2c4144 is composed of 17.3% red, 25.5% green and 26.7% blue. Whereas in a CMYK color space, it is composed of 35.3% cyan, 4.4% magenta, 0% yellow and 73.3% black. It has a hue angle of 187.5 degrees, a saturation of 21.4% and a lightness of 22%. #2c4144 color hex could be obtained by blending #588288 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 17
- G 25
- B 27
RGB color chart
- C 35
- M 4
- Y 0
- K 73
CMYK color chart

● #2c4144 color description : Very dark desaturated cyan.

The hexadecimal color #2c4144 has RGB values of R:44, G:65, B:68 and CMYK values of C:0.35, M:0.04, Y:0, K:0.73. Its decimal value is 2900292.

Hex triplet	2c4144	`#2c4144`
RGB Decimal	44, 65, 68	`rgb(44,65,68)`
RGB Percent	17.3, 25.5, 26.7	`rgb(17.3%,25.5%,26.7%)`
CMYK	35, 4, 0, 73
HSL	187.5°, 21.4, 22	`hsl(187.5,21.4%,22%)`
HSV (or HSB)	187.5°, 35.3, 26.7
Web Safe	333333	`#333333`

CIE-LAB	25.961, -7.353, -4.485
XYZ	3.972, 4.733, 6.173
xyY	0.267, 0.318, 4.733
CIE-LCH	25.961, 8.613, 211.381
CIE-LUV	25.961, -9.413, -4.279
Hunter-Lab	21.756, -5.483, -1.593
Binary	00101100, 01000001, 01000100

#2c4144
```
#2c4144 rgb(44,65,68)
```
#442f2c
```
#442f2c rgb(68,47,44)
```

Complementary Color

#2c443b
```
#2c443b rgb(44,68,59)
```
#2c4144
```
#2c4144 rgb(44,65,68)
```
#2c3544
```
#2c3544 rgb(44,53,68)
```

Analogous Color

#443b2c
```
#443b2c rgb(68,59,44)
```
#2c4144
```
#2c4144 rgb(44,65,68)
```
#442c35
```
#442c35 rgb(68,44,53)
```

Split Complementary Color

#41442c
```
#41442c rgb(65,68,44)
```
#2c4144
```
#2c4144 rgb(44,65,68)
```
#442c41
```
#442c41 rgb(68,44,65)
```

Triadic Color

#2c442f
```
#2c442f rgb(44,68,47)
```
#2c4144
```
#2c4144 rgb(44,65,68)
```
#442c41
```
#442c41 rgb(68,44,65)
```
#442f2c
```
#442f2c rgb(68,47,44)
```

Tetradic Color

#0e1516
```
#0e1516 rgb(14,21,22)
```
#182325
```
#182325 rgb(24,35,37)
```
#223235
```
#223235 rgb(34,50,53)
```
#2c4144
```
#2c4144 rgb(44,65,68)
```
#365053
```
#365053 rgb(54,80,83)
```
#405f63
```
#405f63 rgb(64,95,99)
```
#4a6d72
```
#4a6d72 rgb(74,109,114)
```

Monochromatic Color

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

#2c4441
```
#2c4441 rgb(44,68,65)
```
#2c4443
```
#2c4443 rgb(44,68,67)
```
#2c4344
```
#2c4344 rgb(44,67,68)
```
#2c4144
```
#2c4144 rgb(44,65,68)
```
#2c3f44
```
#2c3f44 rgb(44,63,68)
```
#2c3d44
```
#2c3d44 rgb(44,61,68)
```
#2c3b44
```
#2c3b44 rgb(44,59,68)
```

Similar Colors

Text with hexadecimal color #2c4144

This text has a font color of #2c4144.

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

#2c4144 background color

This paragraph has a background color of #2c4144.

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

#2c4144 border color

This element has a border color of #2c4144.

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

CSS codes

.text {color:#2c4144;}

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

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

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

#050808
```
#050808 rgb(5,8,8)
```
#0d1314
```
#0d1314 rgb(13,19,20)
```
#151f20
```
#151f20 rgb(21,31,32)
```
#1d2a2c
```
#1d2a2c rgb(29,42,44)
```
#243638
```
#243638 rgb(36,54,56)
```
#2c4144
```
#2c4144 rgb(44,65,68)
```
#344c50
```
#344c50 rgb(52,76,80)
```
#3b585c
```
#3b585c rgb(59,88,92)
```
#436368
```
#436368 rgb(67,99,104)
```
#4b6f74
```
#4b6f74 rgb(75,111,116)
```
#537a80
```
#537a80 rgb(83,122,128)
```
#5a858b
```
#5a858b rgb(90,133,139)
```
#629197
```
#629197 rgb(98,145,151)
```

Shade Color Variation

#6d9aa0
```
#6d9aa0 rgb(109,154,160)
```
#79a2a8
```
#79a2a8 rgb(121,162,168)
```
#84aab0
```
#84aab0 rgb(132,170,176)
```
#90b3b7
```
#90b3b7 rgb(144,179,183)
```
#9cbbbf
```
#9cbbbf rgb(156,187,191)
```
#a8c3c7
```
#a8c3c7 rgb(168,195,199)
```
#b4cbcf
```
#b4cbcf rgb(180,203,207)
```
#c0d3d6
```
#c0d3d6 rgb(192,211,214)
```
#ccdcde
```
#ccdcde rgb(204,220,222)
```
#d8e4e6
```
#d8e4e6 rgb(216,228,230)
```
#e4eced
```
#e4eced rgb(228,236,237)
```
#f0f4f5
```
#f0f4f5 rgb(240,244,245)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#353b3b
```
#353b3b rgb(53,59,59)
```
#303e40
```
#303e40 rgb(48,62,64)
```
#2c4144
```
#2c4144 rgb(44,65,68)
```
#284448
```
#284448 rgb(40,68,72)
```
#23474d
```
#23474d rgb(35,71,77)
```
#1f4b51
```
#1f4b51 rgb(31,75,81)
```
#1b4e55
```
#1b4e55 rgb(27,78,85)
```
#16515a
```
#16515a rgb(22,81,90)
```
#12545e
```
#12545e rgb(18,84,94)
```
#0e5862
```
#0e5862 rgb(14,88,98)
```
#0a5b66
```
#0a5b66 rgb(10,91,102)
```
#055e6b
```
#055e6b rgb(5,94,107)
```
#01616f
```
#01616f rgb(1,97,111)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#383c3d Atypical Achromatopsia 0.001% of the population

Dichromacy

#47474b Protanopia 1% of men
#4a454f Deuteranopia 1% of men
#374a4f Tritanopia 0.001% of the population

Trichromacy

#3d4448 Protanomaly 1% of men, 0.01% of women
#3f444b Deuteranomaly 6% of men, 0.4% of women
#33474b Tritanomaly 0.01% of the population

#2c4144 hex color

#2c4144 Color Information

#2c4144 Color Conversion

Color Schemes with #2c4144

Alternatives to #2c4144

#2c4144 Preview

Shades and Tints of #2c4144

Tones of #2c4144

Color Blindness Simulator