#2c4352 hex color

In a RGB color space, hex #2c4352 is composed of 17.3% red, 26.3% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 46.3% cyan, 18.3% magenta, 0% yellow and 67.8% black. It has a hue angle of 203.7 degrees, a saturation of 30.2% and a lightness of 24.7%. #2c4352 color hex could be obtained by blending #5886a4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 17
- G 26
- B 32
RGB color chart
- C 46
- M 18
- Y 0
- K 68
CMYK color chart

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

The hexadecimal color #2c4352 has RGB values of R:44, G:67, B:82 and CMYK values of C:0.46, M:0.18, Y:0, K:0.68. Its decimal value is 2900818.

Hex triplet	2c4352	`#2c4352`
RGB Decimal	44, 67, 82	`rgb(44,67,82)`
RGB Percent	17.3, 26.3, 32.2	`rgb(17.3%,26.3%,32.2%)`
CMYK	46, 18, 0, 68
HSL	203.7°, 30.2, 24.7	`hsl(203.7,30.2%,24.7%)`
HSV (or HSB)	203.7°, 46.3, 32.2
Web Safe	333366	`#333366`

CIE-LAB	27.182, -4.336, -11.812
XYZ	4.568, 5.159, 8.737
xyY	0.247, 0.279, 5.159
CIE-LCH	27.182, 12.583, 249.843
CIE-LUV	27.182, -10.209, -13.81
Hunter-Lab	22.713, -3.844, -6.909
Binary	00101100, 01000011, 01010010

#2c4352
```
#2c4352 rgb(44,67,82)
```
#523b2c
```
#523b2c rgb(82,59,44)
```

Complementary Color

#2c524e
```
#2c524e rgb(44,82,78)
```
#2c4352
```
#2c4352 rgb(44,67,82)
```
#2c3052
```
#2c3052 rgb(44,48,82)
```

Analogous Color

#524e2c
```
#524e2c rgb(82,78,44)
```
#2c4352
```
#2c4352 rgb(44,67,82)
```
#522c30
```
#522c30 rgb(82,44,48)
```

Split Complementary Color

#43522c
```
#43522c rgb(67,82,44)
```
#2c4352
```
#2c4352 rgb(44,67,82)
```
#522c43
```
#522c43 rgb(82,44,67)
```

Triadic Color

#2c523b
```
#2c523b rgb(44,82,59)
```
#2c4352
```
#2c4352 rgb(44,67,82)
```
#522c43
```
#522c43 rgb(82,44,67)
```
#523b2c
```
#523b2c rgb(82,59,44)
```

Tetradic Color

#111a20
```
#111a20 rgb(17,26,32)
```
#1a2831
```
#1a2831 rgb(26,40,49)
```
#233541
```
#233541 rgb(35,53,65)
```
#2c4352
```
#2c4352 rgb(44,67,82)
```
#355163
```
#355163 rgb(53,81,99)
```
#3e5e73
```
#3e5e73 rgb(62,94,115)
```
#476c84
```
#476c84 rgb(71,108,132)
```

Monochromatic Color

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

#2c4d52
```
#2c4d52 rgb(44,77,82)
```
#2c4952
```
#2c4952 rgb(44,73,82)
```
#2c4652
```
#2c4652 rgb(44,70,82)
```
#2c4352
```
#2c4352 rgb(44,67,82)
```
#2c4052
```
#2c4052 rgb(44,64,82)
```
#2c3d52
```
#2c3d52 rgb(44,61,82)
```
#2c3a52
```
#2c3a52 rgb(44,58,82)
```

Similar Colors

Text with hexadecimal color #2c4352

This text has a font color of #2c4352.

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

#2c4352 background color

This paragraph has a background color of #2c4352.

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

#2c4352 border color

This element has a border color of #2c4352.

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

CSS codes

.text {color:#2c4352;}

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

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

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 #f8fafb is the lightest one.

#030405
```
#030405 rgb(3,4,5)
```
#0a0f12
```
#0a0f12 rgb(10,15,18)
```
#11191f
```
#11191f rgb(17,25,31)
```
#17242c
```
#17242c rgb(23,36,44)
```
#1e2e38
```
#1e2e38 rgb(30,46,56)
```
#253945
```
#253945 rgb(37,57,69)
```
#2c4352
```
#2c4352 rgb(44,67,82)
```
#334d5f
```
#334d5f rgb(51,77,95)
```
#3a586c
```
#3a586c rgb(58,88,108)
```
#416278
```
#416278 rgb(65,98,120)
```
#476d85
```
#476d85 rgb(71,109,133)
```
#4e7792
```
#4e7792 rgb(78,119,146)
```
#55829f
```
#55829f rgb(85,130,159)
```

Shade Color Variation

#5e8ba9
```
#5e8ba9 rgb(94,139,169)
```
#6b95b0
```
#6b95b0 rgb(107,149,176)
```
#789eb7
```
#789eb7 rgb(120,158,183)
```
#85a7bd
```
#85a7bd rgb(133,167,189)
```
#92b0c4
```
#92b0c4 rgb(146,176,196)
```
#9eb9cb
```
#9eb9cb rgb(158,185,203)
```
#abc3d2
```
#abc3d2 rgb(171,195,210)
```
#b8ccd9
```
#b8ccd9 rgb(184,204,217)
```
#c5d5e0
```
#c5d5e0 rgb(197,213,224)
```
#d1dee7
```
#d1dee7 rgb(209,222,231)
```
#dee7ed
```
#dee7ed rgb(222,231,237)
```
#ebf1f4
```
#ebf1f4 rgb(235,241,244)
```
#f8fafb
```
#f8fafb rgb(248,250,251)
```

Tint Color Variation

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

#3b4043
```
#3b4043 rgb(59,64,67)
```
#364148
```
#364148 rgb(54,65,72)
```
#31424d
```
#31424d rgb(49,66,77)
```
#2c4352
```
#2c4352 rgb(44,67,82)
```
#274457
```
#274457 rgb(39,68,87)
```
#22455c
```
#22455c rgb(34,69,92)
```
#1d4661
```
#1d4661 rgb(29,70,97)
```
#194765
```
#194765 rgb(25,71,101)
```
#14486a
```
#14486a rgb(20,72,106)
```
#0f496f
```
#0f496f rgb(15,73,111)
```
#0a4a74
```
#0a4a74 rgb(10,74,116)
```
#054b79
```
#054b79 rgb(5,75,121)
```
#004c7e
```
#004c7e rgb(0,76,126)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#3a3f42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#464958 Protanopia 1% of men
#46485c Deuteranopia 1% of men
#344e53 Tritanopia 0.001% of the population

Trichromacy

#3c4756 Protanomaly 1% of men, 0.01% of women
#3d4658 Deuteranomaly 6% of men, 0.4% of women
#314a53 Tritanomaly 0.01% of the population

#2c4352 hex color

#2c4352 Color Information

#2c4352 Color Conversion

Color Schemes with #2c4352

Alternatives to #2c4352

#2c4352 Preview

Shades and Tints of #2c4352

Tones of #2c4352

Color Blindness Simulator