#2c3040 hex color

In a RGB color space, hex #2c3040 is composed of 17.3% red, 18.8% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 31.3% cyan, 25% magenta, 0% yellow and 74.9% black. It has a hue angle of 228 degrees, a saturation of 18.5% and a lightness of 21.2%. #2c3040 color hex could be obtained by blending #586080 with #000000. Closest websafe color is: #333333.

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

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

The hexadecimal color #2c3040 has RGB values of R:44, G:48, B:64 and CMYK values of C:0.31, M:0.25, Y:0, K:0.75. Its decimal value is 2895936.

Hex triplet	2c3040	`#2c3040`
RGB Decimal	44, 48, 64	`rgb(44,48,64)`
RGB Percent	17.3, 18.8, 25.1	`rgb(17.3%,18.8%,25.1%)`
CMYK	31, 25, 0, 75
HSL	228°, 18.5, 21.2	`hsl(228,18.5%,21.2%)`
HSV (or HSB)	228°, 31.3, 25.1
Web Safe	333333	`#333333`

CIE-LAB	20.122, 2.683, -10.625
XYZ	3.021, 3.019, 5.274
xyY	0.267, 0.267, 3.019
CIE-LCH	20.122, 10.959, 284.173
CIE-LUV	20.122, -2.467, -11.67
Hunter-Lab	17.377, 0.623, -5.831
Binary	00101100, 00110000, 01000000

#2c3040
```
#2c3040 rgb(44,48,64)
```
#403c2c
```
#403c2c rgb(64,60,44)
```

Complementary Color

#2c3a40
```
#2c3a40 rgb(44,58,64)
```
#2c3040
```
#2c3040 rgb(44,48,64)
```
#322c40
```
#322c40 rgb(50,44,64)
```

Analogous Color

#3a402c
```
#3a402c rgb(58,64,44)
```
#2c3040
```
#2c3040 rgb(44,48,64)
```
#40322c
```
#40322c rgb(64,50,44)
```

Split Complementary Color

#30402c
```
#30402c rgb(48,64,44)
```
#2c3040
```
#2c3040 rgb(44,48,64)
```
#402c30
```
#402c30 rgb(64,44,48)
```

Triadic Color

#2c403c
```
#2c403c rgb(44,64,60)
```
#2c3040
```
#2c3040 rgb(44,48,64)
```
#402c30
```
#402c30 rgb(64,44,48)
```
#403c2c
```
#403c2c rgb(64,60,44)
```

Tetradic Color

#0d0e13
```
#0d0e13 rgb(13,14,19)
```
#171922
```
#171922 rgb(23,25,34)
```
#222531
```
#222531 rgb(34,37,49)
```
#2c3040
```
#2c3040 rgb(44,48,64)
```
#363b4f
```
#363b4f rgb(54,59,79)
```
#41475e
```
#41475e rgb(65,71,94)
```
#4b526d
```
#4b526d rgb(75,82,109)
```

Monochromatic Color

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

#2c3540
```
#2c3540 rgb(44,53,64)
```
#2c3340
```
#2c3340 rgb(44,51,64)
```
#2c3240
```
#2c3240 rgb(44,50,64)
```
#2c3040
```
#2c3040 rgb(44,48,64)
```
#2c2e40
```
#2c2e40 rgb(44,46,64)
```
#2c2d40
```
#2c2d40 rgb(44,45,64)
```
#2d2c40
```
#2d2c40 rgb(45,44,64)
```

Similar Colors

Text with hexadecimal color #2c3040

This text has a font color of #2c3040.

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

#2c3040 background color

This paragraph has a background color of #2c3040.

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

#2c3040 border color

This element has a border color of #2c3040.

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

CSS codes

.text {color:#2c3040;}

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

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

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

#040406
```
#040406 rgb(4,4,6)
```
#0c0d12
```
#0c0d12 rgb(12,13,18)
```
#14161d
```
#14161d rgb(20,22,29)
```
#1c1f29
```
#1c1f29 rgb(28,31,41)
```
#242734
```
#242734 rgb(36,39,52)
```
#2c3040
```
#2c3040 rgb(44,48,64)
```
#34394c
```
#34394c rgb(52,57,76)
```
#3c4157
```
#3c4157 rgb(60,65,87)
```
#444a63
```
#444a63 rgb(68,74,99)
```
#4c536e
```
#4c536e rgb(76,83,110)
```
#545c7a
```
#545c7a rgb(84,92,122)
```
#5c6486
```
#5c6486 rgb(92,100,134)
```
#646d91
```
#646d91 rgb(100,109,145)
```

Shade Color Variation

#6e779b
```
#6e779b rgb(110,119,155)
```
#7982a3
```
#7982a3 rgb(121,130,163)
```
#858dab
```
#858dab rgb(133,141,171)
```
#9198b3
```
#9198b3 rgb(145,152,179)
```
#9ca2bb
```
#9ca2bb rgb(156,162,187)
```
#a8adc3
```
#a8adc3 rgb(168,173,195)
```
#b4b8cb
```
#b4b8cb rgb(180,184,203)
```
#bfc3d3
```
#bfc3d3 rgb(191,195,211)
```
#cbcedb
```
#cbcedb rgb(203,206,219)
```
#d6d9e3
```
#d6d9e3 rgb(214,217,227)
```
#e2e4eb
```
#e2e4eb rgb(226,228,235)
```
#eeeff3
```
#eeeff3 rgb(238,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, #343538 is the less saturated color, while #02176a is the most saturated one.

#343538
```
#343538 rgb(52,53,56)
```
#30323c
```
#30323c rgb(48,50,60)
```
#2c3040
```
#2c3040 rgb(44,48,64)
```
#282e44
```
#282e44 rgb(40,46,68)
```
#242b48
```
#242b48 rgb(36,43,72)
```
#20294c
```
#20294c rgb(32,41,76)
```
#1b2651
```
#1b2651 rgb(27,38,81)
```
#172455
```
#172455 rgb(23,36,85)
```
#132159
```
#132159 rgb(19,33,89)
```
#0f1f5d
```
#0f1f5d rgb(15,31,93)
```
#0b1c61
```
#0b1c61 rgb(11,28,97)
```
#071a65
```
#071a65 rgb(7,26,101)
```
#02176a
```
#02176a rgb(2,23,106)
```

Tone Color Variation

Below, you can see how #2c3040 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
#303134 Atypical Achromatopsia 0.001% of the population

Dichromacy

#373a49 Protanopia 1% of men
#383a4a Deuteranopia 1% of men
#343c40 Tritanopia 0.001% of the population

Trichromacy

#333646 Protanomaly 1% of men, 0.01% of women
#343646 Deuteranomaly 6% of men, 0.4% of women
#313740 Tritanomaly 0.01% of the population

#2c3040 hex color

#2c3040 Color Information

#2c3040 Color Conversion

Color Schemes with #2c3040

Alternatives to #2c3040

#2c3040 Preview

Shades and Tints of #2c3040

Tones of #2c3040

Color Blindness Simulator