#2c4d51 hex color

In a RGB color space, hex #2c4d51 is composed of 17.3% red, 30.2% green and 31.8% blue. Whereas in a CMYK color space, it is composed of 45.7% cyan, 4.9% magenta, 0% yellow and 68.2% black. It has a hue angle of 186.5 degrees, a saturation of 29.6% and a lightness of 24.5%. #2c4d51 color hex could be obtained by blending #589aa2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 30
- B 32
RGB color chart
- C 46
- M 5
- Y 0
- K 68
CMYK color chart

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

The hexadecimal color #2c4d51 has RGB values of R:44, G:77, B:81 and CMYK values of C:0.46, M:0.05, Y:0, K:0.68. Its decimal value is 2903377.

Hex triplet	2c4d51	`#2c4d51`
RGB Decimal	44, 77, 81	`rgb(44,77,81)`
RGB Percent	17.3, 30.2, 31.8	`rgb(17.3%,30.2%,31.8%)`
CMYK	46, 5, 0, 68
HSL	186.5°, 29.6, 24.5	`hsl(186.5,29.6%,24.5%)`
HSV (or HSB)	186.5°, 45.7, 31.8
Web Safe	336666	`#336666`

CIE-LAB	30.489, -10.848, -6.165
XYZ	5.177, 6.437, 8.754
xyY	0.254, 0.316, 6.437
CIE-LCH	30.489, 12.477, 209.612
CIE-LUV	30.489, -14.284, -6.228
Hunter-Lab	25.371, -7.974, -2.697
Binary	00101100, 01001101, 01010001

#2c4d51
```
#2c4d51 rgb(44,77,81)
```
#51302c
```
#51302c rgb(81,48,44)
```

Complementary Color

#2c5143
```
#2c5143 rgb(44,81,67)
```
#2c4d51
```
#2c4d51 rgb(44,77,81)
```
#2c3b51
```
#2c3b51 rgb(44,59,81)
```

Analogous Color

#51432c
```
#51432c rgb(81,67,44)
```
#2c4d51
```
#2c4d51 rgb(44,77,81)
```
#512c3b
```
#512c3b rgb(81,44,59)
```

Split Complementary Color

#4d512c
```
#4d512c rgb(77,81,44)
```
#2c4d51
```
#2c4d51 rgb(44,77,81)
```
#512c4d
```
#512c4d rgb(81,44,77)
```

Triadic Color

#2c5130
```
#2c5130 rgb(44,81,48)
```
#2c4d51
```
#2c4d51 rgb(44,77,81)
```
#512c4d
```
#512c4d rgb(81,44,77)
```
#51302c
```
#51302c rgb(81,48,44)
```

Tetradic Color

#111e1f
```
#111e1f rgb(17,30,31)
```
#1a2e30
```
#1a2e30 rgb(26,46,48)
```
#233d40
```
#233d40 rgb(35,61,64)
```
#2c4d51
```
#2c4d51 rgb(44,77,81)
```
#355d62
```
#355d62 rgb(53,93,98)
```
#3e6c72
```
#3e6c72 rgb(62,108,114)
```
#477c83
```
#477c83 rgb(71,124,131)
```

Monochromatic Color

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

#2c514c
```
#2c514c rgb(44,81,76)
```
#2c514f
```
#2c514f rgb(44,81,79)
```
#2c5051
```
#2c5051 rgb(44,80,81)
```
#2c4d51
```
#2c4d51 rgb(44,77,81)
```
#2c4a51
```
#2c4a51 rgb(44,74,81)
```
#2c4751
```
#2c4751 rgb(44,71,81)
```
#2c4451
```
#2c4451 rgb(44,68,81)
```

Similar Colors

Text with hexadecimal color #2c4d51

This text has a font color of #2c4d51.

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

#2c4d51 background color

This paragraph has a background color of #2c4d51.

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

#2c4d51 border color

This element has a border color of #2c4d51.

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

CSS codes

.text {color:#2c4d51;}

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

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

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

#030505
```
#030505 rgb(3,5,5)
```
#091111
```
#091111 rgb(9,17,17)
```
#101d1e
```
#101d1e rgb(16,29,30)
```
#17292b
```
#17292b rgb(23,41,43)
```
#1e3538
```
#1e3538 rgb(30,53,56)
```
#254144
```
#254144 rgb(37,65,68)
```
#2c4d51
```
#2c4d51 rgb(44,77,81)
```
#33595e
```
#33595e rgb(51,89,94)
```
#3a656a
```
#3a656a rgb(58,101,106)
```
#417177
```
#417177 rgb(65,113,119)
```
#487d84
```
#487d84 rgb(72,125,132)
```
#4f8991
```
#4f8991 rgb(79,137,145)
```
#55959d
```
#55959d rgb(85,149,157)
```

Shade Color Variation

#5ea0a8
```
#5ea0a8 rgb(94,160,168)
```
#6ba7af
```
#6ba7af rgb(107,167,175)
```
#78afb6
```
#78afb6 rgb(120,175,182)
```
#85b6bd
```
#85b6bd rgb(133,182,189)
```
#91bec3
```
#91bec3 rgb(145,190,195)
```
#9ec6ca
```
#9ec6ca rgb(158,198,202)
```
#abcdd1
```
#abcdd1 rgb(171,205,209)
```
#b7d5d8
```
#b7d5d8 rgb(183,213,216)
```
#c4dcdf
```
#c4dcdf rgb(196,220,223)
```
#d1e4e6
```
#d1e4e6 rgb(209,228,230)
```
#deebed
```
#deebed rgb(222,235,237)
```
#eaf3f4
```
#eaf3f4 rgb(234,243,244)
```
#f7fafb
```
#f7fafb rgb(247,250,251)
```

Tint Color Variation

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

#3a4243
```
#3a4243 rgb(58,66,67)
```
#364547
```
#364547 rgb(54,69,71)
```
#31494c
```
#31494c rgb(49,73,76)
```
#2c4d51
```
#2c4d51 rgb(44,77,81)
```
#275156
```
#275156 rgb(39,81,86)
```
#22555b
```
#22555b rgb(34,85,91)
```
#1e585f
```
#1e585f rgb(30,88,95)
```
#195c64
```
#195c64 rgb(25,92,100)
```
#146069
```
#146069 rgb(20,96,105)
```
#0f646e
```
#0f646e rgb(15,100,110)
```
#0a6773
```
#0a6773 rgb(10,103,115)
```
#066b77
```
#066b77 rgb(6,107,119)
```
#016f7c
```
#016f7c rgb(1,111,124)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#3f4647 Atypical Achromatopsia 0.001% of the population

Dichromacy

#505056 Protanopia 1% of men
#534f5c Deuteranopia 1% of men
#37555c Tritanopia 0.001% of the population

Trichromacy

#434f54 Protanomaly 1% of men, 0.01% of women
#444e58 Deuteranomaly 6% of men, 0.4% of women
#335258 Tritanomaly 0.01% of the population

#2c4d51 hex color

#2c4d51 Color Information

#2c4d51 Color Conversion

Color Schemes with #2c4d51

Alternatives to #2c4d51

#2c4d51 Preview

Shades and Tints of #2c4d51

Tones of #2c4d51

Color Blindness Simulator