colorhexa.com

#2f4445 hex color

In a RGB color space, hex #2f4445 is composed of 18.4% red, 26.7% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 31.9% cyan, 1.4% magenta, 0% yellow and 72.9% black. It has a hue angle of 182.7 degrees, a saturation of 19% and a lightness of 22.7%. #2f4445 color hex could be obtained by blending #5e888a with #000000. Closest websafe color is: #333333.

- R 18
- G 27
- B 27
RGB color chart
- C 32
- M 1
- Y 0
- K 73
CMYK color chart

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

The hexadecimal color #2f4445 has RGB values of R:47, G:68, B:69 and CMYK values of C:0.32, M:0.01, Y:0, K:0.73. Its decimal value is 3097669.

Hex triplet	2f4445	`#2f4445`
RGB Decimal	47, 68, 69	`rgb(47,68,69)`
RGB Percent	18.4, 26.7, 27.1	`rgb(18.4%,26.7%,27.1%)`
CMYK	32, 1, 0, 73
HSL	182.7°, 19, 22.7	`hsl(182.7,19%,22.7%)`
HSV (or HSB)	182.7°, 31.9, 27.1
Web Safe	333333	`#333333`

CIE-LAB	27.208, -7.898, -3.266
XYZ	4.313, 5.168, 6.4
xyY	0.272, 0.325, 5.168
CIE-LCH	27.208, 8.546, 202.466
CIE-LUV	27.208, -9.576, -2.82
Hunter-Lab	22.733, -5.916, -0.779
Binary	00101111, 01000100, 01000101

#2f4445
```
#2f4445 rgb(47,68,69)
```
#45302f
```
#45302f rgb(69,48,47)
```

Complementary Color

#2f453b
```
#2f453b rgb(47,69,59)
```
#2f4445
```
#2f4445 rgb(47,68,69)
```
#2f3945
```
#2f3945 rgb(47,57,69)
```

Analogous Color

#453b2f
```
#453b2f rgb(69,59,47)
```
#2f4445
```
#2f4445 rgb(47,68,69)
```
#452f39
```
#452f39 rgb(69,47,57)
```

Split Complementary Color

#101717
```
#101717 rgb(16,23,23)
```
#1a2627
```
#1a2627 rgb(26,38,39)
```
#253536
```
#253536 rgb(37,53,54)
```
#2f4445
```
#2f4445 rgb(47,68,69)
```
#395354
```
#395354 rgb(57,83,84)
```
#446263
```
#446263 rgb(68,98,99)
```
#4e7173
```
#4e7173 rgb(78,113,115)
```

Monochromatic Color

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

#2f4541
```
#2f4541 rgb(47,69,65)
```
#2f4542
```
#2f4542 rgb(47,69,66)
```
#2f4544
```
#2f4544 rgb(47,69,68)
```
#2f4445
```
#2f4445 rgb(47,68,69)
```
#2f4245
```
#2f4245 rgb(47,66,69)
```
#2f4045
```
#2f4045 rgb(47,64,69)
```
#2f3f45
```
#2f3f45 rgb(47,63,69)
```

Similar Colors

Text with hexadecimal color #2f4445

This text has a font color of #2f4445.

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

#2f4445 background color

This paragraph has a background color of #2f4445.

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

#2f4445 border color

This element has a border color of #2f4445.

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

CSS codes

.text {color:#2f4445;}

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

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

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

#070b0b
```
#070b0b rgb(7,11,11)
```
#0f1616
```
#0f1616 rgb(15,22,22)
```
#172222
```
#172222 rgb(23,34,34)
```
#1f2d2e
```
#1f2d2e rgb(31,45,46)
```
#273939
```
#273939 rgb(39,57,57)
```
#2f4445
```
#2f4445 rgb(47,68,69)
```
#374f51
```
#374f51 rgb(55,79,81)
```
#3f5b5c
```
#3f5b5c rgb(63,91,92)
```
#476668
```
#476668 rgb(71,102,104)
```
#4f7274
```
#4f7274 rgb(79,114,116)
```
#577d7f
```
#577d7f rgb(87,125,127)
```
#5f898b
```
#5f898b rgb(95,137,139)
```
#679497
```
#679497 rgb(103,148,151)
```

Shade Color Variation

#729d9f
```
#729d9f rgb(114,157,159)
```
#7ea5a7
```
#7ea5a7 rgb(126,165,167)
```
#89adaf
```
#89adaf rgb(137,173,175)
```
#95b5b7
```
#95b5b7 rgb(149,181,183)
```
#a1bdbf
```
#a1bdbf rgb(161,189,191)
```
#acc5c7
```
#acc5c7 rgb(172,197,199)
```
#b8cecf
```
#b8cecf rgb(184,206,207)
```
#c4d6d7
```
#c4d6d7 rgb(196,214,215)
```
#cfdedf
```
#cfdedf rgb(207,222,223)
```
#dbe6e6
```
#dbe6e6 rgb(219,230,230)
```
#e7eeee
```
#e7eeee rgb(231,238,238)
```
#f2f6f6
```
#f2f6f6 rgb(242,246,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#383c3c
```
#383c3c rgb(56,60,60)
```
#334041
```
#334041 rgb(51,64,65)
```
#2f4445
```
#2f4445 rgb(47,68,69)
```
#2b4849
```
#2b4849 rgb(43,72,73)
```
#264c4e
```
#264c4e rgb(38,76,78)
```
#225052
```
#225052 rgb(34,80,82)
```
#1d5457
```
#1d5457 rgb(29,84,87)
```
#19585b
```
#19585b rgb(25,88,91)
```
#145c60
```
#145c60 rgb(20,92,96)
```
#106064
```
#106064 rgb(16,96,100)
```
#0b6469
```
#0b6469 rgb(11,100,105)
```
#07696d
```
#07696d rgb(7,105,109)
```
#026d72
```
#026d72 rgb(2,109,114)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#3b3f3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a494c Protanopia 1% of men
#4e4850 Deuteranopia 1% of men
#3a4d52 Tritanopia 0.001% of the population

Trichromacy

#404749 Protanomaly 1% of men, 0.01% of women
#42464c Deuteranomaly 6% of men, 0.4% of women
#36494d Tritanomaly 0.01% of the population