#2c4a61 hex color

In a RGB color space, hex #2c4a61 is composed of 17.3% red, 29% green and 38% blue. Whereas in a CMYK color space, it is composed of 54.6% cyan, 23.7% magenta, 0% yellow and 62% black. It has a hue angle of 206 degrees, a saturation of 37.6% and a lightness of 27.6%. #2c4a61 color hex could be obtained by blending #5894c2 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 17
- G 29
- B 38
RGB color chart
- C 55
- M 24
- Y 0
- K 62
CMYK color chart

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

The hexadecimal color #2c4a61 has RGB values of R:44, G:74, B:97 and CMYK values of C:0.55, M:0.24, Y:0, K:0.62. Its decimal value is 2902625.

Hex triplet	2c4a61	`#2c4a61`
RGB Decimal	44, 74, 97	`rgb(44,74,97)`
RGB Percent	17.3, 29, 38	`rgb(17.3%,29%,38%)`
CMYK	55, 24, 0, 62
HSL	206°, 37.6, 27.6	`hsl(206,37.6%,27.6%)`
HSV (or HSB)	206°, 54.6, 38
Web Safe	333366	`#333366`

CIE-LAB	30.147, -3.833, -16.925
XYZ	5.645, 6.296, 12.226
xyY	0.234, 0.261, 6.296
CIE-LCH	30.147, 17.354, 257.24
CIE-LUV	30.147, -12.833, -21.171
Hunter-Lab	25.091, -3.754, -11.326
Binary	00101100, 01001010, 01100001

#2c4a61
```
#2c4a61 rgb(44,74,97)
```
#61432c
```
#61432c rgb(97,67,44)
```

Complementary Color

#2c615e
```
#2c615e rgb(44,97,94)
```
#2c4a61
```
#2c4a61 rgb(44,74,97)
```
#2c3061
```
#2c3061 rgb(44,48,97)
```

Analogous Color

#615e2c
```
#615e2c rgb(97,94,44)
```
#2c4a61
```
#2c4a61 rgb(44,74,97)
```
#612c30
```
#612c30 rgb(97,44,48)
```

Split Complementary Color

#4a612c
```
#4a612c rgb(74,97,44)
```
#2c4a61
```
#2c4a61 rgb(44,74,97)
```
#612c4a
```
#612c4a rgb(97,44,74)
```

Triadic Color

#2c6143
```
#2c6143 rgb(44,97,67)
```
#2c4a61
```
#2c4a61 rgb(44,74,97)
```
#612c4a
```
#612c4a rgb(97,44,74)
```
#61432c
```
#61432c rgb(97,67,44)
```

Tetradic Color

#14222c
```
#14222c rgb(20,34,44)
```
#1c2f3e
```
#1c2f3e rgb(28,47,62)
```
#243d4f
```
#243d4f rgb(36,61,79)
```
#2c4a61
```
#2c4a61 rgb(44,74,97)
```
#345773
```
#345773 rgb(52,87,115)
```
#3c6584
```
#3c6584 rgb(60,101,132)
```
#447296
```
#447296 rgb(68,114,150)
```

Monochromatic Color

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

#2c5761
```
#2c5761 rgb(44,87,97)
```
#2c5361
```
#2c5361 rgb(44,83,97)
```
#2c4e61
```
#2c4e61 rgb(44,78,97)
```
#2c4a61
```
#2c4a61 rgb(44,74,97)
```
#2c4661
```
#2c4661 rgb(44,70,97)
```
#2c4161
```
#2c4161 rgb(44,65,97)
```
#2c3d61
```
#2c3d61 rgb(44,61,97)
```

Similar Colors

Text with hexadecimal color #2c4a61

This text has a font color of #2c4a61.

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

#2c4a61 background color

This paragraph has a background color of #2c4a61.

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

#2c4a61 border color

This element has a border color of #2c4a61.

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

CSS codes

.text {color:#2c4a61;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#070c10
```
#070c10 rgb(7,12,16)
```
#0d171e
```
#0d171e rgb(13,23,30)
```
#14212b
```
#14212b rgb(20,33,43)
```
#1a2b39
```
#1a2b39 rgb(26,43,57)
```
#203546
```
#203546 rgb(32,53,70)
```
#264054
```
#264054 rgb(38,64,84)
```
#2c4a61
```
#2c4a61 rgb(44,74,97)
```
#32546e
```
#32546e rgb(50,84,110)
```
#385f7c
```
#385f7c rgb(56,95,124)
```
#3e6989
```
#3e6989 rgb(62,105,137)
```
#447397
```
#447397 rgb(68,115,151)
```
#4b7da4
```
#4b7da4 rgb(75,125,164)
```

Shade Color Variation

#5288b1
```
#5288b1 rgb(82,136,177)
```
#6091b7
```
#6091b7 rgb(96,145,183)
```
#6d9abd
```
#6d9abd rgb(109,154,189)
```
#7ba4c3
```
#7ba4c3 rgb(123,164,195)
```
#88adc9
```
#88adc9 rgb(136,173,201)
```
#96b6cf
```
#96b6cf rgb(150,182,207)
```
#a3c0d5
```
#a3c0d5 rgb(163,192,213)
```
#b1c9db
```
#b1c9db rgb(177,201,219)
```
#bed2e2
```
#bed2e2 rgb(190,210,226)
```
#ccdbe8
```
#ccdbe8 rgb(204,219,232)
```
#d9e5ee
```
#d9e5ee rgb(217,229,238)
```
#e7eef4
```
#e7eef4 rgb(231,238,244)
```
#f4f7fa
```
#f4f7fa rgb(244,247,250)
```

Tint Color Variation

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

#42474b
```
#42474b rgb(66,71,75)
```
#3c4851
```
#3c4851 rgb(60,72,81)
```
#374956
```
#374956 rgb(55,73,86)
```
#31495c
```
#31495c rgb(49,73,92)
```
#2c4a61
```
#2c4a61 rgb(44,74,97)
```
#274b66
```
#274b66 rgb(39,75,102)
```
#214b6c
```
#214b6c rgb(33,75,108)
```
#1c4c71
```
#1c4c71 rgb(28,76,113)
```
#164d77
```
#164d77 rgb(22,77,119)
```
#114e7c
```
#114e7c rgb(17,78,124)
```
#0b4e82
```
#0b4e82 rgb(11,78,130)
```
#064f87
```
#064f87 rgb(6,79,135)
```
#01508c
```
#01508c rgb(1,80,140)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#3f454a Atypical Achromatopsia 0.001% of the population

Dichromacy

#494f66 Protanopia 1% of men
#484f6a Deuteranopia 1% of men
#31555c Tritanopia 0.001% of the population

Trichromacy

#3f4d64 Protanomaly 1% of men, 0.01% of women
#3d4d67 Deuteranomaly 6% of men, 0.4% of women
#2f515d Tritanomaly 0.01% of the population

#2c4a61 hex color

#2c4a61 Color Information

#2c4a61 Color Conversion

Color Schemes with #2c4a61

Alternatives to #2c4a61

#2c4a61 Preview

Shades and Tints of #2c4a61

Tones of #2c4a61

Color Blindness Simulator