#2f4143 hex color

In a RGB color space, hex #2f4143 is composed of 18.4% red, 25.5% green and 26.3% blue. Whereas in a CMYK color space, it is composed of 29.9% cyan, 3% magenta, 0% yellow and 73.7% black. It has a hue angle of 186 degrees, a saturation of 17.5% and a lightness of 22.4%. #2f4143 color hex could be obtained by blending #5e8286 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 18
- G 25
- B 26
RGB color chart
- C 30
- M 3
- Y 0
- K 74
CMYK color chart

● #2f4143 color description : Very dark grayish cyan.

The hexadecimal color #2f4143 has RGB values of R:47, G:65, B:67 and CMYK values of C:0.3, M:0.03, Y:0, K:0.74. Its decimal value is 3096899.

Hex triplet	2f4143	`#2f4143`
RGB Decimal	47, 65, 67	`rgb(47,65,67)`
RGB Percent	18.4, 25.5, 26.3	`rgb(18.4%,25.5%,26.3%)`
CMYK	30, 3, 0, 74
HSL	186°, 17.5, 22.4	`hsl(186,17.5%,22.4%)`
HSV (or HSB)	186°, 29.9, 26.3
Web Safe	333333	`#333333`

CIE-LAB	26.128, -6.582, -3.556
XYZ	4.075, 4.79, 6.02
xyY	0.274, 0.322, 4.79
CIE-LCH	26.128, 7.481, 208.383
CIE-LUV	26.128, -8.284, -3.276
Hunter-Lab	21.886, -5.062, -0.987
Binary	00101111, 01000001, 01000011

#2f4143
```
#2f4143 rgb(47,65,67)
```
#43312f
```
#43312f rgb(67,49,47)
```

Complementary Color

#2f433b
```
#2f433b rgb(47,67,59)
```
#2f4143
```
#2f4143 rgb(47,65,67)
```
#2f3743
```
#2f3743 rgb(47,55,67)
```

Analogous Color

#433b2f
```
#433b2f rgb(67,59,47)
```
#2f4143
```
#2f4143 rgb(47,65,67)
```
#432f37
```
#432f37 rgb(67,47,55)
```

Split Complementary Color

#41432f
```
#41432f rgb(65,67,47)
```
#2f4143
```
#2f4143 rgb(47,65,67)
```
#432f41
```
#432f41 rgb(67,47,65)
```

Triadic Color

#2f4331
```
#2f4331 rgb(47,67,49)
```
#2f4143
```
#2f4143 rgb(47,65,67)
```
#432f41
```
#432f41 rgb(67,47,65)
```
#43312f
```
#43312f rgb(67,49,47)
```

Tetradic Color

#0f1516
```
#0f1516 rgb(15,21,22)
```
#1a2425
```
#1a2425 rgb(26,36,37)
```
#243234
```
#243234 rgb(36,50,52)
```
#2f4143
```
#2f4143 rgb(47,65,67)
```
#3a5052
```
#3a5052 rgb(58,80,82)
```
#445e61
```
#445e61 rgb(68,94,97)
```
#4f6d70
```
#4f6d70 rgb(79,109,112)
```

Monochromatic Color

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

#2f4340
```
#2f4340 rgb(47,67,64)
```
#2f4342
```
#2f4342 rgb(47,67,66)
```
#2f4343
```
#2f4343 rgb(47,67,67)
```
#2f4143
```
#2f4143 rgb(47,65,67)
```
#2f3f43
```
#2f3f43 rgb(47,63,67)
```
#2f3e43
```
#2f3e43 rgb(47,62,67)
```
#2f3c43
```
#2f3c43 rgb(47,60,67)
```

Similar Colors

Text with hexadecimal color #2f4143

This text has a font color of #2f4143.

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

#2f4143 background color

This paragraph has a background color of #2f4143.

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

#2f4143 border color

This element has a border color of #2f4143.

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

CSS codes

.text {color:#2f4143;}

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

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

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

#070909
```
#070909 rgb(7,9,9)
```
#0f1415
```
#0f1415 rgb(15,20,21)
```
#171f20
```
#171f20 rgb(23,31,32)
```
#1f2b2c
```
#1f2b2c rgb(31,43,44)
```
#273637
```
#273637 rgb(39,54,55)
```
#2f4143
```
#2f4143 rgb(47,65,67)
```
#374c4f
```
#374c4f rgb(55,76,79)
```
#3f575a
```
#3f575a rgb(63,87,90)
```
#476366
```
#476366 rgb(71,99,102)
```
#4f6e71
```
#4f6e71 rgb(79,110,113)
```
#57797d
```
#57797d rgb(87,121,125)
```
#608488
```
#608488 rgb(96,132,136)
```
#688f94
```
#688f94 rgb(104,143,148)
```

Shade Color Variation

#72989c
```
#72989c rgb(114,152,156)
```
#7ea1a5
```
#7ea1a5 rgb(126,161,165)
```
#8aa9ad
```
#8aa9ad rgb(138,169,173)
```
#95b2b5
```
#95b2b5 rgb(149,178,181)
```
#a1babd
```
#a1babd rgb(161,186,189)
```
#acc2c5
```
#acc2c5 rgb(172,194,197)
```
#b8cbcd
```
#b8cbcd rgb(184,203,205)
```
#c3d3d5
```
#c3d3d5 rgb(195,211,213)
```
#cfdcdd
```
#cfdcdd rgb(207,220,221)
```
#dae4e5
```
#dae4e5 rgb(218,228,229)
```
#e6eded
```
#e6eded rgb(230,237,237)
```
#f1f5f5
```
#f1f5f5 rgb(241,245,245)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #383a3a is the less saturated color, while #03646f is the most saturated one.

#383a3a
```
#383a3a rgb(56,58,58)
```
#333d3f
```
#333d3f rgb(51,61,63)
```
#2f4143
```
#2f4143 rgb(47,65,67)
```
#2b4547
```
#2b4547 rgb(43,69,71)
```
#26484c
```
#26484c rgb(38,72,76)
```
#224c50
```
#224c50 rgb(34,76,80)
```
#1d4f55
```
#1d4f55 rgb(29,79,85)
```
#195359
```
#195359 rgb(25,83,89)
```
#15565d
```
#15565d rgb(21,86,93)
```
#105a62
```
#105a62 rgb(16,90,98)
```
#0c5d66
```
#0c5d66 rgb(12,93,102)
```
#08616a
```
#08616a rgb(8,97,106)
```
#03646f
```
#03646f rgb(3,100,111)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#393d3d Atypical Achromatopsia 0.001% of the population

Dichromacy

#48474a Protanopia 1% of men
#4b464e Deuteranopia 1% of men
#3a4a4f Tritanopia 0.001% of the population

Trichromacy

#3f4548 Protanomaly 1% of men, 0.01% of women
#41444a Deuteranomaly 6% of men, 0.4% of women
#36464b Tritanomaly 0.01% of the population

#2f4143 hex color

#2f4143 Color Information

#2f4143 Color Conversion

Color Schemes with #2f4143

Alternatives to #2f4143

#2f4143 Preview

Shades and Tints of #2f4143

Tones of #2f4143

Color Blindness Simulator