#2c4e48 hex color

In a RGB color space, hex #2c4e48 is composed of 17.3% red, 30.6% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 43.6% cyan, 0% magenta, 7.7% yellow and 69.4% black. It has a hue angle of 169.4 degrees, a saturation of 27.9% and a lightness of 23.9%. #2c4e48 color hex could be obtained by blending #589c90 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 17
- G 31
- B 28
RGB color chart
- C 44
- M 0
- Y 8
- K 69
CMYK color chart

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

The hexadecimal color #2c4e48 has RGB values of R:44, G:78, B:72 and CMYK values of C:0.44, M:0, Y:0.08, K:0.69. Its decimal value is 2903624.

Hex triplet	2c4e48	`#2c4e48`
RGB Decimal	44, 78, 72	`rgb(44,78,72)`
RGB Percent	17.3, 30.6, 28.2	`rgb(17.3%,30.6%,28.2%)`
CMYK	44, 0, 8, 69
HSL	169.4°, 27.9, 23.9	`hsl(169.4,27.9%,23.9%)`
HSV (or HSB)	169.4°, 43.6, 30.6
Web Safe	336633	`#336633`

CIE-LAB	30.525, -14.039, -0.345
XYZ	4.932, 6.452, 7.116
xyY	0.267, 0.349, 6.452
CIE-LCH	30.525, 14.043, 181.407
CIE-LUV	30.525, -14.885, 1.4
Hunter-Lab	25.401, -9.788, 1.17
Binary	00101100, 01001110, 01001000

#2c4e48
```
#2c4e48 rgb(44,78,72)
```
#4e2c32
```
#4e2c32 rgb(78,44,50)
```

Complementary Color

#2c4e37
```
#2c4e37 rgb(44,78,55)
```
#2c4e48
```
#2c4e48 rgb(44,78,72)
```
#2c434e
```
#2c434e rgb(44,67,78)
```

Analogous Color

#4e372c
```
#4e372c rgb(78,55,44)
```
#2c4e48
```
#2c4e48 rgb(44,78,72)
```
#4e2c43
```
#4e2c43 rgb(78,44,67)
```

Split Complementary Color

#4e482c
```
#4e482c rgb(78,72,44)
```
#2c4e48
```
#2c4e48 rgb(44,78,72)
```
#482c4e
```
#482c4e rgb(72,44,78)
```

Triadic Color

#324e2c
```
#324e2c rgb(50,78,44)
```
#2c4e48
```
#2c4e48 rgb(44,78,72)
```
#482c4e
```
#482c4e rgb(72,44,78)
```
#4e2c32
```
#4e2c32 rgb(78,44,50)
```

Tetradic Color

#101d1b
```
#101d1b rgb(16,29,27)
```
#1a2d2a
```
#1a2d2a rgb(26,45,42)
```
#233e39
```
#233e39 rgb(35,62,57)
```
#2c4e48
```
#2c4e48 rgb(44,78,72)
```
#355e57
```
#355e57 rgb(53,94,87)
```
#3e6f66
```
#3e6f66 rgb(62,111,102)
```
#487f75
```
#487f75 rgb(72,127,117)
```

Monochromatic Color

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

#2c4e40
```
#2c4e40 rgb(44,78,64)
```
#2c4e42
```
#2c4e42 rgb(44,78,66)
```
#2c4e45
```
#2c4e45 rgb(44,78,69)
```
#2c4e48
```
#2c4e48 rgb(44,78,72)
```
#2c4e4b
```
#2c4e4b rgb(44,78,75)
```
#2c4e4e
```
#2c4e4e rgb(44,78,78)
```
#2c4c4e
```
#2c4c4e rgb(44,76,78)
```

Similar Colors

Text with hexadecimal color #2c4e48

This text has a font color of #2c4e48.

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

#2c4e48 background color

This paragraph has a background color of #2c4e48.

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

#2c4e48 border color

This element has a border color of #2c4e48.

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

CSS codes

.text {color:#2c4e48;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#090f0e
```
#090f0e rgb(9,15,14)
```
#101c1a
```
#101c1a rgb(16,28,26)
```
#172825
```
#172825 rgb(23,40,37)
```
#1e3531
```
#1e3531 rgb(30,53,49)
```
#25413c
```
#25413c rgb(37,65,60)
```
#2c4e48
```
#2c4e48 rgb(44,78,72)
```
#335b54
```
#335b54 rgb(51,91,84)
```
#3a675f
```
#3a675f rgb(58,103,95)
```
#41746b
```
#41746b rgb(65,116,107)
```
#488076
```
#488076 rgb(72,128,118)
```
#4f8d82
```
#4f8d82 rgb(79,141,130)
```
#56998d
```
#56998d rgb(86,153,141)
```

Shade Color Variation

#5fa598
```
#5fa598 rgb(95,165,152)
```
#6baca0
```
#6baca0 rgb(107,172,160)
```
#78b3a8
```
#78b3a8 rgb(120,179,168)
```
#84bab0
```
#84bab0 rgb(132,186,176)
```
#91c1b8
```
#91c1b8 rgb(145,193,184)
```
#9dc8c0
```
#9dc8c0 rgb(157,200,192)
```
#aacfc8
```
#aacfc8 rgb(170,207,200)
```
#b7d6d1
```
#b7d6d1 rgb(183,214,209)
```
#c3ddd9
```
#c3ddd9 rgb(195,221,217)
```
#d0e4e1
```
#d0e4e1 rgb(208,228,225)
```
#dcebe9
```
#dcebe9 rgb(220,235,233)
```
#e9f2f1
```
#e9f2f1 rgb(233,242,241)
```
#f5f9f9
```
#f5f9f9 rgb(245,249,249)
```

Tint Color Variation

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

#3a403f
```
#3a403f rgb(58,64,63)
```
#354542
```
#354542 rgb(53,69,66)
```
#314945
```
#314945 rgb(49,73,69)
```
#2c4e48
```
#2c4e48 rgb(44,78,72)
```
#27534b
```
#27534b rgb(39,83,75)
```
#23574e
```
#23574e rgb(35,87,78)
```
#1e5c51
```
#1e5c51 rgb(30,92,81)
```
#196154
```
#196154 rgb(25,97,84)
```
#156557
```
#156557 rgb(21,101,87)
```
#106a5a
```
#106a5a rgb(16,106,90)
```
#0b6f5d
```
#0b6f5d rgb(11,111,93)
```
#067460
```
#067460 rgb(6,116,96)
```
#027863
```
#027863 rgb(2,120,99)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#3e4544 Atypical Achromatopsia 0.001% of the population

Dichromacy

#53514e Protanopia 1% of men
#574f54 Deuteranopia 1% of men
#3a555b Tritanopia 0.001% of the population

Trichromacy

#454f4c Protanomaly 1% of men, 0.01% of women
#474e4f Deuteranomaly 6% of men, 0.4% of women
#355254 Tritanomaly 0.01% of the population

#2c4e48 hex color

#2c4e48 Color Information

#2c4e48 Color Conversion

Color Schemes with #2c4e48

Alternatives to #2c4e48

#2c4e48 Preview

Shades and Tints of #2c4e48

Tones of #2c4e48

Color Blindness Simulator