#2c4f64 hex color

In a RGB color space, hex #2c4f64 is composed of 17.3% red, 31% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 21% magenta, 0% yellow and 60.8% black. It has a hue angle of 202.5 degrees, a saturation of 38.9% and a lightness of 28.2%. #2c4f64 color hex could be obtained by blending #589ec8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 31
- B 39
RGB color chart
- C 56
- M 21
- Y 0
- K 61
CMYK color chart

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

The hexadecimal color #2c4f64 has RGB values of R:44, G:79, B:100 and CMYK values of C:0.56, M:0.21, Y:0, K:0.61. Its decimal value is 2903908.

Hex triplet	2c4f64	`#2c4f64`
RGB Decimal	44, 79, 100	`rgb(44,79,100)`
RGB Percent	17.3, 31, 39.2	`rgb(17.3%,31%,39.2%)`
CMYK	56, 21, 0, 61
HSL	202.5°, 38.9, 28.2	`hsl(202.5,38.9%,28.2%)`
HSV (or HSB)	202.5°, 56, 39.2
Web Safe	336666	`#336666`

CIE-LAB	31.914, -5.965, -16.106
XYZ	6.134, 7.047, 13.093
xyY	0.233, 0.268, 7.047
CIE-LCH	31.914, 17.175, 249.678
CIE-LUV	31.914, -14.716, -20.18
Hunter-Lab	26.546, -5.209, -10.66
Binary	00101100, 01001111, 01100100

#2c4f64
```
#2c4f64 rgb(44,79,100)
```
#64412c
```
#64412c rgb(100,65,44)
```

Complementary Color

#2c645d
```
#2c645d rgb(44,100,93)
```
#2c4f64
```
#2c4f64 rgb(44,79,100)
```
#2c3364
```
#2c3364 rgb(44,51,100)
```

Analogous Color

#645d2c
```
#645d2c rgb(100,93,44)
```
#2c4f64
```
#2c4f64 rgb(44,79,100)
```
#642c33
```
#642c33 rgb(100,44,51)
```

Split Complementary Color

#4f642c
```
#4f642c rgb(79,100,44)
```
#2c4f64
```
#2c4f64 rgb(44,79,100)
```
#642c4f
```
#642c4f rgb(100,44,79)
```

Triadic Color

#2c6441
```
#2c6441 rgb(44,100,65)
```
#2c4f64
```
#2c4f64 rgb(44,79,100)
```
#642c4f
```
#642c4f rgb(100,44,79)
```
#64412c
```
#64412c rgb(100,65,44)
```

Tetradic Color

#15252f
```
#15252f rgb(21,37,47)
```
#1c3341
```
#1c3341 rgb(28,51,65)
```
#244152
```
#244152 rgb(36,65,82)
```
#2c4f64
```
#2c4f64 rgb(44,79,100)
```
#345d76
```
#345d76 rgb(52,93,118)
```
#3c6b87
```
#3c6b87 rgb(60,107,135)
```
#437999
```
#437999 rgb(67,121,153)
```

Monochromatic Color

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

#2c5d64
```
#2c5d64 rgb(44,93,100)
```
#2c5864
```
#2c5864 rgb(44,88,100)
```
#2c5464
```
#2c5464 rgb(44,84,100)
```
#2c4f64
```
#2c4f64 rgb(44,79,100)
```
#2c4a64
```
#2c4a64 rgb(44,74,100)
```
#2c4664
```
#2c4664 rgb(44,70,100)
```
#2c4164
```
#2c4164 rgb(44,65,100)
```

Similar Colors

Text with hexadecimal color #2c4f64

This text has a font color of #2c4f64.

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

#2c4f64 background color

This paragraph has a background color of #2c4f64.

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

#2c4f64 border color

This element has a border color of #2c4f64.

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

CSS codes

.text {color:#2c4f64;}

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

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

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 #f6f9fb is the lightest one.

#020405
```
#020405 rgb(2,4,5)
```
#080e12
```
#080e12 rgb(8,14,18)
```
#0e1920
```
#0e1920 rgb(14,25,32)
```
#14242e
```
#14242e rgb(20,36,46)
```
#1a2f3b
```
#1a2f3b rgb(26,47,59)
```
#203949
```
#203949 rgb(32,57,73)
```
#264456
```
#264456 rgb(38,68,86)
```
#2c4f64
```
#2c4f64 rgb(44,79,100)
```
#325a72
```
#325a72 rgb(50,90,114)
```
#38657f
```
#38657f rgb(56,101,127)
```
#3e6f8d
```
#3e6f8d rgb(62,111,141)
```
#447a9a
```
#447a9a rgb(68,122,154)
```
#4a85a8
```
#4a85a8 rgb(74,133,168)
```

Shade Color Variation

#538fb3
```
#538fb3 rgb(83,143,179)
```
#6098b9
```
#6098b9 rgb(96,152,185)
```
#6ea1bf
```
#6ea1bf rgb(110,161,191)
```
#7ba9c5
```
#7ba9c5 rgb(123,169,197)
```
#89b2cb
```
#89b2cb rgb(137,178,203)
```
#97bbd1
```
#97bbd1 rgb(151,187,209)
```
#a4c4d7
```
#a4c4d7 rgb(164,196,215)
```
#b2cddd
```
#b2cddd rgb(178,205,221)
```
#c0d6e3
```
#c0d6e3 rgb(192,214,227)
```
#cddfe9
```
#cddfe9 rgb(205,223,233)
```
#dbe7ef
```
#dbe7ef rgb(219,231,239)
```
#e8f0f5
```
#e8f0f5 rgb(232,240,245)
```
#f6f9fb
```
#f6f9fb rgb(246,249,251)
```

Tint Color Variation

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

#484848
```
#484848 rgb(72,72,72)
```
#42494e
```
#42494e rgb(66,73,78)
```
#3d4b53
```
#3d4b53 rgb(61,75,83)
```
#374c59
```
#374c59 rgb(55,76,89)
```
#324e5e
```
#324e5e rgb(50,78,94)
```
#2c4f64
```
#2c4f64 rgb(44,79,100)
```
#26506a
```
#26506a rgb(38,80,106)
```
#21526f
```
#21526f rgb(33,82,111)
```
#1b5375
```
#1b5375 rgb(27,83,117)
```
#16557a
```
#16557a rgb(22,85,122)
```
#105680
```
#105680 rgb(16,86,128)
```
#0b5785
```
#0b5785 rgb(11,87,133)
```
#05598b
```
#05598b rgb(5,89,139)
```

Tone Color Variation

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

#4e5369 Protanopia 1% of men
#4d536d Deuteranopia 1% of men
#315a60 Tritanopia 0.001% of the population

Trichromacy

#425167 Protanomaly 1% of men, 0.01% of women
#41516a Deuteranomaly 6% of men, 0.4% of women
#2f5661 Tritanomaly 0.01% of the population

#2c4f64 hex color

#2c4f64 Color Information

#2c4f64 Color Conversion

Color Schemes with #2c4f64

Alternatives to #2c4f64

#2c4f64 Preview

Shades and Tints of #2c4f64

Tones of #2c4f64

Color Blindness Simulator