#2c343f hex color

In a RGB color space, hex #2c343f is composed of 17.3% red, 20.4% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 30.2% cyan, 17.5% magenta, 0% yellow and 75.3% black. It has a hue angle of 214.7 degrees, a saturation of 17.8% and a lightness of 21%. #2c343f color hex could be obtained by blending #58687e with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 17
- G 20
- B 25
RGB color chart
- C 30
- M 17
- Y 0
- K 75
CMYK color chart

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

The hexadecimal color #2c343f has RGB values of R:44, G:52, B:63 and CMYK values of C:0.3, M:0.17, Y:0, K:0.75. Its decimal value is 2896959.

Hex triplet	2c343f	`#2c343f`
RGB Decimal	44, 52, 63	`rgb(44,52,63)`
RGB Percent	17.3, 20.4, 24.7	`rgb(17.3%,20.4%,24.7%)`
CMYK	30, 17, 0, 75
HSL	214.7°, 17.8, 21	`hsl(214.7,17.8%,21%)`
HSV (or HSB)	214.7°, 30.2, 24.7
Web Safe	333333	`#333333`

CIE-LAB	21.395, -0.349, -8.005
XYZ	3.164, 3.35, 5.182
xyY	0.27, 0.286, 3.35
CIE-LCH	21.395, 8.013, 267.507
CIE-LUV	21.395, -3.989, -8.656
Hunter-Lab	18.304, -1.179, -3.974
Binary	00101100, 00110100, 00111111

#2c343f
```
#2c343f rgb(44,52,63)
```
#3f372c
```
#3f372c rgb(63,55,44)
```

Complementary Color

#2c3e3f
```
#2c3e3f rgb(44,62,63)
```
#2c343f
```
#2c343f rgb(44,52,63)
```
#2e2c3f
```
#2e2c3f rgb(46,44,63)
```

Analogous Color

#3e3f2c
```
#3e3f2c rgb(62,63,44)
```
#2c343f
```
#2c343f rgb(44,52,63)
```
#3f2e2c
```
#3f2e2c rgb(63,46,44)
```

Split Complementary Color

#343f2c
```
#343f2c rgb(52,63,44)
```
#2c343f
```
#2c343f rgb(44,52,63)
```
#3f2c34
```
#3f2c34 rgb(63,44,52)
```

Triadic Color

#2c3f37
```
#2c3f37 rgb(44,63,55)
```
#2c343f
```
#2c343f rgb(44,52,63)
```
#3f2c34
```
#3f2c34 rgb(63,44,52)
```
#3f372c
```
#3f372c rgb(63,55,44)
```

Tetradic Color

#0d0f12
```
#0d0f12 rgb(13,15,18)
```
#171b21
```
#171b21 rgb(23,27,33)
```
#222830
```
#222830 rgb(34,40,48)
```
#2c343f
```
#2c343f rgb(44,52,63)
```
#36404e
```
#36404e rgb(54,64,78)
```
#414d5d
```
#414d5d rgb(65,77,93)
```
#4b596c
```
#4b596c rgb(75,89,108)
```

Monochromatic Color

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

#2c393f
```
#2c393f rgb(44,57,63)
```
#2c373f
```
#2c373f rgb(44,55,63)
```
#2c363f
```
#2c363f rgb(44,54,63)
```
#2c343f
```
#2c343f rgb(44,52,63)
```
#2c323f
```
#2c323f rgb(44,50,63)
```
#2c313f
```
#2c313f rgb(44,49,63)
```
#2c2f3f
```
#2c2f3f rgb(44,47,63)
```

Similar Colors

Text with hexadecimal color #2c343f

This text has a font color of #2c343f.

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

#2c343f background color

This paragraph has a background color of #2c343f.

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

#2c343f border color

This element has a border color of #2c343f.

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

CSS codes

.text {color:#2c343f;}

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

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

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

#040405
```
#040405 rgb(4,4,5)
```
#0c0e11
```
#0c0e11 rgb(12,14,17)
```
#14171c
```
#14171c rgb(20,23,28)
```
#1c2128
```
#1c2128 rgb(28,33,40)
```
#242a33
```
#242a33 rgb(36,42,51)
```
#2c343f
```
#2c343f rgb(44,52,63)
```
#343e4b
```
#343e4b rgb(52,62,75)
```
#3c4756
```
#3c4756 rgb(60,71,86)
```
#445162
```
#445162 rgb(68,81,98)
```
#4c5a6d
```
#4c5a6d rgb(76,90,109)
```
#546479
```
#546479 rgb(84,100,121)
```
#5c6d84
```
#5c6d84 rgb(92,109,132)
```
#647790
```
#647790 rgb(100,119,144)
```

Shade Color Variation

#6e819a
```
#6e819a rgb(110,129,154)
```
#7a8ba2
```
#7a8ba2 rgb(122,139,162)
```
#8595aa
```
#8595aa rgb(133,149,170)
```
#919fb2
```
#919fb2 rgb(145,159,178)
```
#9ca9ba
```
#9ca9ba rgb(156,169,186)
```
#a8b3c2
```
#a8b3c2 rgb(168,179,194)
```
#b3bdca
```
#b3bdca rgb(179,189,202)
```
#bfc7d2
```
#bfc7d2 rgb(191,199,210)
```
#cbd1da
```
#cbd1da rgb(203,209,218)
```
#d6dbe2
```
#d6dbe2 rgb(214,219,226)
```
#e2e5ea
```
#e2e5ea rgb(226,229,234)
```
#edeff3
```
#edeff3 rgb(237,239,243)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Tint Color Variation

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

#343537
```
#343537 rgb(52,53,55)
```
#30353b
```
#30353b rgb(48,53,59)
```
#2c343f
```
#2c343f rgb(44,52,63)
```
#283343
```
#283343 rgb(40,51,67)
```
#243347
```
#243347 rgb(36,51,71)
```
#20324b
```
#20324b rgb(32,50,75)
```
#1c314f
```
#1c314f rgb(28,49,79)
```
#173154
```
#173154 rgb(23,49,84)
```
#133058
```
#133058 rgb(19,48,88)
```
#0f2f5c
```
#0f2f5c rgb(15,47,92)
```
#0b2f60
```
#0b2f60 rgb(11,47,96)
```
#072e64
```
#072e64 rgb(7,46,100)
```
#032e68
```
#032e68 rgb(3,46,104)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#323335 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b3d48 Protanopia 1% of men
#3d3c49 Deuteranopia 1% of men
#353f44 Tritanopia 0.001% of the population

Trichromacy

#353a44 Protanomaly 1% of men, 0.01% of women
#373945 Deuteranomaly 6% of men, 0.4% of women
#323b42 Tritanomaly 0.01% of the population

#2c343f hex color

#2c343f Color Information

#2c343f Color Conversion

Color Schemes with #2c343f

Alternatives to #2c343f

#2c343f Preview

Shades and Tints of #2c343f

Tones of #2c343f

Color Blindness Simulator