#2f4c57 hex color

In a RGB color space, hex #2f4c57 is composed of 18.4% red, 29.8% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 46% cyan, 12.6% magenta, 0% yellow and 65.9% black. It has a hue angle of 196.5 degrees, a saturation of 29.9% and a lightness of 26.3%. #2f4c57 color hex could be obtained by blending #5e98ae with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 30
- B 34
RGB color chart
- C 46
- M 13
- Y 0
- K 66
CMYK color chart

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

The hexadecimal color #2f4c57 has RGB values of R:47, G:76, B:87 and CMYK values of C:0.46, M:0.13, Y:0, K:0.66. Its decimal value is 3099735.

Hex triplet	2f4c57	`#2f4c57`
RGB Decimal	47, 76, 87	`rgb(47,76,87)`
RGB Percent	18.4, 29.8, 34.1	`rgb(18.4%,29.8%,34.1%)`
CMYK	46, 13, 0, 66
HSL	196.5°, 29.9, 26.3	`hsl(196.5,29.9%,26.3%)`
HSV (or HSB)	196.5°, 46, 34.1
Web Safe	333366	`#333366`

CIE-LAB	30.547, -7.514, -9.906
XYZ	5.477, 6.461, 9.975
xyY	0.25, 0.295, 6.461
CIE-LCH	30.547, 12.433, 232.819
CIE-LUV	30.547, -12.819, -11.463
Hunter-Lab	25.419, -6.024, -5.474
Binary	00101111, 01001100, 01010111

#2f4c57
```
#2f4c57 rgb(47,76,87)
```
#573a2f
```
#573a2f rgb(87,58,47)
```

Complementary Color

#2f574e
```
#2f574e rgb(47,87,78)
```
#2f4c57
```
#2f4c57 rgb(47,76,87)
```
#2f3857
```
#2f3857 rgb(47,56,87)
```

Analogous Color

#574e2f
```
#574e2f rgb(87,78,47)
```
#2f4c57
```
#2f4c57 rgb(47,76,87)
```
#572f38
```
#572f38 rgb(87,47,56)
```

Split Complementary Color

#4c572f
```
#4c572f rgb(76,87,47)
```
#2f4c57
```
#2f4c57 rgb(47,76,87)
```
#572f4c
```
#572f4c rgb(87,47,76)
```

Triadic Color

#2f573a
```
#2f573a rgb(47,87,58)
```
#2f4c57
```
#2f4c57 rgb(47,76,87)
```
#572f4c
```
#572f4c rgb(87,47,76)
```
#573a2f
```
#573a2f rgb(87,58,47)
```

Tetradic Color

#142125
```
#142125 rgb(20,33,37)
```
#1d2f36
```
#1d2f36 rgb(29,47,54)
```
#263e46
```
#263e46 rgb(38,62,70)
```
#2f4c57
```
#2f4c57 rgb(47,76,87)
```
#385a68
```
#385a68 rgb(56,90,104)
```
#416978
```
#416978 rgb(65,105,120)
```
#4a7789
```
#4a7789 rgb(74,119,137)
```

Monochromatic Color

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

#2f5657
```
#2f5657 rgb(47,86,87)
```
#2f5357
```
#2f5357 rgb(47,83,87)
```
#2f4f57
```
#2f4f57 rgb(47,79,87)
```
#2f4c57
```
#2f4c57 rgb(47,76,87)
```
#2f4957
```
#2f4957 rgb(47,73,87)
```
#2f4557
```
#2f4557 rgb(47,69,87)
```
#2f4257
```
#2f4257 rgb(47,66,87)
```

Similar Colors

Text with hexadecimal color #2f4c57

This text has a font color of #2f4c57.

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

#2f4c57 background color

This paragraph has a background color of #2f4c57.

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

#2f4c57 border color

This element has a border color of #2f4c57.

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

CSS codes

.text {color:#2f4c57;}

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

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

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, #06090b is the darkest color, while #fdfefe is the lightest one.

#06090b
```
#06090b rgb(6,9,11)
```
#0d1417
```
#0d1417 rgb(13,20,23)
```
#131f24
```
#131f24 rgb(19,31,36)
```
#1a2b31
```
#1a2b31 rgb(26,43,49)
```
#21363e
```
#21363e rgb(33,54,62)
```
#28414a
```
#28414a rgb(40,65,74)
```
#2f4c57
```
#2f4c57 rgb(47,76,87)
```
#365764
```
#365764 rgb(54,87,100)
```
#3d6270
```
#3d6270 rgb(61,98,112)
```
#446d7d
```
#446d7d rgb(68,109,125)
```
#4b798a
```
#4b798a rgb(75,121,138)
```
#518497
```
#518497 rgb(81,132,151)
```
#588fa3
```
#588fa3 rgb(88,143,163)
```

Shade Color Variation

#6498ab
```
#6498ab rgb(100,152,171)
```
#71a0b2
```
#71a0b2 rgb(113,160,178)
```
#7da9b9
```
#7da9b9 rgb(125,169,185)
```
#8ab1c0
```
#8ab1c0 rgb(138,177,192)
```
#97bac7
```
#97bac7 rgb(151,186,199)
```
#a4c2ce
```
#a4c2ce rgb(164,194,206)
```
#b0cbd5
```
#b0cbd5 rgb(176,203,213)
```
#bdd3db
```
#bdd3db rgb(189,211,219)
```
#cadce2
```
#cadce2 rgb(202,220,226)
```
#d7e4e9
```
#d7e4e9 rgb(215,228,233)
```
#e3edf0
```
#e3edf0 rgb(227,237,240)
```
#f0f5f7
```
#f0f5f7 rgb(240,245,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#3e4548
```
#3e4548 rgb(62,69,72)
```
#39474d
```
#39474d rgb(57,71,77)
```
#344a52
```
#344a52 rgb(52,74,82)
```
#2f4c57
```
#2f4c57 rgb(47,76,87)
```
#2a4e5c
```
#2a4e5c rgb(42,78,92)
```
#255161
```
#255161 rgb(37,81,97)
```
#205366
```
#205366 rgb(32,83,102)
```
#1a556c
```
#1a556c rgb(26,85,108)
```
#155871
```
#155871 rgb(21,88,113)
```
#105a76
```
#105a76 rgb(16,90,118)
```
#0b5c7b
```
#0b5c7b rgb(11,92,123)
```
#065f80
```
#065f80 rgb(6,95,128)
```
#016185
```
#016185 rgb(1,97,133)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#414649 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f505d Protanopia 1% of men
#504f61 Deuteranopia 1% of men
#38555c Tritanopia 0.001% of the population

Trichromacy

#434f5a Protanomaly 1% of men, 0.01% of women
#444e5d Deuteranomaly 6% of men, 0.4% of women
#35525a Tritanomaly 0.01% of the population

#2f4c57 hex color

#2f4c57 Color Information

#2f4c57 Color Conversion

Color Schemes with #2f4c57

Alternatives to #2f4c57

#2f4c57 Preview

Shades and Tints of #2f4c57

Tones of #2f4c57

Color Blindness Simulator