#2c4c46 hex color

In a RGB color space, hex #2c4c46 is composed of 17.3% red, 29.8% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 42.1% cyan, 0% magenta, 7.9% yellow and 70.2% black. It has a hue angle of 168.8 degrees, a saturation of 26.7% and a lightness of 23.5%. #2c4c46 color hex could be obtained by blending #58988c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 17
- G 30
- B 27
RGB color chart
- C 42
- M 0
- Y 8
- K 70
CMYK color chart

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

The hexadecimal color #2c4c46 has RGB values of R:44, G:76, B:70 and CMYK values of C:0.42, M:0, Y:0.08, K:0.7. Its decimal value is 2903110.

Hex triplet	2c4c46	`#2c4c46`
RGB Decimal	44, 76, 70	`rgb(44,76,70)`
RGB Percent	17.3, 29.8, 27.5	`rgb(17.3%,29.8%,27.5%)`
CMYK	42, 0, 8, 70
HSL	168.8°, 26.7, 23.5	`hsl(168.8,26.7%,23.5%)`
HSV (or HSB)	168.8°, 42.1, 29.8
Web Safe	333333	`#333333`

CIE-LAB	29.779, -13.431, -0.153
XYZ	4.728, 6.146, 6.731
xyY	0.269, 0.349, 6.146
CIE-LCH	29.779, 13.432, 180.652
CIE-LUV	29.779, -14.071, 1.543
Hunter-Lab	24.792, -9.342, 1.256
Binary	00101100, 01001100, 01000110

#2c4c46
```
#2c4c46 rgb(44,76,70)
```
#4c2c32
```
#4c2c32 rgb(76,44,50)
```

Complementary Color

#2c4c36
```
#2c4c36 rgb(44,76,54)
```
#2c4c46
```
#2c4c46 rgb(44,76,70)
```
#2c424c
```
#2c424c rgb(44,66,76)
```

Analogous Color

#4c362c
```
#4c362c rgb(76,54,44)
```
#2c4c46
```
#2c4c46 rgb(44,76,70)
```
#4c2c42
```
#4c2c42 rgb(76,44,66)
```

Split Complementary Color

#4c462c
```
#4c462c rgb(76,70,44)
```
#2c4c46
```
#2c4c46 rgb(44,76,70)
```
#462c4c
```
#462c4c rgb(70,44,76)
```

Triadic Color

#324c2c
```
#324c2c rgb(50,76,44)
```
#2c4c46
```
#2c4c46 rgb(44,76,70)
```
#462c4c
```
#462c4c rgb(70,44,76)
```
#4c2c32
```
#4c2c32 rgb(76,44,50)
```

Tetradic Color

#101c19
```
#101c19 rgb(16,28,25)
```
#192c28
```
#192c28 rgb(25,44,40)
```
#233c37
```
#233c37 rgb(35,60,55)
```
#2c4c46
```
#2c4c46 rgb(44,76,70)
```
#355c55
```
#355c55 rgb(53,92,85)
```
#3f6c64
```
#3f6c64 rgb(63,108,100)
```
#487c73
```
#487c73 rgb(72,124,115)
```

Monochromatic Color

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

#2c4c3e
```
#2c4c3e rgb(44,76,62)
```
#2c4c41
```
#2c4c41 rgb(44,76,65)
```
#2c4c43
```
#2c4c43 rgb(44,76,67)
```
#2c4c46
```
#2c4c46 rgb(44,76,70)
```
#2c4c49
```
#2c4c49 rgb(44,76,73)
```
#2c4c4b
```
#2c4c4b rgb(44,76,75)
```
#2c4a4c
```
#2c4a4c rgb(44,74,76)
```

Similar Colors

Text with hexadecimal color #2c4c46

This text has a font color of #2c4c46.

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

#2c4c46 background color

This paragraph has a background color of #2c4c46.

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

#2c4c46 border color

This element has a border color of #2c4c46.

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

CSS codes

.text {color:#2c4c46;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#080e0d
```
#080e0d rgb(8,14,13)
```
#0f1a18
```
#0f1a18 rgb(15,26,24)
```
#162724
```
#162724 rgb(22,39,36)
```
#1e332f
```
#1e332f rgb(30,51,47)
```
#25403b
```
#25403b rgb(37,64,59)
```
#2c4c46
```
#2c4c46 rgb(44,76,70)
```
#335851
```
#335851 rgb(51,88,81)
```
#3a655d
```
#3a655d rgb(58,101,93)
```
#427168
```
#427168 rgb(66,113,104)
```
#497e74
```
#497e74 rgb(73,126,116)
```
#508a7f
```
#508a7f rgb(80,138,127)
```
#57978b
```
#57978b rgb(87,151,139)
```

Shade Color Variation

#5fa296
```
#5fa296 rgb(95,162,150)
```
#6baa9e
```
#6baa9e rgb(107,170,158)
```
#78b1a6
```
#78b1a6 rgb(120,177,166)
```
#84b8ae
```
#84b8ae rgb(132,184,174)
```
#91bfb6
```
#91bfb6 rgb(145,191,182)
```
#9dc6bf
```
#9dc6bf rgb(157,198,191)
```
#aacec7
```
#aacec7 rgb(170,206,199)
```
#b6d5cf
```
#b6d5cf rgb(182,213,207)
```
#c2dcd7
```
#c2dcd7 rgb(194,220,215)
```
#cfe3df
```
#cfe3df rgb(207,227,223)
```
#dbeae7
```
#dbeae7 rgb(219,234,231)
```
#e8f1f0
```
#e8f1f0 rgb(232,241,240)
```
#f4f9f8
```
#f4f9f8 rgb(244,249,248)
```

Tint Color Variation

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

#3a3e3d
```
#3a3e3d rgb(58,62,61)
```
#354340
```
#354340 rgb(53,67,64)
```
#314743
```
#314743 rgb(49,71,67)
```
#2c4c46
```
#2c4c46 rgb(44,76,70)
```
#275149
```
#275149 rgb(39,81,73)
```
#23554c
```
#23554c rgb(35,85,76)
```
#1e5a4f
```
#1e5a4f rgb(30,90,79)
```
#1a5e52
```
#1a5e52 rgb(26,94,82)
```
#156354
```
#156354 rgb(21,99,84)
```
#106857
```
#106857 rgb(16,104,87)
```
#0c6c5a
```
#0c6c5a rgb(12,108,90)
```
#07715d
```
#07715d rgb(7,113,93)
```
#027660
```
#027660 rgb(2,118,96)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3e4443 Atypical Achromatopsia 0.001% of the population

Dichromacy

#514f4c Protanopia 1% of men
#554d52 Deuteranopia 1% of men
#3a5359 Tritanopia 0.001% of the population

Trichromacy

#444e4a Protanomaly 1% of men, 0.01% of women
#464c4d Deuteranomaly 6% of men, 0.4% of women
#355052 Tritanomaly 0.01% of the population

#2c4c46 hex color

#2c4c46 Color Information

#2c4c46 Color Conversion

Color Schemes with #2c4c46

Alternatives to #2c4c46

#2c4c46 Preview

Shades and Tints of #2c4c46

Tones of #2c4c46

Color Blindness Simulator