#2f5456 hex color

In a RGB color space, hex #2f5456 is composed of 18.4% red, 32.9% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 45.3% cyan, 2.3% magenta, 0% yellow and 66.3% black. It has a hue angle of 183.1 degrees, a saturation of 29.3% and a lightness of 26.1%. #2f5456 color hex could be obtained by blending #5ea8ac with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 33
- B 34
RGB color chart
- C 45
- M 2
- Y 0
- K 66
CMYK color chart

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

The hexadecimal color #2f5456 has RGB values of R:47, G:84, B:86 and CMYK values of C:0.45, M:0.02, Y:0, K:0.66. Its decimal value is 3101782.

Hex triplet	2f5456	`#2f5456`
RGB Decimal	47, 84, 86	`rgb(47,84,86)`
RGB Percent	18.4, 32.9, 33.7	`rgb(18.4%,32.9%,33.7%)`
CMYK	45, 2, 0, 66
HSL	183.1°, 29.3, 26.1	`hsl(183.1,29.3%,26.1%)`
HSV (or HSB)	183.1°, 45.3, 33.7
Web Safe	336666	`#336666`

CIE-LAB	33.171, -12.617, -5.326
XYZ	6.022, 7.617, 9.956
xyY	0.255, 0.323, 7.617
CIE-LCH	33.171, 13.695, 202.887
CIE-LUV	33.171, -16.13, -5.075
Hunter-Lab	27.598, -9.348, -2.071
Binary	00101111, 01010100, 01010110

#2f5456
```
#2f5456 rgb(47,84,86)
```
#56312f
```
#56312f rgb(86,49,47)
```

Complementary Color

#2f5645
```
#2f5645 rgb(47,86,69)
```
#2f5456
```
#2f5456 rgb(47,84,86)
```
#2f4156
```
#2f4156 rgb(47,65,86)
```

Analogous Color

#56452f
```
#56452f rgb(86,69,47)
```
#2f5456
```
#2f5456 rgb(47,84,86)
```
#562f41
```
#562f41 rgb(86,47,65)
```

Split Complementary Color

#54562f
```
#54562f rgb(84,86,47)
```
#2f5456
```
#2f5456 rgb(47,84,86)
```
#562f54
```
#562f54 rgb(86,47,84)
```

Triadic Color

#2f5631
```
#2f5631 rgb(47,86,49)
```
#2f5456
```
#2f5456 rgb(47,84,86)
```
#562f54
```
#562f54 rgb(86,47,84)
```
#56312f
```
#56312f rgb(86,49,47)
```

Tetradic Color

#142425
```
#142425 rgb(20,36,37)
```
#1d3435
```
#1d3435 rgb(29,52,53)
```
#264446
```
#264446 rgb(38,68,70)
```
#2f5456
```
#2f5456 rgb(47,84,86)
```
#386466
```
#386466 rgb(56,100,102)
```
#417477
```
#417477 rgb(65,116,119)
```
#4a8487
```
#4a8487 rgb(74,132,135)
```

Monochromatic Color

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

#2f564e
```
#2f564e rgb(47,86,78)
```
#2f5652
```
#2f5652 rgb(47,86,82)
```
#2f5655
```
#2f5655 rgb(47,86,85)
```
#2f5456
```
#2f5456 rgb(47,84,86)
```
#2f5156
```
#2f5156 rgb(47,81,86)
```
#2f4e56
```
#2f4e56 rgb(47,78,86)
```
#2f4a56
```
#2f4a56 rgb(47,74,86)
```

Similar Colors

Text with hexadecimal color #2f5456

This text has a font color of #2f5456.

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

#2f5456 background color

This paragraph has a background color of #2f5456.

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

#2f5456 border color

This element has a border color of #2f5456.

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

CSS codes

.text {color:#2f5456;}

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

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

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, #050a0a is the darkest color, while #fcfdfd is the lightest one.

#050a0a
```
#050a0a rgb(5,10,10)
```
#0c1617
```
#0c1617 rgb(12,22,23)
```
#132223
```
#132223 rgb(19,34,35)
```
#1a2f30
```
#1a2f30 rgb(26,47,48)
```
#213b3d
```
#213b3d rgb(33,59,61)
```
#284849
```
#284849 rgb(40,72,73)
```
#2f5456
```
#2f5456 rgb(47,84,86)
```
#366063
```
#366063 rgb(54,96,99)
```
#3d6d6f
```
#3d6d6f rgb(61,109,111)
```
#44797c
```
#44797c rgb(68,121,124)
```
#4b8689
```
#4b8689 rgb(75,134,137)
```
#529295
```
#529295 rgb(82,146,149)
```
#599ea2
```
#599ea2 rgb(89,158,162)
```

Shade Color Variation

#64a7aa
```
#64a7aa rgb(100,167,170)
```
#71aeb1
```
#71aeb1 rgb(113,174,177)
```
#7db5b8
```
#7db5b8 rgb(125,181,184)
```
#8abcbf
```
#8abcbf rgb(138,188,191)
```
#97c4c6
```
#97c4c6 rgb(151,196,198)
```
#a3cbcd
```
#a3cbcd rgb(163,203,205)
```
#b0d2d4
```
#b0d2d4 rgb(176,210,212)
```
#bdd9db
```
#bdd9db rgb(189,217,219)
```
#c9e1e2
```
#c9e1e2 rgb(201,225,226)
```
#d6e8e9
```
#d6e8e9 rgb(214,232,233)
```
#e3eff0
```
#e3eff0 rgb(227,239,240)
```
#f0f6f7
```
#f0f6f7 rgb(240,246,247)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#3e4647
```
#3e4647 rgb(62,70,71)
```
#394b4c
```
#394b4c rgb(57,75,76)
```
#344f51
```
#344f51 rgb(52,79,81)
```
#2f5456
```
#2f5456 rgb(47,84,86)
```
#2a595b
```
#2a595b rgb(42,89,91)
```
#255d60
```
#255d60 rgb(37,93,96)
```
#206265
```
#206265 rgb(32,98,101)
```
#1b666a
```
#1b666a rgb(27,102,106)
```
#156b70
```
#156b70 rgb(21,107,112)
```
#107075
```
#107075 rgb(16,112,117)
```
#0b747a
```
#0b747a rgb(11,116,122)
```
#06797f
```
#06797f rgb(6,121,127)
```
#017d84
```
#017d84 rgb(1,125,132)
```

Tone Color Variation

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

#57565b Protanopia 1% of men
#5a5561 Deuteranopia 1% of men
#3b5c62 Tritanopia 0.001% of the population

Trichromacy

#485559 Protanomaly 1% of men, 0.01% of women
#4a545d Deuteranomaly 6% of men, 0.4% of women
#36595e Tritanomaly 0.01% of the population

#2f5456 hex color

#2f5456 Color Information

#2f5456 Color Conversion

Color Schemes with #2f5456

Alternatives to #2f5456

#2f5456 Preview

Shades and Tints of #2f5456

Tones of #2f5456

Color Blindness Simulator