#2c344e hex color

In a RGB color space, hex #2c344e is composed of 17.3% red, 20.4% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 43.6% cyan, 33.3% magenta, 0% yellow and 69.4% black. It has a hue angle of 225.9 degrees, a saturation of 27.9% and a lightness of 23.9%. #2c344e color hex could be obtained by blending #58689c with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 17
- G 20
- B 31
RGB color chart
- C 44
- M 33
- Y 0
- K 69
CMYK color chart

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

The hexadecimal color #2c344e has RGB values of R:44, G:52, B:78 and CMYK values of C:0.44, M:0.33, Y:0, K:0.69. Its decimal value is 2896974.

Hex triplet	2c344e	`#2c344e`
RGB Decimal	44, 52, 78	`rgb(44,52,78)`
RGB Percent	17.3, 20.4, 30.6	`rgb(17.3%,20.4%,30.6%)`
CMYK	44, 33, 0, 69
HSL	225.9°, 27.9, 23.9	`hsl(225.9,27.9%,23.9%)`
HSV (or HSB)	225.9°, 43.6, 30.6
Web Safe	333366	`#333366`

CIE-LAB	22.093, 4.364, -17.025
XYZ	3.642, 3.541, 7.699
xyY	0.245, 0.238, 3.541
CIE-LCH	22.093, 17.575, 284.376
CIE-LUV	22.093, -4.435, -19.883
Hunter-Lab	18.819, 1.609, -11.083
Binary	00101100, 00110100, 01001110

#2c344e
```
#2c344e rgb(44,52,78)
```
#4e462c
```
#4e462c rgb(78,70,44)
```

Complementary Color

#2c454e
```
#2c454e rgb(44,69,78)
```
#2c344e
```
#2c344e rgb(44,52,78)
```
#352c4e
```
#352c4e rgb(53,44,78)
```

Analogous Color

#454e2c
```
#454e2c rgb(69,78,44)
```
#2c344e
```
#2c344e rgb(44,52,78)
```
#4e352c
```
#4e352c rgb(78,53,44)
```

Split Complementary Color

#344e2c
```
#344e2c rgb(52,78,44)
```
#2c344e
```
#2c344e rgb(44,52,78)
```
#4e2c34
```
#4e2c34 rgb(78,44,52)
```

Triadic Color

#2c4e46
```
#2c4e46 rgb(44,78,70)
```
#2c344e
```
#2c344e rgb(44,52,78)
```
#4e2c34
```
#4e2c34 rgb(78,44,52)
```
#4e462c
```
#4e462c rgb(78,70,44)
```

Tetradic Color

#10131d
```
#10131d rgb(16,19,29)
```
#1a1e2d
```
#1a1e2d rgb(26,30,45)
```
#23293e
```
#23293e rgb(35,41,62)
```
#2c344e
```
#2c344e rgb(44,52,78)
```
#353f5e
```
#353f5e rgb(53,63,94)
```
#3e4a6f
```
#3e4a6f rgb(62,74,111)
```
#48557f
```
#48557f rgb(72,85,127)
```

Monochromatic Color

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

#2c3d4e
```
#2c3d4e rgb(44,61,78)
```
#2c3a4e
```
#2c3a4e rgb(44,58,78)
```
#2c374e
```
#2c374e rgb(44,55,78)
```
#2c344e
```
#2c344e rgb(44,52,78)
```
#2c314e
```
#2c314e rgb(44,49,78)
```
#2c2e4e
```
#2c2e4e rgb(44,46,78)
```
#2d2c4e
```
#2d2c4e rgb(45,44,78)
```

Similar Colors

Text with hexadecimal color #2c344e

This text has a font color of #2c344e.

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

#2c344e background color

This paragraph has a background color of #2c344e.

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

#2c344e border color

This element has a border color of #2c344e.

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

CSS codes

.text {color:#2c344e;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#090a0f
```
#090a0f rgb(9,10,15)
```
#10131c
```
#10131c rgb(16,19,28)
```
#171b28
```
#171b28 rgb(23,27,40)
```
#1e2335
```
#1e2335 rgb(30,35,53)
```
#252c41
```
#252c41 rgb(37,44,65)
```
#2c344e
```
#2c344e rgb(44,52,78)
```
#333c5b
```
#333c5b rgb(51,60,91)
```
#3a4567
```
#3a4567 rgb(58,69,103)
```
#414d74
```
#414d74 rgb(65,77,116)
```
#485580
```
#485580 rgb(72,85,128)
```
#4f5e8d
```
#4f5e8d rgb(79,94,141)
```
#566699
```
#566699 rgb(86,102,153)
```

Shade Color Variation

#5f6fa5
```
#5f6fa5 rgb(95,111,165)
```
#6b7aac
```
#6b7aac rgb(107,122,172)
```
#7886b3
```
#7886b3 rgb(120,134,179)
```
#8491ba
```
#8491ba rgb(132,145,186)
```
#919cc1
```
#919cc1 rgb(145,156,193)
```
#9da7c8
```
#9da7c8 rgb(157,167,200)
```
#aab3cf
```
#aab3cf rgb(170,179,207)
```
#b7bed6
```
#b7bed6 rgb(183,190,214)
```
#c3c9dd
```
#c3c9dd rgb(195,201,221)
```
#d0d4e4
```
#d0d4e4 rgb(208,212,228)
```
#dce0eb
```
#dce0eb rgb(220,224,235)
```
#e9ebf2
```
#e9ebf2 rgb(233,235,242)
```
#f5f6f9
```
#f5f6f9 rgb(245,246,249)
```

Tint Color Variation

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

#3a3b40
```
#3a3b40 rgb(58,59,64)
```
#353945
```
#353945 rgb(53,57,69)
```
#313649
```
#313649 rgb(49,54,73)
```
#2c344e
```
#2c344e rgb(44,52,78)
```
#273253
```
#273253 rgb(39,50,83)
```
#232f57
```
#232f57 rgb(35,47,87)
```
#1e2d5c
```
#1e2d5c rgb(30,45,92)
```
#192a61
```
#192a61 rgb(25,42,97)
```
#152865
```
#152865 rgb(21,40,101)
```
#10256a
```
#10256a rgb(16,37,106)
```
#0b236f
```
#0b236f rgb(11,35,111)
```
#062074
```
#062074 rgb(6,32,116)
```
#021e78
```
#021e78 rgb(2,30,120)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#33353a Atypical Achromatopsia 0.001% of the population

Dichromacy

#373e57 Protanopia 1% of men
#363e57 Deuteranopia 1% of men
#314146 Tritanopia 0.001% of the population

Trichromacy

#333a53 Protanomaly 1% of men, 0.01% of women
#323a53 Deuteranomaly 6% of men, 0.4% of women
#2f3c49 Tritanomaly 0.01% of the population

#2c344e hex color

#2c344e Color Information

#2c344e Color Conversion

Color Schemes with #2c344e

Alternatives to #2c344e

#2c344e Preview

Shades and Tints of #2c344e

Tones of #2c344e

Color Blindness Simulator