#2c4165 hex color

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

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

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

The hexadecimal color #2c4165 has RGB values of R:44, G:65, B:101 and CMYK values of C:0.56, M:0.36, Y:0, K:0.6. Its decimal value is 2900325.

Hex triplet	2c4165	`#2c4165`
RGB Decimal	44, 65, 101	`rgb(44,65,101)`
RGB Percent	17.3, 25.5, 39.6	`rgb(17.3%,25.5%,39.6%)`
CMYK	56, 36, 0, 60
HSL	217.9°, 39.3, 28.4	`hsl(217.9,39.3%,28.4%)`
HSV (or HSB)	217.9°, 56.4, 39.6
Web Safe	333366	`#333366`

CIE-LAB	27.45, 3.464, -23.688
XYZ	5.277, 5.255, 13.047
xyY	0.224, 0.223, 5.255
CIE-LCH	27.45, 23.94, 278.321
CIE-LUV	27.45, -9.48, -30.182
Hunter-Lab	22.925, 0.974, -17.698
Binary	00101100, 01000001, 01100101

#2c4165
```
#2c4165 rgb(44,65,101)
```
#65502c
```
#65502c rgb(101,80,44)
```

Complementary Color

#2c5e65
```
#2c5e65 rgb(44,94,101)
```
#2c4165
```
#2c4165 rgb(44,65,101)
```
#342c65
```
#342c65 rgb(52,44,101)
```

Analogous Color

#5e652c
```
#5e652c rgb(94,101,44)
```
#2c4165
```
#2c4165 rgb(44,65,101)
```
#65342c
```
#65342c rgb(101,52,44)
```

Split Complementary Color

#41652c
```
#41652c rgb(65,101,44)
```
#2c4165
```
#2c4165 rgb(44,65,101)
```
#652c41
```
#652c41 rgb(101,44,65)
```

Triadic Color

#2c6550
```
#2c6550 rgb(44,101,80)
```
#2c4165
```
#2c4165 rgb(44,65,101)
```
#652c41
```
#652c41 rgb(101,44,65)
```
#65502c
```
#65502c rgb(101,80,44)
```

Tetradic Color

#151f30
```
#151f30 rgb(21,31,48)
```
#1d2a41
```
#1d2a41 rgb(29,42,65)
```
#243653
```
#243653 rgb(36,54,83)
```
#2c4165
```
#2c4165 rgb(44,65,101)
```
#344c77
```
#344c77 rgb(52,76,119)
```
#3b5889
```
#3b5889 rgb(59,88,137)
```
#43639a
```
#43639a rgb(67,99,154)
```

Monochromatic Color

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

#2c4f65
```
#2c4f65 rgb(44,79,101)
```
#2c4b65
```
#2c4b65 rgb(44,75,101)
```
#2c4665
```
#2c4665 rgb(44,70,101)
```
#2c4165
```
#2c4165 rgb(44,65,101)
```
#2c3c65
```
#2c3c65 rgb(44,60,101)
```
#2c3865
```
#2c3865 rgb(44,56,101)
```
#2c3365
```
#2c3365 rgb(44,51,101)
```

Similar Colors

Text with hexadecimal color #2c4165

This text has a font color of #2c4165.

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

#2c4165 background color

This paragraph has a background color of #2c4165.

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

#2c4165 border color

This element has a border color of #2c4165.

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

CSS codes

.text {color:#2c4165;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#080c13
```
#080c13 rgb(8,12,19)
```
#0e1521
```
#0e1521 rgb(14,21,33)
```
#141e2e
```
#141e2e rgb(20,30,46)
```
#1a273c
```
#1a273c rgb(26,39,60)
```
#202f4a
```
#202f4a rgb(32,47,74)
```
#263857
```
#263857 rgb(38,56,87)
```
#2c4165
```
#2c4165 rgb(44,65,101)
```
#324a73
```
#324a73 rgb(50,74,115)
```
#385380
```
#385380 rgb(56,83,128)
```
#3e5b8e
```
#3e5b8e rgb(62,91,142)
```
#44649c
```
#44649c rgb(68,100,156)
```
#4a6da9
```
#4a6da9 rgb(74,109,169)
```

Shade Color Variation

#5377b4
```
#5377b4 rgb(83,119,180)
```
#6081ba
```
#6081ba rgb(96,129,186)
```
#6e8cc0
```
#6e8cc0 rgb(110,140,192)
```
#7c97c6
```
#7c97c6 rgb(124,151,198)
```
#89a2cc
```
#89a2cc rgb(137,162,204)
```
#97add2
```
#97add2 rgb(151,173,210)
```
#a5b7d8
```
#a5b7d8 rgb(165,183,216)
```
#b2c2de
```
#b2c2de rgb(178,194,222)
```
#c0cde4
```
#c0cde4 rgb(192,205,228)
```
#ced8ea
```
#ced8ea rgb(206,216,234)
```
#dbe3ef
```
#dbe3ef rgb(219,227,239)
```
#e9eef5
```
#e9eef5 rgb(233,238,245)
```
#f7f8fb
```
#f7f8fb rgb(247,248,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 #05378c is the most saturated one.

#484849
```
#484849 rgb(72,72,73)
```
#42474f
```
#42474f rgb(66,71,79)
```
#3d4554
```
#3d4554 rgb(61,69,84)
```
#37445a
```
#37445a rgb(55,68,90)
```
#32425f
```
#32425f rgb(50,66,95)
```
#2c4165
```
#2c4165 rgb(44,65,101)
```
#26406b
```
#26406b rgb(38,64,107)
```
#213e70
```
#213e70 rgb(33,62,112)
```
#1b3d76
```
#1b3d76 rgb(27,61,118)
```
#163b7b
```
#163b7b rgb(22,59,123)
```
#103a81
```
#103a81 rgb(16,58,129)
```
#0b3886
```
#0b3886 rgb(11,56,134)
```
#05378c
```
#05378c rgb(5,55,140)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#3b3f47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d496c Protanopia 1% of men
#384a6d Deuteranopia 1% of men
#2c4f55 Tritanopia 0.001% of the population

Trichromacy

#374669 Protanomaly 1% of men, 0.01% of women
#34476a Deuteranomaly 6% of men, 0.4% of women
#2c4a5b Tritanomaly 0.01% of the population

#2c4165 hex color

#2c4165 Color Information

#2c4165 Color Conversion

Color Schemes with #2c4165

Alternatives to #2c4165

#2c4165 Preview

Shades and Tints of #2c4165

Tones of #2c4165

Color Blindness Simulator