#2f5358 hex color

In a RGB color space, hex #2f5358 is composed of 18.4% red, 32.5% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 46.6% cyan, 5.7% magenta, 0% yellow and 65.5% black. It has a hue angle of 187.3 degrees, a saturation of 30.4% and a lightness of 26.5%. #2f5358 color hex could be obtained by blending #5ea6b0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 33
- B 35
RGB color chart
- C 47
- M 6
- Y 0
- K 65
CMYK color chart

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

The hexadecimal color #2f5358 has RGB values of R:47, G:83, B:88 and CMYK values of C:0.47, M:0.06, Y:0, K:0.65. Its decimal value is 3101528.

Hex triplet	2f5358	`#2f5358`
RGB Decimal	47, 83, 88	`rgb(47,83,88)`
RGB Percent	18.4, 32.5, 34.5	`rgb(18.4%,32.5%,34.5%)`
CMYK	47, 6, 0, 65
HSL	187.3°, 30.4, 26.5	`hsl(187.3,30.4%,26.5%)`
HSV (or HSB)	187.3°, 46.6, 34.5
Web Safe	336666	`#336666`

CIE-LAB	32.908, -11.433, -6.984
XYZ	6.027, 7.495, 10.361
xyY	0.252, 0.314, 7.495
CIE-LCH	32.908, 13.397, 211.419
CIE-LUV	32.908, -15.672, -7.374
Hunter-Lab	27.377, -8.617, -3.275
Binary	00101111, 01010011, 01011000

#2f5358
```
#2f5358 rgb(47,83,88)
```
#58342f
```
#58342f rgb(88,52,47)
```

Complementary Color

#2f5849
```
#2f5849 rgb(47,88,73)
```
#2f5358
```
#2f5358 rgb(47,83,88)
```
#2f3f58
```
#2f3f58 rgb(47,63,88)
```

Analogous Color

#58492f
```
#58492f rgb(88,73,47)
```
#2f5358
```
#2f5358 rgb(47,83,88)
```
#582f3f
```
#582f3f rgb(88,47,63)
```

Split Complementary Color

#53582f
```
#53582f rgb(83,88,47)
```
#2f5358
```
#2f5358 rgb(47,83,88)
```
#582f53
```
#582f53 rgb(88,47,83)
```

Triadic Color

#2f5834
```
#2f5834 rgb(47,88,52)
```
#2f5358
```
#2f5358 rgb(47,83,88)
```
#582f53
```
#582f53 rgb(88,47,83)
```
#58342f
```
#58342f rgb(88,52,47)
```

Tetradic Color

#142426
```
#142426 rgb(20,36,38)
```
#1d3437
```
#1d3437 rgb(29,52,55)
```
#264347
```
#264347 rgb(38,67,71)
```
#2f5358
```
#2f5358 rgb(47,83,88)
```
#386369
```
#386369 rgb(56,99,105)
```
#417279
```
#417279 rgb(65,114,121)
```
#4a828a
```
#4a828a rgb(74,130,138)
```

Monochromatic Color

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

#2f5853
```
#2f5853 rgb(47,88,83)
```
#2f5856
```
#2f5856 rgb(47,88,86)
```
#2f5658
```
#2f5658 rgb(47,86,88)
```
#2f5358
```
#2f5358 rgb(47,83,88)
```
#2f5058
```
#2f5058 rgb(47,80,88)
```
#2f4c58
```
#2f4c58 rgb(47,76,88)
```
#2f4958
```
#2f4958 rgb(47,73,88)
```

Similar Colors

Text with hexadecimal color #2f5358

This text has a font color of #2f5358.

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

#2f5358 background color

This paragraph has a background color of #2f5358.

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

#2f5358 border color

This element has a border color of #2f5358.

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

CSS codes

.text {color:#2f5358;}

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

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

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

#060b0b
```
#060b0b rgb(6,11,11)
```
#0d1718
```
#0d1718 rgb(13,23,24)
```
#142325
```
#142325 rgb(20,35,37)
```
#1b2f32
```
#1b2f32 rgb(27,47,50)
```
#213b3e
```
#213b3e rgb(33,59,62)
```
#28474b
```
#28474b rgb(40,71,75)
```
#2f5358
```
#2f5358 rgb(47,83,88)
```
#365f65
```
#365f65 rgb(54,95,101)
```
#3d6b72
```
#3d6b72 rgb(61,107,114)
```
#43777e
```
#43777e rgb(67,119,126)
```
#4a838b
```
#4a838b rgb(74,131,139)
```
#518f98
```
#518f98 rgb(81,143,152)
```
#589ba5
```
#589ba5 rgb(88,155,165)
```

Shade Color Variation

#64a3ac
```
#64a3ac rgb(100,163,172)
```
#71abb3
```
#71abb3 rgb(113,171,179)
```
#7eb3ba
```
#7eb3ba rgb(126,179,186)
```
#8abac1
```
#8abac1 rgb(138,186,193)
```
#97c2c8
```
#97c2c8 rgb(151,194,200)
```
#a4c9ce
```
#a4c9ce rgb(164,201,206)
```
#b1d1d5
```
#b1d1d5 rgb(177,209,213)
```
#bed8dc
```
#bed8dc rgb(190,216,220)
```
#cae0e3
```
#cae0e3 rgb(202,224,227)
```
#d7e7ea
```
#d7e7ea rgb(215,231,234)
```
#e4eff1
```
#e4eff1 rgb(228,239,241)
```
#f1f7f7
```
#f1f7f7 rgb(241,247,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#3f4748
```
#3f4748 rgb(63,71,72)
```
#394b4e
```
#394b4e rgb(57,75,78)
```
#344f53
```
#344f53 rgb(52,79,83)
```
#2f5358
```
#2f5358 rgb(47,83,88)
```
#2a575d
```
#2a575d rgb(42,87,93)
```
#255b62
```
#255b62 rgb(37,91,98)
```
#1f5f68
```
#1f5f68 rgb(31,95,104)
```
#1a636d
```
#1a636d rgb(26,99,109)
```
#156772
```
#156772 rgb(21,103,114)
```
#106b77
```
#106b77 rgb(16,107,119)
```
#0b6e7c
```
#0b6e7c rgb(11,110,124)
```
#057282
```
#057282 rgb(5,114,130)
```
#007687
```
#007687 rgb(0,118,135)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#444b4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#56565d Protanopia 1% of men
#585463 Deuteranopia 1% of men
#3a5b62 Tritanopia 0.001% of the population

Trichromacy

#47545b Protanomaly 1% of men, 0.01% of women
#49545f Deuteranomaly 6% of men, 0.4% of women
#36585e Tritanomaly 0.01% of the population

#2f5358 hex color

#2f5358 Color Information

#2f5358 Color Conversion

Color Schemes with #2f5358

Alternatives to #2f5358

#2f5358 Preview

Shades and Tints of #2f5358

Tones of #2f5358

Color Blindness Simulator