#2c4f65 hex color

In a RGB color space, hex #2c4f65 is composed of 17.3% red, 31% green and 39.6% blue. Whereas in a CMYK color space, it is composed of 56.4% cyan, 21.8% magenta, 0% yellow and 60.4% black. It has a hue angle of 203.2 degrees, a saturation of 39.3% and a lightness of 28.4%. #2c4f65 color hex could be obtained by blending #589eca with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 31
- B 40
RGB color chart
- C 56
- M 22
- Y 0
- K 60
CMYK color chart

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

The hexadecimal color #2c4f65 has RGB values of R:44, G:79, B:101 and CMYK values of C:0.56, M:0.22, Y:0, K:0.6. Its decimal value is 2903909.

Hex triplet	2c4f65	`#2c4f65`
RGB Decimal	44, 79, 101	`rgb(44,79,101)`
RGB Percent	17.3, 31, 39.6	`rgb(17.3%,31%,39.6%)`
CMYK	56, 22, 0, 60
HSL	203.2°, 39.3, 28.4	`hsl(203.2,39.3%,28.4%)`
HSV (or HSB)	203.2°, 56.4, 39.6
Web Safe	336666	`#336666`

CIE-LAB	31.958, -5.625, -16.67
XYZ	6.183, 7.067, 13.349
xyY	0.232, 0.266, 7.067
CIE-LCH	31.958, 17.594, 251.353
CIE-LUV	31.958, -14.696, -21.002
Hunter-Lab	26.583, -5.003, -11.166
Binary	00101100, 01001111, 01100101

#2c4f65
```
#2c4f65 rgb(44,79,101)
```
#65422c
```
#65422c rgb(101,66,44)
```

Complementary Color

#2c655f
```
#2c655f rgb(44,101,95)
```
#2c4f65
```
#2c4f65 rgb(44,79,101)
```
#2c3365
```
#2c3365 rgb(44,51,101)
```

Analogous Color

#655f2c
```
#655f2c rgb(101,95,44)
```
#2c4f65
```
#2c4f65 rgb(44,79,101)
```
#652c33
```
#652c33 rgb(101,44,51)
```

Split Complementary Color

#4f652c
```
#4f652c rgb(79,101,44)
```
#2c4f65
```
#2c4f65 rgb(44,79,101)
```
#652c4f
```
#652c4f rgb(101,44,79)
```

Triadic Color

#2c6542
```
#2c6542 rgb(44,101,66)
```
#2c4f65
```
#2c4f65 rgb(44,79,101)
```
#652c4f
```
#652c4f rgb(101,44,79)
```
#65422c
```
#65422c rgb(101,66,44)
```

Tetradic Color

#152530
```
#152530 rgb(21,37,48)
```
#1d3341
```
#1d3341 rgb(29,51,65)
```
#244153
```
#244153 rgb(36,65,83)
```
#2c4f65
```
#2c4f65 rgb(44,79,101)
```
#345d77
```
#345d77 rgb(52,93,119)
```
#3b6b89
```
#3b6b89 rgb(59,107,137)
```
#43799a
```
#43799a rgb(67,121,154)
```

Monochromatic Color

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

#2c5d65
```
#2c5d65 rgb(44,93,101)
```
#2c5965
```
#2c5965 rgb(44,89,101)
```
#2c5465
```
#2c5465 rgb(44,84,101)
```
#2c4f65
```
#2c4f65 rgb(44,79,101)
```
#2c4a65
```
#2c4a65 rgb(44,74,101)
```
#2c4665
```
#2c4665 rgb(44,70,101)
```
#2c4165
```
#2c4165 rgb(44,65,101)
```

Similar Colors

Text with hexadecimal color #2c4f65

This text has a font color of #2c4f65.

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

#2c4f65 background color

This paragraph has a background color of #2c4f65.

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

#2c4f65 border color

This element has a border color of #2c4f65.

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

CSS codes

.text {color:#2c4f65;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#080f13
```
#080f13 rgb(8,15,19)
```
#0e1a21
```
#0e1a21 rgb(14,26,33)
```
#14242e
```
#14242e rgb(20,36,46)
```
#1a2f3c
```
#1a2f3c rgb(26,47,60)
```
#203a4a
```
#203a4a rgb(32,58,74)
```
#264457
```
#264457 rgb(38,68,87)
```
#2c4f65
```
#2c4f65 rgb(44,79,101)
```
#325a73
```
#325a73 rgb(50,90,115)
```
#386480
```
#386480 rgb(56,100,128)
```
#3e6f8e
```
#3e6f8e rgb(62,111,142)
```
#447a9c
```
#447a9c rgb(68,122,156)
```
#4a84a9
```
#4a84a9 rgb(74,132,169)
```

Shade Color Variation

#538eb4
```
#538eb4 rgb(83,142,180)
```
#6097ba
```
#6097ba rgb(96,151,186)
```
#6ea0c0
```
#6ea0c0 rgb(110,160,192)
```
#7ca9c6
```
#7ca9c6 rgb(124,169,198)
```
#89b2cc
```
#89b2cc rgb(137,178,204)
```
#97bbd2
```
#97bbd2 rgb(151,187,210)
```
#a5c4d8
```
#a5c4d8 rgb(165,196,216)
```
#b2cdde
```
#b2cdde rgb(178,205,222)
```
#c0d6e4
```
#c0d6e4 rgb(192,214,228)
```
#cedfea
```
#cedfea rgb(206,223,234)
```
#dbe8ef
```
#dbe8ef rgb(219,232,239)
```
#e9f1f5
```
#e9f1f5 rgb(233,241,245)
```
#f7fafb
```
#f7fafb rgb(247,250,251)
```

Tint Color Variation

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

#484949
```
#484949 rgb(72,73,73)
```
#424a4f
```
#424a4f rgb(66,74,79)
```
#3d4b54
```
#3d4b54 rgb(61,75,84)
```
#374c5a
```
#374c5a rgb(55,76,90)
```
#324e5f
```
#324e5f rgb(50,78,95)
```
#2c4f65
```
#2c4f65 rgb(44,79,101)
```
#26506b
```
#26506b rgb(38,80,107)
```
#215270
```
#215270 rgb(33,82,112)
```
#1b5376
```
#1b5376 rgb(27,83,118)
```
#16547b
```
#16547b rgb(22,84,123)
```
#105581
```
#105581 rgb(16,85,129)
```
#0b5786
```
#0b5786 rgb(11,87,134)
```
#05588c
```
#05588c rgb(5,88,140)
```

Tone Color Variation

Below, you can see how #2c4f65 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
#42494d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e536a Protanopia 1% of men
#4c536e Deuteranopia 1% of men
#315a61 Tritanopia 0.001% of the population

Trichromacy

#415168 Protanomaly 1% of men, 0.01% of women
#40516b Deuteranomaly 6% of men, 0.4% of women
#2f5662 Tritanomaly 0.01% of the population

#2c4f65 hex color

#2c4f65 Color Information

#2c4f65 Color Conversion

Color Schemes with #2c4f65

Alternatives to #2c4f65

#2c4f65 Preview

Shades and Tints of #2c4f65

Tones of #2c4f65

Color Blindness Simulator