#2c4355 hex color

In a RGB color space, hex #2c4355 is composed of 17.3% red, 26.3% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 48.2% cyan, 21.2% magenta, 0% yellow and 66.7% black. It has a hue angle of 206.3 degrees, a saturation of 31.8% and a lightness of 25.3%. #2c4355 color hex could be obtained by blending #5886aa with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 17
- G 26
- B 33
RGB color chart
- C 48
- M 21
- Y 0
- K 67
CMYK color chart

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

The hexadecimal color #2c4355 has RGB values of R:44, G:67, B:85 and CMYK values of C:0.48, M:0.21, Y:0, K:0.67. Its decimal value is 2900821.

Hex triplet	2c4355	`#2c4355`
RGB Decimal	44, 67, 85	`rgb(44,67,85)`
RGB Percent	17.3, 26.3, 33.3	`rgb(17.3%,26.3%,33.3%)`
CMYK	48, 21, 0, 67
HSL	206.3°, 31.8, 25.3	`hsl(206.3,31.8%,25.3%)`
HSV (or HSB)	206.3°, 48.2, 33.3
Web Safe	333366	`#333366`

CIE-LAB	27.312, -3.361, -13.565
XYZ	4.685, 5.205, 9.352
xyY	0.243, 0.271, 5.205
CIE-LCH	27.312, 13.976, 256.084
CIE-LUV	27.312, -10.202, -16.189
Hunter-Lab	22.815, -3.272, -8.331
Binary	00101100, 01000011, 01010101

#2c4355
```
#2c4355 rgb(44,67,85)
```
#553e2c
```
#553e2c rgb(85,62,44)
```

Complementary Color

#2c5553
```
#2c5553 rgb(44,85,83)
```
#2c4355
```
#2c4355 rgb(44,67,85)
```
#2c2f55
```
#2c2f55 rgb(44,47,85)
```

Analogous Color

#55532c
```
#55532c rgb(85,83,44)
```
#2c4355
```
#2c4355 rgb(44,67,85)
```
#552c2f
```
#552c2f rgb(85,44,47)
```

Split Complementary Color

#43552c
```
#43552c rgb(67,85,44)
```
#2c4355
```
#2c4355 rgb(44,67,85)
```
#552c43
```
#552c43 rgb(85,44,67)
```

Triadic Color

#2c553e
```
#2c553e rgb(44,85,62)
```
#2c4355
```
#2c4355 rgb(44,67,85)
```
#552c43
```
#552c43 rgb(85,44,67)
```
#553e2c
```
#553e2c rgb(85,62,44)
```

Tetradic Color

#121b23
```
#121b23 rgb(18,27,35)
```
#1b2933
```
#1b2933 rgb(27,41,51)
```
#233644
```
#233644 rgb(35,54,68)
```
#2c4355
```
#2c4355 rgb(44,67,85)
```
#355066
```
#355066 rgb(53,80,102)
```
#3d5d77
```
#3d5d77 rgb(61,93,119)
```
#466b87
```
#466b87 rgb(70,107,135)
```

Monochromatic Color

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

#2c4d55
```
#2c4d55 rgb(44,77,85)
```
#2c4a55
```
#2c4a55 rgb(44,74,85)
```
#2c4655
```
#2c4655 rgb(44,70,85)
```
#2c4355
```
#2c4355 rgb(44,67,85)
```
#2c4055
```
#2c4055 rgb(44,64,85)
```
#2c3c55
```
#2c3c55 rgb(44,60,85)
```
#2c3955
```
#2c3955 rgb(44,57,85)
```

Similar Colors

Text with hexadecimal color #2c4355

This text has a font color of #2c4355.

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

#2c4355 background color

This paragraph has a background color of #2c4355.

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

#2c4355 border color

This element has a border color of #2c4355.

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

CSS codes

.text {color:#2c4355;}

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

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

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

#040607
```
#040607 rgb(4,6,7)
```
#0b1014
```
#0b1014 rgb(11,16,20)
```
#111a21
```
#111a21 rgb(17,26,33)
```
#18242e
```
#18242e rgb(24,36,46)
```
#1f2f3b
```
#1f2f3b rgb(31,47,59)
```
#253948
```
#253948 rgb(37,57,72)
```
#2c4355
```
#2c4355 rgb(44,67,85)
```
#334d62
```
#334d62 rgb(51,77,98)
```
#39576f
```
#39576f rgb(57,87,111)
```
#40627c
```
#40627c rgb(64,98,124)
```
#476c89
```
#476c89 rgb(71,108,137)
```
#4d7696
```
#4d7696 rgb(77,118,150)
```
#5480a3
```
#5480a3 rgb(84,128,163)
```

Shade Color Variation

#5e8aac
```
#5e8aac rgb(94,138,172)
```
#6b93b3
```
#6b93b3 rgb(107,147,179)
```
#789db9
```
#789db9 rgb(120,157,185)
```
#85a6c0
```
#85a6c0 rgb(133,166,192)
```
#92b0c7
```
#92b0c7 rgb(146,176,199)
```
#9fb9cd
```
#9fb9cd rgb(159,185,205)
```
#acc2d4
```
#acc2d4 rgb(172,194,212)
```
#b9ccdb
```
#b9ccdb rgb(185,204,219)
```
#c6d5e1
```
#c6d5e1 rgb(198,213,225)
```
#d3dfe8
```
#d3dfe8 rgb(211,223,232)
```
#e0e8ef
```
#e0e8ef rgb(224,232,239)
```
#edf2f5
```
#edf2f5 rgb(237,242,245)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

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

#404141
```
#404141 rgb(64,65,65)
```
#3b4146
```
#3b4146 rgb(59,65,70)
```
#36424b
```
#36424b rgb(54,66,75)
```
#314250
```
#314250 rgb(49,66,80)
```
#2c4355
```
#2c4355 rgb(44,67,85)
```
#27445a
```
#27445a rgb(39,68,90)
```
#22445f
```
#22445f rgb(34,68,95)
```
#1d4564
```
#1d4564 rgb(29,69,100)
```
#184569
```
#184569 rgb(24,69,105)
```
#13466e
```
#13466e rgb(19,70,110)
```
#0e4773
```
#0e4773 rgb(14,71,115)
```
#094778
```
#094778 rgb(9,71,120)
```
#04487d
```
#04487d rgb(4,72,125)
```

Tone Color Variation

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

Dichromacy

#45495b Protanopia 1% of men
#45495f Deuteranopia 1% of men
#334e54 Tritanopia 0.001% of the population

Trichromacy

#3c4759 Protanomaly 1% of men, 0.01% of women
#3c475b Deuteranomaly 6% of men, 0.4% of women
#304a54 Tritanomaly 0.01% of the population

#2c4355 hex color

#2c4355 Color Information

#2c4355 Color Conversion

Color Schemes with #2c4355

Alternatives to #2c4355

#2c4355 Preview

Shades and Tints of #2c4355

Tones of #2c4355

Color Blindness Simulator