#2c3a45 hex color

In a RGB color space, hex #2c3a45 is composed of 17.3% red, 22.7% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 36.2% cyan, 15.9% magenta, 0% yellow and 72.9% black. It has a hue angle of 206.4 degrees, a saturation of 22.1% and a lightness of 22.2%. #2c3a45 color hex could be obtained by blending #58748a with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 17
- G 23
- B 27
RGB color chart
- C 36
- M 16
- Y 0
- K 73
CMYK color chart

● #2c3a45 color description : Very dark desaturated blue.

The hexadecimal color #2c3a45 has RGB values of R:44, G:58, B:69 and CMYK values of C:0.36, M:0.16, Y:0, K:0.73. Its decimal value is 2898501.

Hex triplet	2c3a45	`#2c3a45`
RGB Decimal	44, 58, 69	`rgb(44,58,69)`
RGB Percent	17.3, 22.7, 27.1	`rgb(17.3%,22.7%,27.1%)`
CMYK	36, 16, 0, 73
HSL	206.4°, 22.1, 22.2	`hsl(206.4,22.1%,22.2%)`
HSV (or HSB)	206.4°, 36.2, 27.1
Web Safe	333333	`#333333`

CIE-LAB	23.642, -2.557, -8.634
XYZ	3.626, 3.991, 6.209
xyY	0.262, 0.289, 3.991
CIE-LCH	23.642, 9.004, 253.503
CIE-LUV	23.642, -6.527, -9.505
Hunter-Lab	19.978, -2.566, -4.443
Binary	00101100, 00111010, 01000101

#2c3a45
```
#2c3a45 rgb(44,58,69)
```
#45372c
```
#45372c rgb(69,55,44)
```

Complementary Color

#2c4544
```
#2c4544 rgb(44,69,68)
```
#2c3a45
```
#2c3a45 rgb(44,58,69)
```
#2c2e45
```
#2c2e45 rgb(44,46,69)
```

Analogous Color

#45442c
```
#45442c rgb(69,68,44)
```
#2c3a45
```
#2c3a45 rgb(44,58,69)
```
#452c2e
```
#452c2e rgb(69,44,46)
```

Split Complementary Color

#3a452c
```
#3a452c rgb(58,69,44)
```
#2c3a45
```
#2c3a45 rgb(44,58,69)
```
#452c3a
```
#452c3a rgb(69,44,58)
```

Triadic Color

#2c4537
```
#2c4537 rgb(44,69,55)
```
#2c3a45
```
#2c3a45 rgb(44,58,69)
```
#452c3a
```
#452c3a rgb(69,44,58)
```
#45372c
```
#45372c rgb(69,55,44)
```

Tetradic Color

#0e1316
```
#0e1316 rgb(14,19,22)
```
#182026
```
#182026 rgb(24,32,38)
```
#222d35
```
#222d35 rgb(34,45,53)
```
#2c3a45
```
#2c3a45 rgb(44,58,69)
```
#364755
```
#364755 rgb(54,71,85)
```
#405464
```
#405464 rgb(64,84,100)
```
#4a6174
```
#4a6174 rgb(74,97,116)
```

Monochromatic Color

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

#2c4045
```
#2c4045 rgb(44,64,69)
```
#2c3e45
```
#2c3e45 rgb(44,62,69)
```
#2c3c45
```
#2c3c45 rgb(44,60,69)
```
#2c3a45
```
#2c3a45 rgb(44,58,69)
```
#2c3845
```
#2c3845 rgb(44,56,69)
```
#2c3645
```
#2c3645 rgb(44,54,69)
```
#2c3445
```
#2c3445 rgb(44,52,69)
```

Similar Colors

Text with hexadecimal color #2c3a45

This text has a font color of #2c3a45.

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

#2c3a45 background color

This paragraph has a background color of #2c3a45.

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

#2c3a45 border color

This element has a border color of #2c3a45.

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

CSS codes

.text {color:#2c3a45;}

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

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

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

#060809
```
#060809 rgb(6,8,9)
```
#0d1215
```
#0d1215 rgb(13,18,21)
```
#151c21
```
#151c21 rgb(21,28,33)
```
#1d262d
```
#1d262d rgb(29,38,45)
```
#243039
```
#243039 rgb(36,48,57)
```
#2c3a45
```
#2c3a45 rgb(44,58,69)
```
#344451
```
#344451 rgb(52,68,81)
```
#3b4e5d
```
#3b4e5d rgb(59,78,93)
```
#435869
```
#435869 rgb(67,88,105)
```
#4b6275
```
#4b6275 rgb(75,98,117)
```
#526c81
```
#526c81 rgb(82,108,129)
```
#5a768d
```
#5a768d rgb(90,118,141)
```
#618099
```
#618099 rgb(97,128,153)
```

Shade Color Variation

#6c8aa2
```
#6c8aa2 rgb(108,138,162)
```
#7894a9
```
#7894a9 rgb(120,148,169)
```
#849db1
```
#849db1 rgb(132,157,177)
```
#90a7b8
```
#90a7b8 rgb(144,167,184)
```
#9cb0c0
```
#9cb0c0 rgb(156,176,192)
```
#a8bac8
```
#a8bac8 rgb(168,186,200)
```
#b4c3cf
```
#b4c3cf rgb(180,195,207)
```
#c0cdd7
```
#c0cdd7 rgb(192,205,215)
```
#ccd7df
```
#ccd7df rgb(204,215,223)
```
#d8e0e6
```
#d8e0e6 rgb(216,224,230)
```
#e4eaee
```
#e4eaee rgb(228,234,238)
```
#f0f3f6
```
#f0f3f6 rgb(240,243,246)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#35393c
```
#35393c rgb(53,57,60)
```
#303941
```
#303941 rgb(48,57,65)
```
#2c3a45
```
#2c3a45 rgb(44,58,69)
```
#283b49
```
#283b49 rgb(40,59,73)
```
#233b4e
```
#233b4e rgb(35,59,78)
```
#1f3c52
```
#1f3c52 rgb(31,60,82)
```
#1b3c56
```
#1b3c56 rgb(27,60,86)
```
#163d5b
```
#163d5b rgb(22,61,91)
```
#123d5f
```
#123d5f rgb(18,61,95)
```
#0e3e63
```
#0e3e63 rgb(14,62,99)
```
#093e68
```
#093e68 rgb(9,62,104)
```
#053f6c
```
#053f6c rgb(5,63,108)
```
#013f70
```
#013f70 rgb(1,63,112)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#35383a Atypical Achromatopsia 0.001% of the population

Dichromacy

#40424d Protanopia 1% of men
#41414f Deuteranopia 1% of men
#35454a Tritanopia 0.001% of the population

Trichromacy

#383f4a Protanomaly 1% of men, 0.01% of women
#393e4b Deuteranomaly 6% of men, 0.4% of women
#324148 Tritanomaly 0.01% of the population

#2c3a45 hex color

#2c3a45 Color Information

#2c3a45 Color Conversion

Color Schemes with #2c3a45

Alternatives to #2c3a45

#2c3a45 Preview

Shades and Tints of #2c3a45

Tones of #2c3a45

Color Blindness Simulator