#2f5451 hex color

In a RGB color space, hex #2f5451 is composed of 18.4% red, 32.9% green and 31.8% blue. Whereas in a CMYK color space, it is composed of 44% cyan, 0% magenta, 3.6% yellow and 67.1% black. It has a hue angle of 175.1 degrees, a saturation of 28.2% and a lightness of 25.7%. #2f5451 color hex could be obtained by blending #5ea8a2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 33
- B 32
RGB color chart
- C 44
- M 0
- Y 4
- K 67
CMYK color chart

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

The hexadecimal color #2f5451 has RGB values of R:47, G:84, B:81 and CMYK values of C:0.44, M:0, Y:0.04, K:0.67. Its decimal value is 3101777.

Hex triplet	2f5451	`#2f5451`
RGB Decimal	47, 84, 81	`rgb(47,84,81)`
RGB Percent	18.4, 32.9, 31.8	`rgb(18.4%,32.9%,31.8%)`
CMYK	44, 0, 4, 67
HSL	175.1°, 28.2, 25.7	`hsl(175.1,28.2%,25.7%)`
HSV (or HSB)	175.1°, 44, 32.9
Web Safe	336666	`#336666`

CIE-LAB	33.003, -14.062, -2.414
XYZ	5.827, 7.539, 8.932
xyY	0.261, 0.338, 7.539
CIE-LCH	33.003, 14.268, 189.739
CIE-LUV	33.003, -16.244, -1.149
Hunter-Lab	27.457, -10.165, -0.068
Binary	00101111, 01010100, 01010001

#2f5451
```
#2f5451 rgb(47,84,81)
```
#542f32
```
#542f32 rgb(84,47,50)
```

Complementary Color

#2f543f
```
#2f543f rgb(47,84,63)
```
#2f5451
```
#2f5451 rgb(47,84,81)
```
#2f4554
```
#2f4554 rgb(47,69,84)
```

Analogous Color

#543f2f
```
#543f2f rgb(84,63,47)
```
#2f5451
```
#2f5451 rgb(47,84,81)
```
#542f45
```
#542f45 rgb(84,47,69)
```

Split Complementary Color

#54512f
```
#54512f rgb(84,81,47)
```
#2f5451
```
#2f5451 rgb(47,84,81)
```
#512f54
```
#512f54 rgb(81,47,84)
```

Triadic Color

#32542f
```
#32542f rgb(50,84,47)
```
#2f5451
```
#2f5451 rgb(47,84,81)
```
#512f54
```
#512f54 rgb(81,47,84)
```
#542f32
```
#542f32 rgb(84,47,50)
```

Tetradic Color

#142322
```
#142322 rgb(20,35,34)
```
#1d3331
```
#1d3331 rgb(29,51,49)
```
#264441
```
#264441 rgb(38,68,65)
```
#2f5451
```
#2f5451 rgb(47,84,81)
```
#386461
```
#386461 rgb(56,100,97)
```
#417571
```
#417571 rgb(65,117,113)
```
#4a8580
```
#4a8580 rgb(74,133,128)
```

Monochromatic Color

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

#2f5448
```
#2f5448 rgb(47,84,72)
```
#2f544b
```
#2f544b rgb(47,84,75)
```
#2f544e
```
#2f544e rgb(47,84,78)
```
#2f5451
```
#2f5451 rgb(47,84,81)
```
#2f5454
```
#2f5454 rgb(47,84,84)
```
#2f5154
```
#2f5154 rgb(47,81,84)
```
#2f4e54
```
#2f4e54 rgb(47,78,84)
```

Similar Colors

Text with hexadecimal color #2f5451

This text has a font color of #2f5451.

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

#2f5451 background color

This paragraph has a background color of #2f5451.

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

#2f5451 border color

This element has a border color of #2f5451.

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

CSS codes

.text {color:#2f5451;}

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

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

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

#050908
```
#050908 rgb(5,9,8)
```
#0c1514
```
#0c1514 rgb(12,21,20)
```
#132220
```
#132220 rgb(19,34,32)
```
#1a2e2d
```
#1a2e2d rgb(26,46,45)
```
#213b39
```
#213b39 rgb(33,59,57)
```
#284745
```
#284745 rgb(40,71,69)
```
#2f5451
```
#2f5451 rgb(47,84,81)
```
#36615d
```
#36615d rgb(54,97,93)
```
#3d6d69
```
#3d6d69 rgb(61,109,105)
```
#447a75
```
#447a75 rgb(68,122,117)
```
#4b8682
```
#4b8682 rgb(75,134,130)
```
#52938e
```
#52938e rgb(82,147,142)
```
#599f9a
```
#599f9a rgb(89,159,154)
```

Shade Color Variation

#64a8a3
```
#64a8a3 rgb(100,168,163)
```
#71afaa
```
#71afaa rgb(113,175,170)
```
#7db6b2
```
#7db6b2 rgb(125,182,178)
```
#8abdb9
```
#8abdb9 rgb(138,189,185)
```
#96c4c1
```
#96c4c1 rgb(150,196,193)
```
#a3cbc8
```
#a3cbc8 rgb(163,203,200)
```
#afd3d0
```
#afd3d0 rgb(175,211,208)
```
#bcdad7
```
#bcdad7 rgb(188,218,215)
```
#c9e1df
```
#c9e1df rgb(201,225,223)
```
#d5e8e6
```
#d5e8e6 rgb(213,232,230)
```
#e2efee
```
#e2efee rgb(226,239,238)
```
#eef6f5
```
#eef6f5 rgb(238,246,245)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#3e4544
```
#3e4544 rgb(62,69,68)
```
#394a49
```
#394a49 rgb(57,74,73)
```
#344f4d
```
#344f4d rgb(52,79,77)
```
#2f5451
```
#2f5451 rgb(47,84,81)
```
#2a5955
```
#2a5955 rgb(42,89,85)
```
#255e59
```
#255e59 rgb(37,94,89)
```
#20635e
```
#20635e rgb(32,99,94)
```
#1b6862
```
#1b6862 rgb(27,104,98)
```
#166d66
```
#166d66 rgb(22,109,102)
```
#11726a
```
#11726a rgb(17,114,106)
```
#0c776f
```
#0c776f rgb(12,119,111)
```
#077c73
```
#077c73 rgb(7,124,115)
```
#028177
```
#028177 rgb(2,129,119)
```

Tone Color Variation

Below, you can see how #2f5451 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
#444b4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#585656 Protanopia 1% of men
#5b545c Deuteranopia 1% of men
#3c5b62 Tritanopia 0.001% of the population

Trichromacy

#495554 Protanomaly 1% of men, 0.01% of women
#4b5458 Deuteranomaly 6% of men, 0.4% of women
#37585b Tritanomaly 0.01% of the population

#2f5451 hex color

#2f5451 Color Information

#2f5451 Color Conversion

Color Schemes with #2f5451

Alternatives to #2f5451

#2f5451 Preview

Shades and Tints of #2f5451

Tones of #2f5451

Color Blindness Simulator