colorhexa.com

#2c484c hex color

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

- R 17
- G 28
- B 30
RGB color chart
- C 42
- M 5
- Y 0
- K 70
CMYK color chart

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

The hexadecimal color #2c484c has RGB values of R:44, G:72, B:76 and CMYK values of C:0.42, M:0.05, Y:0, K:0.7. Its decimal value is 2902092.

Hex triplet	2c484c	`#2c484c`
RGB Decimal	44, 72, 76	`rgb(44,72,76)`
RGB Percent	17.3, 28.2, 29.8	`rgb(17.3%,28.2%,29.8%)`
CMYK	42, 5, 0, 70
HSL	187.5°, 26.7, 23.5	`hsl(187.5,26.7%,23.5%)`
HSV (or HSB)	187.5°, 42.1, 29.8
Web Safe	333333	`#333333`

CIE-LAB	28.621, -9.329, -5.738
XYZ	4.66, 5.692, 7.69
xyY	0.258, 0.315, 5.692
CIE-LCH	28.621, 10.952, 211.597
CIE-LUV	28.621, -12.29, -5.745
Hunter-Lab	23.857, -6.883, -2.411
Binary	00101100, 01001000, 01001100

#2c484c
```
#2c484c rgb(44,72,76)
```
#4c302c
```
#4c302c rgb(76,48,44)
```

Complementary Color

#2c4c40
```
#2c4c40 rgb(44,76,64)
```
#2c484c
```
#2c484c rgb(44,72,76)
```
#2c384c
```
#2c384c rgb(44,56,76)
```

Analogous Color

#4c402c
```
#4c402c rgb(76,64,44)
```
#2c484c
```
#2c484c rgb(44,72,76)
```
#4c2c38
```
#4c2c38 rgb(76,44,56)
```

Split Complementary Color

#101a1c
```
#101a1c rgb(16,26,28)
```
#19292c
```
#19292c rgb(25,41,44)
```
#23393c
```
#23393c rgb(35,57,60)
```
#2c484c
```
#2c484c rgb(44,72,76)
```
#35575c
```
#35575c rgb(53,87,92)
```
#3f676c
```
#3f676c rgb(63,103,108)
```
#48767c
```
#48767c rgb(72,118,124)
```

Monochromatic Color

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

#2c4c48
```
#2c4c48 rgb(44,76,72)
```
#2c4c4b
```
#2c4c4b rgb(44,76,75)
```
#2c4b4c
```
#2c4b4c rgb(44,75,76)
```
#2c484c
```
#2c484c rgb(44,72,76)
```
#2c454c
```
#2c454c rgb(44,69,76)
```
#2c434c
```
#2c434c rgb(44,67,76)
```
#2c404c
```
#2c404c rgb(44,64,76)
```

Similar Colors

Text with hexadecimal color #2c484c

This text has a font color of #2c484c.

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

#2c484c background color

This paragraph has a background color of #2c484c.

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

#2c484c border color

This element has a border color of #2c484c.

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

CSS codes

.text {color:#2c484c;}

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

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

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 #f4f8f9 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#080d0e
```
#080d0e rgb(8,13,14)
```
#0f191a
```
#0f191a rgb(15,25,26)
```
#162527
```
#162527 rgb(22,37,39)
```
#1e3033
```
#1e3033 rgb(30,48,51)
```
#253c40
```
#253c40 rgb(37,60,64)
```
#2c484c
```
#2c484c rgb(44,72,76)
```
#335458
```
#335458 rgb(51,84,88)
```
#3a6065
```
#3a6065 rgb(58,96,101)
```
#426b71
```
#426b71 rgb(66,107,113)
```
#49777e
```
#49777e rgb(73,119,126)
```
#50838a
```
#50838a rgb(80,131,138)
```
#578f97
```
#578f97 rgb(87,143,151)
```

Shade Color Variation

#5f9aa2
```
#5f9aa2 rgb(95,154,162)
```
#6ba2aa
```
#6ba2aa rgb(107,162,170)
```
#78aab1
```
#78aab1 rgb(120,170,177)
```
#84b1b8
```
#84b1b8 rgb(132,177,184)
```
#91b9bf
```
#91b9bf rgb(145,185,191)
```
#9dc1c6
```
#9dc1c6 rgb(157,193,198)
```
#aac9ce
```
#aac9ce rgb(170,201,206)
```
#b6d1d5
```
#b6d1d5 rgb(182,209,213)
```
#c2d9dc
```
#c2d9dc rgb(194,217,220)
```
#cfe1e3
```
#cfe1e3 rgb(207,225,227)
```
#dbe8ea
```
#dbe8ea rgb(219,232,234)
```
#e8f0f1
```
#e8f0f1 rgb(232,240,241)
```
#f4f8f9
```
#f4f8f9 rgb(244,248,249)
```

Tint Color Variation

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

#3a3e3e
```
#3a3e3e rgb(58,62,62)
```
#354143
```
#354143 rgb(53,65,67)
```
#314547
```
#314547 rgb(49,69,71)
```
#2c484c
```
#2c484c rgb(44,72,76)
```
#274b51
```
#274b51 rgb(39,75,81)
```
#234f55
```
#234f55 rgb(35,79,85)
```
#1e525a
```
#1e525a rgb(30,82,90)
```
#1a565e
```
#1a565e rgb(26,86,94)
```
#155963
```
#155963 rgb(21,89,99)
```
#105d68
```
#105d68 rgb(16,93,104)
```
#0c606c
```
#0c606c rgb(12,96,108)
```
#076471
```
#076471 rgb(7,100,113)
```
#026776
```
#026776 rgb(2,103,118)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3c4242 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c4c52 Protanopia 1% of men
#4f4b57 Deuteranopia 1% of men
#375157 Tritanopia 0.001% of the population

Trichromacy

#404b50 Protanomaly 1% of men, 0.01% of women
#424a53 Deuteranomaly 6% of men, 0.4% of women
#334d53 Tritanomaly 0.01% of the population