colorhexa.com

#2c323c hex color

In a RGB color space, hex #2c323c is composed of 17.3% red, 19.6% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 16.7% magenta, 0% yellow and 76.5% black. It has a hue angle of 217.5 degrees, a saturation of 15.4% and a lightness of 20.4%. #2c323c color hex could be obtained by blending #586478 with #000000. Closest websafe color is: #333333.

- R 17
- G 20
- B 24
RGB color chart
- C 27
- M 17
- Y 0
- K 76
CMYK color chart

● #2c323c color description : Very dark grayish blue.

The hexadecimal color #2c323c has RGB values of R:44, G:50, B:60 and CMYK values of C:0.27, M:0.17, Y:0, K:0.76. Its decimal value is 2896444.

Hex triplet	2c323c	`#2c323c`
RGB Decimal	44, 50, 60	`rgb(44,50,60)`
RGB Percent	17.3, 19.6, 23.5	`rgb(17.3%,19.6%,23.5%)`
CMYK	27, 17, 0, 76
HSL	217.5°, 15.4, 20.4	`hsl(217.5,15.4%,20.4%)`
HSV (or HSB)	217.5°, 26.7, 23.5
Web Safe	333333	`#333333`

CIE-LAB	20.607, 0.133, -7.159
XYZ	2.995, 3.143, 4.724
xyY	0.276, 0.289, 3.143
CIE-LCH	20.607, 7.16, 271.063
CIE-LUV	20.607, -3.098, -7.632
Hunter-Lab	17.728, -0.871, -3.388
Binary	00101100, 00110010, 00111100

#2c323c
```
#2c323c rgb(44,50,60)
```
#3c362c
```
#3c362c rgb(60,54,44)
```

Complementary Color

#2c3a3c
```
#2c3a3c rgb(44,58,60)
```
#2c323c
```
#2c323c rgb(44,50,60)
```
#2e2c3c
```
#2e2c3c rgb(46,44,60)
```

Analogous Color

#3a3c2c
```
#3a3c2c rgb(58,60,44)
```
#2c323c
```
#2c323c rgb(44,50,60)
```
#3c2e2c
```
#3c2e2c rgb(60,46,44)
```

Split Complementary Color

#0c0d10
```
#0c0d10 rgb(12,13,16)
```
#16191f
```
#16191f rgb(22,25,31)
```
#21262d
```
#21262d rgb(33,38,45)
```
#2c323c
```
#2c323c rgb(44,50,60)
```
#373e4b
```
#373e4b rgb(55,62,75)
```
#424b59
```
#424b59 rgb(66,75,89)
```
#4c5768
```
#4c5768 rgb(76,87,104)
```

Monochromatic Color

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

#2c363c
```
#2c363c rgb(44,54,60)
```
#2c353c
```
#2c353c rgb(44,53,60)
```
#2c333c
```
#2c333c rgb(44,51,60)
```
#2c323c
```
#2c323c rgb(44,50,60)
```
#2c313c
```
#2c313c rgb(44,49,60)
```
#2c2f3c
```
#2c2f3c rgb(44,47,60)
```
#2c2e3c
```
#2c2e3c rgb(44,46,60)
```

Similar Colors

Text with hexadecimal color #2c323c

This text has a font color of #2c323c.

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

#2c323c background color

This paragraph has a background color of #2c323c.

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

#2c323c border color

This element has a border color of #2c323c.

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

CSS codes

.text {color:#2c323c;}

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

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

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

#030303
```
#030303 rgb(3,3,3)
```
#0b0c0f
```
#0b0c0f rgb(11,12,15)
```
#13161a
```
#13161a rgb(19,22,26)
```
#1b1f25
```
#1b1f25 rgb(27,31,37)
```
#242931
```
#242931 rgb(36,41,49)
```
#2c323c
```
#2c323c rgb(44,50,60)
```
#343b47
```
#343b47 rgb(52,59,71)
```
#3d4553
```
#3d4553 rgb(61,69,83)
```
#454e5e
```
#454e5e rgb(69,78,94)
```
#4d5869
```
#4d5869 rgb(77,88,105)
```
#556175
```
#556175 rgb(85,97,117)
```
#5e6b80
```
#5e6b80 rgb(94,107,128)
```
#66748b
```
#66748b rgb(102,116,139)
```

Shade Color Variation

#6f7e96
```
#6f7e96 rgb(111,126,150)
```
#7b889e
```
#7b889e rgb(123,136,158)
```
#8692a6
```
#8692a6 rgb(134,146,166)
```
#919caf
```
#919caf rgb(145,156,175)
```
#9da6b7
```
#9da6b7 rgb(157,166,183)
```
#a8b1bf
```
#a8b1bf rgb(168,177,191)
```
#b3bbc7
```
#b3bbc7 rgb(179,187,199)
```
#bfc5d0
```
#bfc5d0 rgb(191,197,208)
```
#cacfd8
```
#cacfd8 rgb(202,207,216)
```
#d5d9e0
```
#d5d9e0 rgb(213,217,224)
```
#e0e4e9
```
#e0e4e9 rgb(224,228,233)
```
#eceef1
```
#eceef1 rgb(236,238,241)
```
#f7f8f9
```
#f7f8f9 rgb(247,248,249)
```

Tint Color Variation

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

#343434
```
#343434 rgb(52,52,52)
```
#303338
```
#303338 rgb(48,51,56)
```
#2c323c
```
#2c323c rgb(44,50,60)
```
#283140
```
#283140 rgb(40,49,64)
```
#243044
```
#243044 rgb(36,48,68)
```
#202f48
```
#202f48 rgb(32,47,72)
```
#1c2e4c
```
#1c2e4c rgb(28,46,76)
```
#182d50
```
#182d50 rgb(24,45,80)
```
#142c54
```
#142c54 rgb(20,44,84)
```
#102b58
```
#102b58 rgb(16,43,88)
```
#0c2a5c
```
#0c2a5c rgb(12,42,92)
```
#082960
```
#082960 rgb(8,41,96)
```
#042864
```
#042864 rgb(4,40,100)
```
#002768
```
#002768 rgb(0,39,104)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#303133 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a3b45 Protanopia 1% of men
#3c3b46 Deuteranopia 1% of men
#353d41 Tritanopia 0.001% of the population

Trichromacy

#353842 Protanomaly 1% of men, 0.01% of women
#363742 Deuteranomaly 6% of men, 0.4% of women
#32393f Tritanomaly 0.01% of the population