colorhexa.com

#2c334e hex color

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

- R 17
- G 20
- B 31
RGB color chart
- C 44
- M 35
- Y 0
- K 69
CMYK color chart

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

The hexadecimal color #2c334e has RGB values of R:44, G:51, B:78 and CMYK values of C:0.44, M:0.35, Y:0, K:0.69. Its decimal value is 2896718.

Hex triplet	2c334e	`#2c334e`
RGB Decimal	44, 51, 78	`rgb(44,51,78)`
RGB Percent	17.3, 20, 30.6	`rgb(17.3%,20%,30.6%)`
CMYK	44, 35, 0, 69
HSL	227.6°, 27.9, 23.9	`hsl(227.6,27.9%,23.9%)`
HSV (or HSB)	227.6°, 43.6, 30.6
Web Safe	333366	`#333366`

CIE-LAB	21.774, 5.056, -17.523
XYZ	3.597, 3.453, 7.684
xyY	0.244, 0.234, 3.453
CIE-LCH	21.774, 18.237, 286.095
CIE-LUV	21.774, -4.078, -20.429
Hunter-Lab	18.582, 2.037, -11.51
Binary	00101100, 00110011, 01001110

#2c334e
```
#2c334e rgb(44,51,78)
```
#4e472c
```
#4e472c rgb(78,71,44)
```

Complementary Color

#2c444e
```
#2c444e rgb(44,68,78)
```
#2c334e
```
#2c334e rgb(44,51,78)
```
#362c4e
```
#362c4e rgb(54,44,78)
```

Analogous Color

#444e2c
```
#444e2c rgb(68,78,44)
```
#2c334e
```
#2c334e rgb(44,51,78)
```
#4e362c
```
#4e362c rgb(78,54,44)
```

Split Complementary Color

#10131d
```
#10131d rgb(16,19,29)
```
#1a1e2d
```
#1a1e2d rgb(26,30,45)
```
#23283e
```
#23283e rgb(35,40,62)
```
#2c334e
```
#2c334e rgb(44,51,78)
```
#353e5e
```
#353e5e rgb(53,62,94)
```
#3e486f
```
#3e486f rgb(62,72,111)
```
#48537f
```
#48537f rgb(72,83,127)
```

Monochromatic Color

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

#2c3c4e
```
#2c3c4e rgb(44,60,78)
```
#2c394e
```
#2c394e rgb(44,57,78)
```
#2c364e
```
#2c364e rgb(44,54,78)
```
#2c334e
```
#2c334e rgb(44,51,78)
```
#2c304e
```
#2c304e rgb(44,48,78)
```
#2c2d4e
```
#2c2d4e rgb(44,45,78)
```
#2e2c4e
```
#2e2c4e rgb(46,44,78)
```

Similar Colors

Text with hexadecimal color #2c334e

This text has a font color of #2c334e.

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

#2c334e background color

This paragraph has a background color of #2c334e.

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

#2c334e border color

This element has a border color of #2c334e.

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

CSS codes

.text {color:#2c334e;}

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

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

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)
```
#10121c
```
#10121c rgb(16,18,28)
```
#171a28
```
#171a28 rgb(23,26,40)
```
#1e2335
```
#1e2335 rgb(30,35,53)
```
#252b41
```
#252b41 rgb(37,43,65)
```
#2c334e
```
#2c334e rgb(44,51,78)
```
#333b5b
```
#333b5b rgb(51,59,91)
```
#3a4367
```
#3a4367 rgb(58,67,103)
```
#414c74
```
#414c74 rgb(65,76,116)
```
#485480
```
#485480 rgb(72,84,128)
```
#4f5c8d
```
#4f5c8d rgb(79,92,141)
```
#566499
```
#566499 rgb(86,100,153)
```

Shade Color Variation

#5f6da5
```
#5f6da5 rgb(95,109,165)
```
#6b79ac
```
#6b79ac rgb(107,121,172)
```
#7884b3
```
#7884b3 rgb(120,132,179)
```
#848fba
```
#848fba rgb(132,143,186)
```
#919bc1
```
#919bc1 rgb(145,155,193)
```
#9da6c8
```
#9da6c8 rgb(157,166,200)
```
#aab2cf
```
#aab2cf rgb(170,178,207)
```
#b7bdd6
```
#b7bdd6 rgb(183,189,214)
```
#c3c8dd
```
#c3c8dd rgb(195,200,221)
```
#d0d4e4
```
#d0d4e4 rgb(208,212,228)
```
#dcdfeb
```
#dcdfeb rgb(220,223,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 #021a78 is the most saturated one.

#3a3b40
```
#3a3b40 rgb(58,59,64)
```
#353945
```
#353945 rgb(53,57,69)
```
#313649
```
#313649 rgb(49,54,73)
```
#2c334e
```
#2c334e rgb(44,51,78)
```
#273053
```
#273053 rgb(39,48,83)
```
#232d57
```
#232d57 rgb(35,45,87)
```
#1e2b5c
```
#1e2b5c rgb(30,43,92)
```
#192861
```
#192861 rgb(25,40,97)
```
#152565
```
#152565 rgb(21,37,101)
```
#10226a
```
#10226a rgb(16,34,106)
```
#0b206f
```
#0b206f rgb(11,32,111)
```
#061d74
```
#061d74 rgb(6,29,116)
```
#021a78
```
#021a78 rgb(2,26,120)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#323439 Atypical Achromatopsia 0.001% of the population

Dichromacy

#353d57 Protanopia 1% of men
#343e57 Deuteranopia 1% of men
#314145 Tritanopia 0.001% of the population

Trichromacy

#323953 Protanomaly 1% of men, 0.01% of women
#313a53 Deuteranomaly 6% of men, 0.4% of women
#2f3c48 Tritanomaly 0.01% of the population