#2c4365 hex color

In a RGB color space, hex #2c4365 is composed of 17.3% red, 26.3% green and 39.6% blue. Whereas in a CMYK color space, it is composed of 56.4% cyan, 33.7% magenta, 0% yellow and 60.4% black. It has a hue angle of 215.8 degrees, a saturation of 39.3% and a lightness of 28.4%. #2c4365 color hex could be obtained by blending #5886ca with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 17
- G 26
- B 40
RGB color chart
- C 56
- M 34
- Y 0
- K 60
CMYK color chart

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

The hexadecimal color #2c4365 has RGB values of R:44, G:67, B:101 and CMYK values of C:0.56, M:0.34, Y:0, K:0.6. Its decimal value is 2900837.

Hex triplet	2c4365	`#2c4365`
RGB Decimal	44, 67, 101	`rgb(44,67,101)`
RGB Percent	17.3, 26.3, 39.6	`rgb(17.3%,26.3%,39.6%)`
CMYK	56, 34, 0, 60
HSL	215.8°, 39.3, 28.4	`hsl(215.8,39.3%,28.4%)`
HSV (or HSB)	215.8°, 56.4, 39.6
Web Safe	333366	`#333366`

CIE-LAB	28.085, 2.126, -22.691
XYZ	5.394, 5.489, 13.086
xyY	0.225, 0.229, 5.489
CIE-LCH	28.085, 22.791, 275.353
CIE-LUV	28.085, -10.196, -28.958
Hunter-Lab	23.429, 0.098, -16.717
Binary	00101100, 01000011, 01100101

#2c4365
```
#2c4365 rgb(44,67,101)
```
#654e2c
```
#654e2c rgb(101,78,44)
```

Complementary Color

#2c6065
```
#2c6065 rgb(44,96,101)
```
#2c4365
```
#2c4365 rgb(44,67,101)
```
#312c65
```
#312c65 rgb(49,44,101)
```

Analogous Color

#60652c
```
#60652c rgb(96,101,44)
```
#2c4365
```
#2c4365 rgb(44,67,101)
```
#65322c
```
#65322c rgb(101,50,44)
```

Split Complementary Color

#43652c
```
#43652c rgb(67,101,44)
```
#2c4365
```
#2c4365 rgb(44,67,101)
```
#652c43
```
#652c43 rgb(101,44,67)
```

Triadic Color

#2c654e
```
#2c654e rgb(44,101,78)
```
#2c4365
```
#2c4365 rgb(44,67,101)
```
#652c43
```
#652c43 rgb(101,44,67)
```
#654e2c
```
#654e2c rgb(101,78,44)
```

Tetradic Color

#152030
```
#152030 rgb(21,32,48)
```
#1d2b41
```
#1d2b41 rgb(29,43,65)
```
#243753
```
#243753 rgb(36,55,83)
```
#2c4365
```
#2c4365 rgb(44,67,101)
```
#344f77
```
#344f77 rgb(52,79,119)
```
#3b5b89
```
#3b5b89 rgb(59,91,137)
```
#43669a
```
#43669a rgb(67,102,154)
```

Monochromatic Color

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

#2c5165
```
#2c5165 rgb(44,81,101)
```
#2c4d65
```
#2c4d65 rgb(44,77,101)
```
#2c4865
```
#2c4865 rgb(44,72,101)
```
#2c4365
```
#2c4365 rgb(44,67,101)
```
#2c3e65
```
#2c3e65 rgb(44,62,101)
```
#2c3a65
```
#2c3a65 rgb(44,58,101)
```
#2c3565
```
#2c3565 rgb(44,53,101)
```

Similar Colors

Text with hexadecimal color #2c4365

This text has a font color of #2c4365.

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

#2c4365 background color

This paragraph has a background color of #2c4365.

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

#2c4365 border color

This element has a border color of #2c4365.

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

CSS codes

.text {color:#2c4365;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#080d13
```
#080d13 rgb(8,13,19)
```
#0e1621
```
#0e1621 rgb(14,22,33)
```
#141f2e
```
#141f2e rgb(20,31,46)
```
#1a283c
```
#1a283c rgb(26,40,60)
```
#20314a
```
#20314a rgb(32,49,74)
```
#263a57
```
#263a57 rgb(38,58,87)
```
#2c4365
```
#2c4365 rgb(44,67,101)
```
#324c73
```
#324c73 rgb(50,76,115)
```
#385580
```
#385580 rgb(56,85,128)
```
#3e5e8e
```
#3e5e8e rgb(62,94,142)
```
#44679c
```
#44679c rgb(68,103,156)
```
#4a70a9
```
#4a70a9 rgb(74,112,169)
```

Shade Color Variation

#537ab4
```
#537ab4 rgb(83,122,180)
```
#6085ba
```
#6085ba rgb(96,133,186)
```
#6e8fc0
```
#6e8fc0 rgb(110,143,192)
```
#7c9ac6
```
#7c9ac6 rgb(124,154,198)
```
#89a4cc
```
#89a4cc rgb(137,164,204)
```
#97afd2
```
#97afd2 rgb(151,175,210)
```
#a5b9d8
```
#a5b9d8 rgb(165,185,216)
```
#b2c4de
```
#b2c4de rgb(178,196,222)
```
#c0cee4
```
#c0cee4 rgb(192,206,228)
```
#ced9ea
```
#ced9ea rgb(206,217,234)
```
#dbe3ef
```
#dbe3ef rgb(219,227,239)
```
#e9eef5
```
#e9eef5 rgb(233,238,245)
```
#f7f9fb
```
#f7f9fb rgb(247,249,251)
```

Tint Color Variation

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

#484849
```
#484849 rgb(72,72,73)
```
#42474f
```
#42474f rgb(66,71,79)
```
#3d4654
```
#3d4654 rgb(61,70,84)
```
#37455a
```
#37455a rgb(55,69,90)
```
#32445f
```
#32445f rgb(50,68,95)
```
#2c4365
```
#2c4365 rgb(44,67,101)
```
#26426b
```
#26426b rgb(38,66,107)
```
#214170
```
#214170 rgb(33,65,112)
```
#1b4076
```
#1b4076 rgb(27,64,118)
```
#163f7b
```
#163f7b rgb(22,63,123)
```
#103e81
```
#103e81 rgb(16,62,129)
```
#0b3d86
```
#0b3d86 rgb(11,61,134)
```
#053b8c
```
#053b8c rgb(5,59,140)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3c4147 Atypical Achromatopsia 0.001% of the population

Dichromacy

#404b6b Protanopia 1% of men
#3b4b6d Deuteranopia 1% of men
#2d5157 Tritanopia 0.001% of the population

Trichromacy

#394869 Protanomaly 1% of men, 0.01% of women
#36486a Deuteranomaly 6% of men, 0.4% of women
#2c4c5c Tritanomaly 0.01% of the population

#2c4365 hex color

#2c4365 Color Information

#2c4365 Color Conversion

Color Schemes with #2c4365

Alternatives to #2c4365

#2c4365 Preview

Shades and Tints of #2c4365

Tones of #2c4365

Color Blindness Simulator