#2c4e6b hex color

In a RGB color space, hex #2c4e6b is composed of 17.3% red, 30.6% green and 42% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 27.1% magenta, 0% yellow and 58% black. It has a hue angle of 207.6 degrees, a saturation of 41.7% and a lightness of 29.6%. #2c4e6b color hex could be obtained by blending #589cd6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 31
- B 42
RGB color chart
- C 59
- M 27
- Y 0
- K 58
CMYK color chart

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

The hexadecimal color #2c4e6b has RGB values of R:44, G:78, B:107 and CMYK values of C:0.59, M:0.27, Y:0, K:0.58. Its decimal value is 2903659.

Hex triplet	2c4e6b	`#2c4e6b`
RGB Decimal	44, 78, 107	`rgb(44,78,107)`
RGB Percent	17.3, 30.6, 42	`rgb(17.3%,30.6%,42%)`
CMYK	59, 27, 0, 58
HSL	207.6°, 41.7, 29.6	`hsl(207.6,41.7%,29.6%)`
HSV (or HSB)	207.6°, 58.9, 42
Web Safe	336666	`#336666`

CIE-LAB	31.91, -2.921, -20.531
XYZ	6.416, 7.045, 14.931
xyY	0.226, 0.248, 7.045
CIE-LCH	31.91, 20.738, 261.904
CIE-LUV	31.91, -14.209, -26.622
Hunter-Lab	26.543, -3.302, -14.771
Binary	00101100, 01001110, 01101011

#2c4e6b
```
#2c4e6b rgb(44,78,107)
```
#6b492c
```
#6b492c rgb(107,73,44)
```

Complementary Color

#2c6b69
```
#2c6b69 rgb(44,107,105)
```
#2c4e6b
```
#2c4e6b rgb(44,78,107)
```
#2c2f6b
```
#2c2f6b rgb(44,47,107)
```

Analogous Color

#6b692c
```
#6b692c rgb(107,105,44)
```
#2c4e6b
```
#2c4e6b rgb(44,78,107)
```
#6b2c2f
```
#6b2c2f rgb(107,44,47)
```

Split Complementary Color

#4e6b2c
```
#4e6b2c rgb(78,107,44)
```
#2c4e6b
```
#2c4e6b rgb(44,78,107)
```
#6b2c4e
```
#6b2c4e rgb(107,44,78)
```

Triadic Color

#2c6b49
```
#2c6b49 rgb(44,107,73)
```
#2c4e6b
```
#2c4e6b rgb(44,78,107)
```
#6b2c4e
```
#6b2c4e rgb(107,44,78)
```
#6b492c
```
#6b492c rgb(107,73,44)
```

Tetradic Color

#162635
```
#162635 rgb(22,38,53)
```
#1d3447
```
#1d3447 rgb(29,52,71)
```
#254159
```
#254159 rgb(37,65,89)
```
#2c4e6b
```
#2c4e6b rgb(44,78,107)
```
#335b7d
```
#335b7d rgb(51,91,125)
```
#3b688f
```
#3b688f rgb(59,104,143)
```
#4276a1
```
#4276a1 rgb(66,118,161)
```

Monochromatic Color

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

#2c5e6b
```
#2c5e6b rgb(44,94,107)
```
#2c596b
```
#2c596b rgb(44,89,107)
```
#2c536b
```
#2c536b rgb(44,83,107)
```
#2c4e6b
```
#2c4e6b rgb(44,78,107)
```
#2c496b
```
#2c496b rgb(44,73,107)
```
#2c446b
```
#2c446b rgb(44,68,107)
```
#2c3e6b
```
#2c3e6b rgb(44,62,107)
```

Similar Colors

Text with hexadecimal color #2c4e6b

This text has a font color of #2c4e6b.

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

#2c4e6b background color

This paragraph has a background color of #2c4e6b.

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

#2c4e6b border color

This element has a border color of #2c4e6b.

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

CSS codes

.text {color:#2c4e6b;}

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

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

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, #04070a is the darkest color, while #fbfcfd is the lightest one.

#04070a
```
#04070a rgb(4,7,10)
```
#0a1118
```
#0a1118 rgb(10,17,24)
```
#0f1b26
```
#0f1b26 rgb(15,27,38)
```
#152533
```
#152533 rgb(21,37,51)
```
#1b3041
```
#1b3041 rgb(27,48,65)
```
#213a4f
```
#213a4f rgb(33,58,79)
```
#26445d
```
#26445d rgb(38,68,93)
```
#2c4e6b
```
#2c4e6b rgb(44,78,107)
```
#325879
```
#325879 rgb(50,88,121)
```
#376287
```
#376287 rgb(55,98,135)
```
#3d6c95
```
#3d6c95 rgb(61,108,149)
```
#4377a3
```
#4377a3 rgb(67,119,163)
```
#4981b0
```
#4981b0 rgb(73,129,176)
```

Shade Color Variation

#548ab9
```
#548ab9 rgb(84,138,185)
```
#6294be
```
#6294be rgb(98,148,190)
```
#709dc4
```
#709dc4 rgb(112,157,196)
```
#7ea7ca
```
#7ea7ca rgb(126,167,202)
```
#8cb0d0
```
#8cb0d0 rgb(140,176,208)
```
#9abad5
```
#9abad5 rgb(154,186,213)
```
#a7c3db
```
#a7c3db rgb(167,195,219)
```
#b5cde1
```
#b5cde1 rgb(181,205,225)
```
#c3d6e6
```
#c3d6e6 rgb(195,214,230)
```
#d1e0ec
```
#d1e0ec rgb(209,224,236)
```
#dfe9f2
```
#dfe9f2 rgb(223,233,242)
```
#edf3f8
```
#edf3f8 rgb(237,243,248)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#494c4e
```
#494c4e rgb(73,76,78)
```
#434c54
```
#434c54 rgb(67,76,84)
```
#3d4d5a
```
#3d4d5a rgb(61,77,90)
```
#384d5f
```
#384d5f rgb(56,77,95)
```
#324e65
```
#324e65 rgb(50,78,101)
```
#2c4e6b
```
#2c4e6b rgb(44,78,107)
```
#264e71
```
#264e71 rgb(38,78,113)
```
#204f77
```
#204f77 rgb(32,79,119)
```
#1b4f7c
```
#1b4f7c rgb(27,79,124)
```
#155082
```
#155082 rgb(21,80,130)
```
#0f5088
```
#0f5088 rgb(15,80,136)
```
#09518e
```
#09518e rgb(9,81,142)
```
#035194
```
#035194 rgb(3,81,148)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#42484e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b5370 Protanopia 1% of men
#475374 Deuteranopia 1% of men
#2e5a61 Tritanopia 0.001% of the population

Trichromacy

#40516e Protanomaly 1% of men, 0.01% of women
#3d5170 Deuteranomaly 6% of men, 0.4% of women
#2d5664 Tritanomaly 0.01% of the population

#2c4e6b hex color

#2c4e6b Color Information

#2c4e6b Color Conversion

Color Schemes with #2c4e6b

Alternatives to #2c4e6b

#2c4e6b Preview

Shades and Tints of #2c4e6b

Tones of #2c4e6b

Color Blindness Simulator