#2c4154 hex color

In a RGB color space, hex #2c4154 is composed of 17.3% red, 25.5% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 47.6% cyan, 22.6% magenta, 0% yellow and 67.1% black. It has a hue angle of 208.5 degrees, a saturation of 31.3% and a lightness of 25.1%. #2c4154 color hex could be obtained by blending #5882a8 with #000000. Closest websafe color is: #333366.

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

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

The hexadecimal color #2c4154 has RGB values of R:44, G:65, B:84 and CMYK values of C:0.48, M:0.23, Y:0, K:0.67. Its decimal value is 2900308.

Hex triplet	2c4154	`#2c4154`
RGB Decimal	44, 65, 84	`rgb(44,65,84)`
RGB Percent	17.3, 25.5, 32.9	`rgb(17.3%,25.5%,32.9%)`
CMYK	48, 23, 0, 67
HSL	208.5°, 31.3, 25.1	`hsl(208.5,31.3%,25.1%)`
HSV (or HSB)	208.5°, 47.6, 32.9
Web Safe	333366	`#333366`

CIE-LAB	26.609, -2.391, -13.995
XYZ	4.529, 4.956, 9.105
xyY	0.244, 0.267, 4.956
CIE-LCH	26.609, 14.198, 260.303
CIE-LUV	26.609, -9.421, -16.699
Hunter-Lab	22.262, -2.645, -8.666
Binary	00101100, 01000001, 01010100

#2c4154
```
#2c4154 rgb(44,65,84)
```
#543f2c
```
#543f2c rgb(84,63,44)
```

Complementary Color

#2c5453
```
#2c5453 rgb(44,84,83)
```
#2c4154
```
#2c4154 rgb(44,65,84)
```
#2c2d54
```
#2c2d54 rgb(44,45,84)
```

Analogous Color

#54532c
```
#54532c rgb(84,83,44)
```
#2c4154
```
#2c4154 rgb(44,65,84)
```
#542c2d
```
#542c2d rgb(84,44,45)
```

Split Complementary Color

#41542c
```
#41542c rgb(65,84,44)
```
#2c4154
```
#2c4154 rgb(44,65,84)
```
#542c41
```
#542c41 rgb(84,44,65)
```

Triadic Color

#2c543f
```
#2c543f rgb(44,84,63)
```
#2c4154
```
#2c4154 rgb(44,65,84)
```
#542c41
```
#542c41 rgb(84,44,65)
```
#543f2c
```
#543f2c rgb(84,63,44)
```

Tetradic Color

#121a22
```
#121a22 rgb(18,26,34)
```
#1a2733
```
#1a2733 rgb(26,39,51)
```
#233443
```
#233443 rgb(35,52,67)
```
#2c4154
```
#2c4154 rgb(44,65,84)
```
#354e65
```
#354e65 rgb(53,78,101)
```
#3e5b75
```
#3e5b75 rgb(62,91,117)
```
#466886
```
#466886 rgb(70,104,134)
```

Monochromatic Color

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

#2c4b54
```
#2c4b54 rgb(44,75,84)
```
#2c4854
```
#2c4854 rgb(44,72,84)
```
#2c4454
```
#2c4454 rgb(44,68,84)
```
#2c4154
```
#2c4154 rgb(44,65,84)
```
#2c3e54
```
#2c3e54 rgb(44,62,84)
```
#2c3a54
```
#2c3a54 rgb(44,58,84)
```
#2c3754
```
#2c3754 rgb(44,55,84)
```

Similar Colors

Text with hexadecimal color #2c4154

This text has a font color of #2c4154.

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

#2c4154 background color

This paragraph has a background color of #2c4154.

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

#2c4154 border color

This element has a border color of #2c4154.

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

CSS codes

.text {color:#2c4154;}

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

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

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

#040507
```
#040507 rgb(4,5,7)
```
#0a0f14
```
#0a0f14 rgb(10,15,20)
```
#111921
```
#111921 rgb(17,25,33)
```
#18232d
```
#18232d rgb(24,35,45)
```
#1f2d3a
```
#1f2d3a rgb(31,45,58)
```
#253747
```
#253747 rgb(37,55,71)
```
#2c4154
```
#2c4154 rgb(44,65,84)
```
#334b61
```
#334b61 rgb(51,75,97)
```
#39556e
```
#39556e rgb(57,85,110)
```
#405f7b
```
#405f7b rgb(64,95,123)
```
#476987
```
#476987 rgb(71,105,135)
```
#4e7394
```
#4e7394 rgb(78,115,148)
```
#547da1
```
#547da1 rgb(84,125,161)
```

Shade Color Variation

#5e87ab
```
#5e87ab rgb(94,135,171)
```
#6b90b2
```
#6b90b2 rgb(107,144,178)
```
#789ab8
```
#789ab8 rgb(120,154,184)
```
#85a4bf
```
#85a4bf rgb(133,164,191)
```
#92adc6
```
#92adc6 rgb(146,173,198)
```
#9fb7cd
```
#9fb7cd rgb(159,183,205)
```
#acc0d3
```
#acc0d3 rgb(172,192,211)
```
#b9cada
```
#b9cada rgb(185,202,218)
```
#c5d4e1
```
#c5d4e1 rgb(197,212,225)
```
#d2dde8
```
#d2dde8 rgb(210,221,232)
```
#dfe7ee
```
#dfe7ee rgb(223,231,238)
```
#ecf1f5
```
#ecf1f5 rgb(236,241,245)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

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

#404040
```
#404040 rgb(64,64,64)
```
#3b4045
```
#3b4045 rgb(59,64,69)
```
#36414a
```
#36414a rgb(54,65,74)
```
#31414f
```
#31414f rgb(49,65,79)
```
#2c4154
```
#2c4154 rgb(44,65,84)
```
#274159
```
#274159 rgb(39,65,89)
```
#22415e
```
#22415e rgb(34,65,94)
```
#1d4263
```
#1d4263 rgb(29,66,99)
```
#184268
```
#184268 rgb(24,66,104)
```
#13426d
```
#13426d rgb(19,66,109)
```
#0e4272
```
#0e4272 rgb(14,66,114)
```
#0a4376
```
#0a4376 rgb(10,67,118)
```
#05437b
```
#05437b rgb(5,67,123)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3a3e42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#43485b Protanopia 1% of men
#43475e Deuteranopia 1% of men
#334c52 Tritanopia 0.001% of the population

Trichromacy

#3b4558 Protanomaly 1% of men, 0.01% of women
#3a455a Deuteranomaly 6% of men, 0.4% of women
#304853 Tritanomaly 0.01% of the population

#2c4154 hex color

#2c4154 Color Information

#2c4154 Color Conversion

Color Schemes with #2c4154

Alternatives to #2c4154

#2c4154 Preview

Shades and Tints of #2c4154

Tones of #2c4154

Color Blindness Simulator