#2f4440 hex color

In a RGB color space, hex #2f4440 is composed of 18.4% red, 26.7% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 30.9% cyan, 0% magenta, 5.9% yellow and 73.3% black. It has a hue angle of 168.6 degrees, a saturation of 18.3% and a lightness of 22.5%. #2f4440 color hex could be obtained by blending #5e8880 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 18
- G 27
- B 25
RGB color chart
- C 31
- M 0
- Y 6
- K 73
CMYK color chart

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

The hexadecimal color #2f4440 has RGB values of R:47, G:68, B:64 and CMYK values of C:0.31, M:0, Y:0.06, K:0.73. Its decimal value is 3097664.

Hex triplet	2f4440	`#2f4440`
RGB Decimal	47, 68, 64	`rgb(47,68,64)`
RGB Percent	18.4, 26.7, 25.1	`rgb(18.4%,26.7%,25.1%)`
CMYK	31, 0, 6, 73
HSL	168.6°, 18.3, 22.5	`hsl(168.6,18.3%,22.5%)`
HSV (or HSB)	168.6°, 30.9, 26.7
Web Safe	333333	`#333333`

CIE-LAB	27.042, -9.254, -0.241
XYZ	4.165, 5.109, 5.617
xyY	0.28, 0.343, 5.109
CIE-LCH	27.042, 9.258, 181.494
CIE-LUV	27.042, -9.575, 0.89
Hunter-Lab	22.602, -6.664, 1.087
Binary	00101111, 01000100, 01000000

#2f4440
```
#2f4440 rgb(47,68,64)
```
#442f33
```
#442f33 rgb(68,47,51)
```

Complementary Color

#2f4436
```
#2f4436 rgb(47,68,54)
```
#2f4440
```
#2f4440 rgb(47,68,64)
```
#2f3e44
```
#2f3e44 rgb(47,62,68)
```

Analogous Color

#44362f
```
#44362f rgb(68,54,47)
```
#2f4440
```
#2f4440 rgb(47,68,64)
```
#442f3e
```
#442f3e rgb(68,47,62)
```

Split Complementary Color

#44402f
```
#44402f rgb(68,64,47)
```
#2f4440
```
#2f4440 rgb(47,68,64)
```
#402f44
```
#402f44 rgb(64,47,68)
```

Triadic Color

#33442f
```
#33442f rgb(51,68,47)
```
#2f4440
```
#2f4440 rgb(47,68,64)
```
#402f44
```
#402f44 rgb(64,47,68)
```
#442f33
```
#442f33 rgb(68,47,51)
```

Tetradic Color

#101715
```
#101715 rgb(16,23,21)
```
#1a2624
```
#1a2624 rgb(26,38,36)
```
#253532
```
#253532 rgb(37,53,50)
```
#2f4440
```
#2f4440 rgb(47,68,64)
```
#39534e
```
#39534e rgb(57,83,78)
```
#44625c
```
#44625c rgb(68,98,92)
```
#4e716b
```
#4e716b rgb(78,113,107)
```

Monochromatic Color

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

#2f443b
```
#2f443b rgb(47,68,59)
```
#2f443d
```
#2f443d rgb(47,68,61)
```
#2f443e
```
#2f443e rgb(47,68,62)
```
#2f4440
```
#2f4440 rgb(47,68,64)
```
#2f4442
```
#2f4442 rgb(47,68,66)
```
#2f4444
```
#2f4444 rgb(47,68,68)
```
#2f4344
```
#2f4344 rgb(47,67,68)
```

Similar Colors

Text with hexadecimal color #2f4440

This text has a font color of #2f4440.

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

#2f4440 background color

This paragraph has a background color of #2f4440.

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

#2f4440 border color

This element has a border color of #2f4440.

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

CSS codes

.text {color:#2f4440;}

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

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

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

#070a09
```
#070a09 rgb(7,10,9)
```
#0f1614
```
#0f1614 rgb(15,22,20)
```
#17211f
```
#17211f rgb(23,33,31)
```
#1f2d2a
```
#1f2d2a rgb(31,45,42)
```
#273835
```
#273835 rgb(39,56,53)
```
#2f4440
```
#2f4440 rgb(47,68,64)
```
#37504b
```
#37504b rgb(55,80,75)
```
#3f5b56
```
#3f5b56 rgb(63,91,86)
```
#476761
```
#476761 rgb(71,103,97)
```
#4f726c
```
#4f726c rgb(79,114,108)
```
#577e77
```
#577e77 rgb(87,126,119)
```
#5f8a81
```
#5f8a81 rgb(95,138,129)
```
#67958c
```
#67958c rgb(103,149,140)
```

Shade Color Variation

#729e95
```
#729e95 rgb(114,158,149)
```
#7ea69e
```
#7ea69e rgb(126,166,158)
```
#89aea7
```
#89aea7 rgb(137,174,167)
```
#95b6b0
```
#95b6b0 rgb(149,182,176)
```
#a1beb8
```
#a1beb8 rgb(161,190,184)
```
#acc6c1
```
#acc6c1 rgb(172,198,193)
```
#b8ceca
```
#b8ceca rgb(184,206,202)
```
#c3d6d2
```
#c3d6d2 rgb(195,214,210)
```
#cfdedb
```
#cfdedb rgb(207,222,219)
```
#dbe6e4
```
#dbe6e4 rgb(219,230,228)
```
#e6eeec
```
#e6eeec rgb(230,238,236)
```
#f2f6f5
```
#f2f6f5 rgb(242,246,245)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#383b3b
```
#383b3b rgb(56,59,59)
```
#33403d
```
#33403d rgb(51,64,61)
```
#2f4440
```
#2f4440 rgb(47,68,64)
```
#2b4843
```
#2b4843 rgb(43,72,67)
```
#264d45
```
#264d45 rgb(38,77,69)
```
#225148
```
#225148 rgb(34,81,72)
```
#1d564b
```
#1d564b rgb(29,86,75)
```
#195a4e
```
#195a4e rgb(25,90,78)
```
#145f50
```
#145f50 rgb(20,95,80)
```
#106353
```
#106353 rgb(16,99,83)
```
#0c6756
```
#0c6756 rgb(12,103,86)
```
#076c59
```
#076c59 rgb(7,108,89)
```
#03705b
```
#03705b rgb(3,112,91)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3a3e3e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b4947 Protanopia 1% of men
#4f474b Deuteranopia 1% of men
#3b4c52 Tritanopia 0.001% of the population

Trichromacy

#414744 Protanomaly 1% of men, 0.01% of women
#434647 Deuteranomaly 6% of men, 0.4% of women
#37494b Tritanomaly 0.01% of the population

#2f4440 hex color

#2f4440 Color Information

#2f4440 Color Conversion

Color Schemes with #2f4440

Alternatives to #2f4440

#2f4440 Preview

Shades and Tints of #2f4440

Tones of #2f4440

Color Blindness Simulator