#2c323e hex color

In a RGB color space, hex #2c323e is composed of 17.3% red, 19.6% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 29% cyan, 19.4% magenta, 0% yellow and 75.7% black. It has a hue angle of 220 degrees, a saturation of 17% and a lightness of 20.8%. #2c323e color hex could be obtained by blending #58647c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 17
- G 20
- B 24
RGB color chart
- C 29
- M 19
- Y 0
- K 76
CMYK color chart

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

The hexadecimal color #2c323e has RGB values of R:44, G:50, B:62 and CMYK values of C:0.29, M:0.19, Y:0, K:0.76. Its decimal value is 2896446.

Hex triplet	2c323e	`#2c323e`
RGB Decimal	44, 50, 62	`rgb(44,50,62)`
RGB Percent	17.3, 19.6, 24.3	`rgb(17.3%,19.6%,24.3%)`
CMYK	29, 19, 0, 76
HSL	220°, 17, 20.8	`hsl(220,17%,20.8%)`
HSV (or HSB)	220°, 29, 24.3
Web Safe	333333	`#333333`

CIE-LAB	20.691, 0.714, -8.395
XYZ	3.049, 3.164, 5.007
xyY	0.272, 0.282, 3.164
CIE-LCH	20.691, 8.425, 274.865
CIE-LUV	20.691, -3.166, -9.085
Hunter-Lab	17.789, -0.539, -4.237
Binary	00101100, 00110010, 00111110

#2c323e
```
#2c323e rgb(44,50,62)
```
#3e382c
```
#3e382c rgb(62,56,44)
```

Complementary Color

#2c3b3e
```
#2c3b3e rgb(44,59,62)
```
#2c323e
```
#2c323e rgb(44,50,62)
```
#2f2c3e
```
#2f2c3e rgb(47,44,62)
```

Analogous Color

#3b3e2c
```
#3b3e2c rgb(59,62,44)
```
#2c323e
```
#2c323e rgb(44,50,62)
```
#3e2f2c
```
#3e2f2c rgb(62,47,44)
```

Split Complementary Color

#323e2c
```
#323e2c rgb(50,62,44)
```
#2c323e
```
#2c323e rgb(44,50,62)
```
#3e2c32
```
#3e2c32 rgb(62,44,50)
```

Triadic Color

#2c3e38
```
#2c3e38 rgb(44,62,56)
```
#2c323e
```
#2c323e rgb(44,50,62)
```
#3e2c32
```
#3e2c32 rgb(62,44,50)
```
#3e382c
```
#3e382c rgb(62,56,44)
```

Tetradic Color

#0c0e11
```
#0c0e11 rgb(12,14,17)
```
#171a20
```
#171a20 rgb(23,26,32)
```
#21262f
```
#21262f rgb(33,38,47)
```
#2c323e
```
#2c323e rgb(44,50,62)
```
#373e4d
```
#373e4d rgb(55,62,77)
```
#414a5c
```
#414a5c rgb(65,74,92)
```
#4c566b
```
#4c566b rgb(76,86,107)
```

Monochromatic Color

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

#2c373e
```
#2c373e rgb(44,55,62)
```
#2c353e
```
#2c353e rgb(44,53,62)
```
#2c343e
```
#2c343e rgb(44,52,62)
```
#2c323e
```
#2c323e rgb(44,50,62)
```
#2c313e
```
#2c313e rgb(44,49,62)
```
#2c2f3e
```
#2c2f3e rgb(44,47,62)
```
#2c2e3e
```
#2c2e3e rgb(44,46,62)
```

Similar Colors

Text with hexadecimal color #2c323e

This text has a font color of #2c323e.

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

#2c323e background color

This paragraph has a background color of #2c323e.

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

#2c323e border color

This element has a border color of #2c323e.

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

CSS codes

.text {color:#2c323e;}

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

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0b0d10
```
#0b0d10 rgb(11,13,16)
```
#14161c
```
#14161c rgb(20,22,28)
```
#1c1f27
```
#1c1f27 rgb(28,31,39)
```
#242933
```
#242933 rgb(36,41,51)
```
#2c323e
```
#2c323e rgb(44,50,62)
```
#343b49
```
#343b49 rgb(52,59,73)
```
#3c4555
```
#3c4555 rgb(60,69,85)
```
#444e60
```
#444e60 rgb(68,78,96)
```
#4d576c
```
#4d576c rgb(77,87,108)
```
#556077
```
#556077 rgb(85,96,119)
```
#5d6a83
```
#5d6a83 rgb(93,106,131)
```
#65738e
```
#65738e rgb(101,115,142)
```

Shade Color Variation

#6e7c98
```
#6e7c98 rgb(110,124,152)
```
#7a87a1
```
#7a87a1 rgb(122,135,161)
```
#8591a9
```
#8591a9 rgb(133,145,169)
```
#919cb1
```
#919cb1 rgb(145,156,177)
```
#9ca6b9
```
#9ca6b9 rgb(156,166,185)
```
#a8b0c1
```
#a8b0c1 rgb(168,176,193)
```
#b3bbc9
```
#b3bbc9 rgb(179,187,201)
```
#bfc5d1
```
#bfc5d1 rgb(191,197,209)
```
#cacfda
```
#cacfda rgb(202,207,218)
```
#d6dae2
```
#d6dae2 rgb(214,218,226)
```
#e1e4ea
```
#e1e4ea rgb(225,228,234)
```
#edeef2
```
#edeef2 rgb(237,238,242)
```
#f8f9fa
```
#f8f9fa rgb(248,249,250)
```

Tint Color Variation

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

#343536
```
#343536 rgb(52,53,54)
```
#30333a
```
#30333a rgb(48,51,58)
```
#2c323e
```
#2c323e rgb(44,50,62)
```
#283142
```
#283142 rgb(40,49,66)
```
#242f46
```
#242f46 rgb(36,47,70)
```
#202e4a
```
#202e4a rgb(32,46,74)
```
#1c2d4e
```
#1c2d4e rgb(28,45,78)
```
#182b52
```
#182b52 rgb(24,43,82)
```
#142a56
```
#142a56 rgb(20,42,86)
```
#0f285b
```
#0f285b rgb(15,40,91)
```
#0b275f
```
#0b275f rgb(11,39,95)
```
#072663
```
#072663 rgb(7,38,99)
```
#032467
```
#032467 rgb(3,36,103)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#313234 Atypical Achromatopsia 0.001% of the population

Dichromacy

#393b47 Protanopia 1% of men
#3b3b48 Deuteranopia 1% of men
#353d42 Tritanopia 0.001% of the population

Trichromacy

#343844 Protanomaly 1% of men, 0.01% of women
#363744 Deuteranomaly 6% of men, 0.4% of women
#323940 Tritanomaly 0.01% of the population

#2c323e hex color

#2c323e Color Information

#2c323e Color Conversion

Color Schemes with #2c323e

Alternatives to #2c323e

#2c323e Preview

Shades and Tints of #2c323e

Tones of #2c323e

Color Blindness Simulator