#2f5257 hex color

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

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

● #2f5257 color description : Very dark desaturated cyan.

The hexadecimal color #2f5257 has RGB values of R:47, G:82, B:87 and CMYK values of C:0.46, M:0.06, Y:0, K:0.66. Its decimal value is 3101271.

Hex triplet	2f5257	`#2f5257`
RGB Decimal	47, 82, 87	`rgb(47,82,87)`
RGB Percent	18.4, 32.2, 34.1	`rgb(18.4%,32.2%,34.1%)`
CMYK	46, 6, 0, 66
HSL	187.5°, 29.9, 26.3	`hsl(187.5,29.9%,26.3%)`
HSV (or HSB)	187.5°, 46, 34.1
Web Safe	336666	`#336666`

CIE-LAB	32.539, -11.142, -6.904
XYZ	5.909, 7.327, 10.119
xyY	0.253, 0.314, 7.327
CIE-LCH	32.539, 13.108, 211.782
CIE-LUV	32.539, -15.28, -7.279
Hunter-Lab	27.068, -8.399, -3.218
Binary	00101111, 01010010, 01010111

#2f5257
```
#2f5257 rgb(47,82,87)
```
#57342f
```
#57342f rgb(87,52,47)
```

Complementary Color

#2f5748
```
#2f5748 rgb(47,87,72)
```
#2f5257
```
#2f5257 rgb(47,82,87)
```
#2f3e57
```
#2f3e57 rgb(47,62,87)
```

Analogous Color

#57482f
```
#57482f rgb(87,72,47)
```
#2f5257
```
#2f5257 rgb(47,82,87)
```
#572f3e
```
#572f3e rgb(87,47,62)
```

Split Complementary Color

#52572f
```
#52572f rgb(82,87,47)
```
#2f5257
```
#2f5257 rgb(47,82,87)
```
#572f52
```
#572f52 rgb(87,47,82)
```

Triadic Color

#2f5734
```
#2f5734 rgb(47,87,52)
```
#2f5257
```
#2f5257 rgb(47,82,87)
```
#572f52
```
#572f52 rgb(87,47,82)
```
#57342f
```
#57342f rgb(87,52,47)
```

Tetradic Color

#142325
```
#142325 rgb(20,35,37)
```
#1d3336
```
#1d3336 rgb(29,51,54)
```
#264246
```
#264246 rgb(38,66,70)
```
#2f5257
```
#2f5257 rgb(47,82,87)
```
#386268
```
#386268 rgb(56,98,104)
```
#417178
```
#417178 rgb(65,113,120)
```
#4a8189
```
#4a8189 rgb(74,129,137)
```

Monochromatic Color

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

#2f5752
```
#2f5752 rgb(47,87,82)
```
#2f5755
```
#2f5755 rgb(47,87,85)
```
#2f5557
```
#2f5557 rgb(47,85,87)
```
#2f5257
```
#2f5257 rgb(47,82,87)
```
#2f4f57
```
#2f4f57 rgb(47,79,87)
```
#2f4b57
```
#2f4b57 rgb(47,75,87)
```
#2f4857
```
#2f4857 rgb(47,72,87)
```

Similar Colors

Text with hexadecimal color #2f5257

This text has a font color of #2f5257.

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

#2f5257 background color

This paragraph has a background color of #2f5257.

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

#2f5257 border color

This element has a border color of #2f5257.

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

CSS codes

.text {color:#2f5257;}

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

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

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

#060a0b
```
#060a0b rgb(6,10,11)
```
#0d1617
```
#0d1617 rgb(13,22,23)
```
#132224
```
#132224 rgb(19,34,36)
```
#1a2e31
```
#1a2e31 rgb(26,46,49)
```
#213a3e
```
#213a3e rgb(33,58,62)
```
#28464a
```
#28464a rgb(40,70,74)
```
#2f5257
```
#2f5257 rgb(47,82,87)
```
#365e64
```
#365e64 rgb(54,94,100)
```
#3d6a70
```
#3d6a70 rgb(61,106,112)
```
#44767d
```
#44767d rgb(68,118,125)
```
#4b828a
```
#4b828a rgb(75,130,138)
```
#518e97
```
#518e97 rgb(81,142,151)
```
#589aa3
```
#589aa3 rgb(88,154,163)
```

Shade Color Variation

#64a2ab
```
#64a2ab rgb(100,162,171)
```
#71aab2
```
#71aab2 rgb(113,170,178)
```
#7db2b9
```
#7db2b9 rgb(125,178,185)
```
#8ab9c0
```
#8ab9c0 rgb(138,185,192)
```
#97c1c7
```
#97c1c7 rgb(151,193,199)
```
#a4c8ce
```
#a4c8ce rgb(164,200,206)
```
#b0d0d5
```
#b0d0d5 rgb(176,208,213)
```
#bdd8db
```
#bdd8db rgb(189,216,219)
```
#cadfe2
```
#cadfe2 rgb(202,223,226)
```
#d7e7e9
```
#d7e7e9 rgb(215,231,233)
```
#e3eef0
```
#e3eef0 rgb(227,238,240)
```
#f0f6f7
```
#f0f6f7 rgb(240,246,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#3e4648
```
#3e4648 rgb(62,70,72)
```
#394a4d
```
#394a4d rgb(57,74,77)
```
#344e52
```
#344e52 rgb(52,78,82)
```
#2f5257
```
#2f5257 rgb(47,82,87)
```
#2a565c
```
#2a565c rgb(42,86,92)
```
#255a61
```
#255a61 rgb(37,90,97)
```
#205e66
```
#205e66 rgb(32,94,102)
```
#1a616c
```
#1a616c rgb(26,97,108)
```
#156571
```
#156571 rgb(21,101,113)
```
#106976
```
#106976 rgb(16,105,118)
```
#0b6d7b
```
#0b6d7b rgb(11,109,123)
```
#067180
```
#067180 rgb(6,113,128)
```
#017585
```
#017585 rgb(1,117,133)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#434a4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#55555c Protanopia 1% of men
#575362 Deuteranopia 1% of men
#3a5a61 Tritanopia 0.001% of the population

Trichromacy

#47545a Protanomaly 1% of men, 0.01% of women
#48535e Deuteranomaly 6% of men, 0.4% of women
#36575d Tritanomaly 0.01% of the population

#2f5257 hex color

#2f5257 Color Information

#2f5257 Color Conversion

Color Schemes with #2f5257

Alternatives to #2f5257

#2f5257 Preview

Shades and Tints of #2f5257

Tones of #2f5257

Color Blindness Simulator