#2c4f60 hex color

In a RGB color space, hex #2c4f60 is composed of 17.3% red, 31% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 54.2% cyan, 17.7% magenta, 0% yellow and 62.4% black. It has a hue angle of 199.6 degrees, a saturation of 37.1% and a lightness of 27.5%. #2c4f60 color hex could be obtained by blending #589ec0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 31
- B 38
RGB color chart
- C 54
- M 18
- Y 0
- K 62
CMYK color chart

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

The hexadecimal color #2c4f60 has RGB values of R:44, G:79, B:96 and CMYK values of C:0.54, M:0.18, Y:0, K:0.62. Its decimal value is 2903904.

Hex triplet	2c4f60	`#2c4f60`
RGB Decimal	44, 79, 96	`rgb(44,79,96)`
RGB Percent	17.3, 31, 37.6	`rgb(17.3%,31%,37.6%)`
CMYK	54, 18, 0, 62
HSL	199.6°, 37.1, 27.5	`hsl(199.6,37.1%,27.5%)`
HSV (or HSB)	199.6°, 54.2, 37.6
Web Safe	336666	`#336666`

CIE-LAB	31.742, -7.304, -13.836
XYZ	5.945, 6.972, 12.098
xyY	0.238, 0.279, 6.972
CIE-LCH	31.742, 15.645, 242.17
CIE-LUV	31.742, -14.795, -16.903
Hunter-Lab	26.404, -6.013, -8.684
Binary	00101100, 01001111, 01100000

#2c4f60
```
#2c4f60 rgb(44,79,96)
```
#603d2c
```
#603d2c rgb(96,61,44)
```

Complementary Color

#2c6057
```
#2c6057 rgb(44,96,87)
```
#2c4f60
```
#2c4f60 rgb(44,79,96)
```
#2c3560
```
#2c3560 rgb(44,53,96)
```

Analogous Color

#60572c
```
#60572c rgb(96,87,44)
```
#2c4f60
```
#2c4f60 rgb(44,79,96)
```
#602c35
```
#602c35 rgb(96,44,53)
```

Split Complementary Color

#4f602c
```
#4f602c rgb(79,96,44)
```
#2c4f60
```
#2c4f60 rgb(44,79,96)
```
#602c4f
```
#602c4f rgb(96,44,79)
```

Triadic Color

#2c603d
```
#2c603d rgb(44,96,61)
```
#2c4f60
```
#2c4f60 rgb(44,79,96)
```
#602c4f
```
#602c4f rgb(96,44,79)
```
#603d2c
```
#603d2c rgb(96,61,44)
```

Tetradic Color

#14242c
```
#14242c rgb(20,36,44)
```
#1c323d
```
#1c323d rgb(28,50,61)
```
#24414f
```
#24414f rgb(36,65,79)
```
#2c4f60
```
#2c4f60 rgb(44,79,96)
```
#345d71
```
#345d71 rgb(52,93,113)
```
#3c6c83
```
#3c6c83 rgb(60,108,131)
```
#447a94
```
#447a94 rgb(68,122,148)
```

Monochromatic Color

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

#2c5c60
```
#2c5c60 rgb(44,92,96)
```
#2c5860
```
#2c5860 rgb(44,88,96)
```
#2c5360
```
#2c5360 rgb(44,83,96)
```
#2c4f60
```
#2c4f60 rgb(44,79,96)
```
#2c4b60
```
#2c4b60 rgb(44,75,96)
```
#2c4660
```
#2c4660 rgb(44,70,96)
```
#2c4260
```
#2c4260 rgb(44,66,96)
```

Similar Colors

Text with hexadecimal color #2c4f60

This text has a font color of #2c4f60.

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

#2c4f60 background color

This paragraph has a background color of #2c4f60.

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

#2c4f60 border color

This element has a border color of #2c4f60.

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

CSS codes

.text {color:#2c4f60;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#070d0f
```
#070d0f rgb(7,13,15)
```
#0d181d
```
#0d181d rgb(13,24,29)
```
#13232a
```
#13232a rgb(19,35,42)
```
#1a2e38
```
#1a2e38 rgb(26,46,56)
```
#203945
```
#203945 rgb(32,57,69)
```
#264453
```
#264453 rgb(38,68,83)
```
#2c4f60
```
#2c4f60 rgb(44,79,96)
```
#325a6d
```
#325a6d rgb(50,90,109)
```
#38657b
```
#38657b rgb(56,101,123)
```
#3e7088
```
#3e7088 rgb(62,112,136)
```
#457b96
```
#457b96 rgb(69,123,150)
```
#4b86a3
```
#4b86a3 rgb(75,134,163)
```

Shade Color Variation

#5291b0
```
#5291b0 rgb(82,145,176)
```
#5f9ab6
```
#5f9ab6 rgb(95,154,182)
```
#6da2bc
```
#6da2bc rgb(109,162,188)
```
#7aabc2
```
#7aabc2 rgb(122,171,194)
```
#88b3c8
```
#88b3c8 rgb(136,179,200)
```
#95bccf
```
#95bccf rgb(149,188,207)
```
#a3c4d5
```
#a3c4d5 rgb(163,196,213)
```
#b0cddb
```
#b0cddb rgb(176,205,219)
```
#bed5e1
```
#bed5e1 rgb(190,213,225)
```
#cbdee7
```
#cbdee7 rgb(203,222,231)
```
#d8e7ed
```
#d8e7ed rgb(216,231,237)
```
#e6eff4
```
#e6eff4 rgb(230,239,244)
```
#f3f8fa
```
#f3f8fa rgb(243,248,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #42484a is the less saturated color, while #015e8b is the most saturated one.

#42484a
```
#42484a rgb(66,72,74)
```
#3c4950
```
#3c4950 rgb(60,73,80)
```
#374b55
```
#374b55 rgb(55,75,85)
```
#314d5b
```
#314d5b rgb(49,77,91)
```
#2c4f60
```
#2c4f60 rgb(44,79,96)
```
#275165
```
#275165 rgb(39,81,101)
```
#21536b
```
#21536b rgb(33,83,107)
```
#1c5570
```
#1c5570 rgb(28,85,112)
```
#165676
```
#165676 rgb(22,86,118)
```
#11587b
```
#11587b rgb(17,88,123)
```
#0c5a80
```
#0c5a80 rgb(12,90,128)
```
#065c86
```
#065c86 rgb(6,92,134)
```
#015e8b
```
#015e8b rgb(1,94,139)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#41484b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f5365 Protanopia 1% of men
#4f526a Deuteranopia 1% of men
#335960 Tritanopia 0.001% of the population

Trichromacy

#425163 Protanomaly 1% of men, 0.01% of women
#425166 Deuteranomaly 6% of men, 0.4% of women
#305560 Tritanomaly 0.01% of the population

#2c4f60 hex color

#2c4f60 Color Information

#2c4f60 Color Conversion

Color Schemes with #2c4f60

Alternatives to #2c4f60

#2c4f60 Preview

Shades and Tints of #2c4f60

Tones of #2c4f60

Color Blindness Simulator