#2c4344 hex color

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

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

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

The hexadecimal color #2c4344 has RGB values of R:44, G:67, B:68 and CMYK values of C:0.35, M:0.01, Y:0, K:0.73. Its decimal value is 2900804.

Hex triplet	2c4344	`#2c4344`
RGB Decimal	44, 67, 68	`rgb(44,67,68)`
RGB Percent	17.3, 26.3, 26.7	`rgb(17.3%,26.3%,26.7%)`
CMYK	35, 1, 0, 73
HSL	182.5°, 21.4, 22	`hsl(182.5,21.4%,22%)`
HSV (or HSB)	182.5°, 35.3, 26.7
Web Safe	333333	`#333333`

CIE-LAB	26.64, -8.597, -3.475
XYZ	4.089, 4.967, 6.212
xyY	0.268, 0.325, 4.967
CIE-LCH	26.64, 9.273, 202.007
CIE-LUV	26.64, -10.258, -2.968
Hunter-Lab	22.287, -6.252, -0.925
Binary	00101100, 01000011, 01000100

#2c4344
```
#2c4344 rgb(44,67,68)
```
#442d2c
```
#442d2c rgb(68,45,44)
```

Complementary Color

#2c4439
```
#2c4439 rgb(44,68,57)
```
#2c4344
```
#2c4344 rgb(44,67,68)
```
#2c3744
```
#2c3744 rgb(44,55,68)
```

Analogous Color

#44392c
```
#44392c rgb(68,57,44)
```
#2c4344
```
#2c4344 rgb(44,67,68)
```
#442c37
```
#442c37 rgb(68,44,55)
```

Split Complementary Color

#43442c
```
#43442c rgb(67,68,44)
```
#2c4344
```
#2c4344 rgb(44,67,68)
```
#442c43
```
#442c43 rgb(68,44,67)
```

Triadic Color

#2c442d
```
#2c442d rgb(44,68,45)
```
#2c4344
```
#2c4344 rgb(44,67,68)
```
#442c43
```
#442c43 rgb(68,44,67)
```
#442d2c
```
#442d2c rgb(68,45,44)
```

Tetradic Color

#0e1516
```
#0e1516 rgb(14,21,22)
```
#182425
```
#182425 rgb(24,36,37)
```
#223435
```
#223435 rgb(34,52,53)
```
#2c4344
```
#2c4344 rgb(44,67,68)
```
#365253
```
#365253 rgb(54,82,83)
```
#406263
```
#406263 rgb(64,98,99)
```
#4a7172
```
#4a7172 rgb(74,113,114)
```

Monochromatic Color

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

#2c443f
```
#2c443f rgb(44,68,63)
```
#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)
```

Similar Colors

Text with hexadecimal color #2c4344

This text has a font color of #2c4344.

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

#2c4344 background color

This paragraph has a background color of #2c4344.

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

#2c4344 border color

This element has a border color of #2c4344.

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

CSS codes

.text {color:#2c4344;}

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

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

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)
```
#0d1414
```
#0d1414 rgb(13,20,20)
```
#152020
```
#152020 rgb(21,32,32)
```
#1d2c2c
```
#1d2c2c rgb(29,44,44)
```
#243738
```
#243738 rgb(36,55,56)
```
#2c4344
```
#2c4344 rgb(44,67,68)
```
#344f50
```
#344f50 rgb(52,79,80)
```
#3b5a5c
```
#3b5a5c rgb(59,90,92)
```
#436668
```
#436668 rgb(67,102,104)
```
#4b7274
```
#4b7274 rgb(75,114,116)
```
#537e80
```
#537e80 rgb(83,126,128)
```
#5a898b
```
#5a898b rgb(90,137,139)
```
#629597
```
#629597 rgb(98,149,151)
```

Shade Color Variation

#6d9ea0
```
#6d9ea0 rgb(109,158,160)
```
#79a6a8
```
#79a6a8 rgb(121,166,168)
```
#84aeb0
```
#84aeb0 rgb(132,174,176)
```
#90b6b7
```
#90b6b7 rgb(144,182,183)
```
#9cbebf
```
#9cbebf rgb(156,190,191)
```
#a8c6c7
```
#a8c6c7 rgb(168,198,199)
```
#b4cdcf
```
#b4cdcf rgb(180,205,207)
```
#c0d5d6
```
#c0d5d6 rgb(192,213,214)
```
#ccddde
```
#ccddde rgb(204,221,222)
```
#d8e5e6
```
#d8e5e6 rgb(216,229,230)
```
#e4eded
```
#e4eded rgb(228,237,237)
```
#f0f5f5
```
#f0f5f5 rgb(240,245,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 #016a6f is the most saturated one.

#353b3b
```
#353b3b rgb(53,59,59)
```
#303f40
```
#303f40 rgb(48,63,64)
```
#2c4344
```
#2c4344 rgb(44,67,68)
```
#284748
```
#284748 rgb(40,71,72)
```
#234b4d
```
#234b4d rgb(35,75,77)
```
#1f4f51
```
#1f4f51 rgb(31,79,81)
```
#1b5355
```
#1b5355 rgb(27,83,85)
```
#16575a
```
#16575a rgb(22,87,90)
```
#125b5e
```
#125b5e rgb(18,91,94)
```
#0e5f62
```
#0e5f62 rgb(14,95,98)
```
#0a6366
```
#0a6366 rgb(10,99,102)
```
#05676b
```
#05676b rgb(5,103,107)
```
#016a6f
```
#016a6f rgb(1,106,111)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#393d3e Atypical Achromatopsia 0.001% of the population

Dichromacy

#49484b Protanopia 1% of men
#4c474f Deuteranopia 1% of men
#384c51 Tritanopia 0.001% of the population

Trichromacy

#3e4648 Protanomaly 1% of men, 0.01% of women
#40454b Deuteranomaly 6% of men, 0.4% of women
#33484c Tritanomaly 0.01% of the population

#2c4344 hex color

#2c4344 Color Information

#2c4344 Color Conversion

Color Schemes with #2c4344

Alternatives to #2c4344

#2c4344 Preview

Shades and Tints of #2c4344

Tones of #2c4344

Color Blindness Simulator