#2f3337 hex color

In a RGB color space, hex #2f3337 is composed of 18.4% red, 20% green and 21.6% blue. Whereas in a CMYK color space, it is composed of 14.5% cyan, 7.3% magenta, 0% yellow and 78.4% black. It has a hue angle of 210 degrees, a saturation of 7.8% and a lightness of 20%. #2f3337 color hex could be obtained by blending #5e666e with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 18
- G 20
- B 22
RGB color chart
- C 15
- M 7
- Y 0
- K 78
CMYK color chart

● #2f3337 color description : Very dark grayish blue.

The hexadecimal color #2f3337 has RGB values of R:47, G:51, B:55 and CMYK values of C:0.15, M:0.07, Y:0, K:0.78. Its decimal value is 3093303.

Hex triplet	2f3337	`#2f3337`
RGB Decimal	47, 51, 55	`rgb(47,51,55)`
RGB Percent	18.4, 20, 21.6	`rgb(18.4%,20%,21.6%)`
CMYK	15, 7, 0, 78
HSL	210°, 7.8, 20	`hsl(210,7.8%,20%)`
HSV (or HSB)	210°, 14.5, 21.6
Web Safe	333333	`#333333`

CIE-LAB	21.01, -0.716, -3.119
XYZ	3.046, 3.248, 4.081
xyY	0.294, 0.313, 3.248
CIE-LCH	21.01, 3.2, 257.077
CIE-LUV	21.01, -2.05, -3.181
Hunter-Lab	18.022, -1.372, -0.81
Binary	00101111, 00110011, 00110111

#2f3337
```
#2f3337 rgb(47,51,55)
```
#37332f
```
#37332f rgb(55,51,47)
```

Complementary Color

#2f3737
```
#2f3737 rgb(47,55,55)
```
#2f3337
```
#2f3337 rgb(47,51,55)
```
#2f2f37
```
#2f2f37 rgb(47,47,55)
```

Analogous Color

#37372f
```
#37372f rgb(55,55,47)
```
#2f3337
```
#2f3337 rgb(47,51,55)
```
#372f2f
```
#372f2f rgb(55,47,47)
```

Split Complementary Color

#33372f
```
#33372f rgb(51,55,47)
```
#2f3337
```
#2f3337 rgb(47,51,55)
```
#372f33
```
#372f33 rgb(55,47,51)
```

Triadic Color

#2f3733
```
#2f3733 rgb(47,55,51)
```
#2f3337
```
#2f3337 rgb(47,51,55)
```
#372f33
```
#372f33 rgb(55,47,51)
```
#37332f
```
#37332f rgb(55,51,47)
```

Tetradic Color

#0c0d0e
```
#0c0d0e rgb(12,13,14)
```
#181a1c
```
#181a1c rgb(24,26,28)
```
#232629
```
#232629 rgb(35,38,41)
```
#2f3337
```
#2f3337 rgb(47,51,55)
```
#3b4045
```
#3b4045 rgb(59,64,69)
```
#474d53
```
#474d53 rgb(71,77,83)
```
#525960
```
#525960 rgb(82,89,96)
```

Monochromatic Color

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

#2f3537
```
#2f3537 rgb(47,53,55)
```
#2f3437
```
#2f3437 rgb(47,52,55)
```
#2f3437
```
#2f3437 rgb(47,52,55)
```
#2f3337
```
#2f3337 rgb(47,51,55)
```
#2f3237
```
#2f3237 rgb(47,50,55)
```
#2f3237
```
#2f3237 rgb(47,50,55)
```
#2f3137
```
#2f3137 rgb(47,49,55)
```

Similar Colors

Text with hexadecimal color #2f3337

This text has a font color of #2f3337.

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

#2f3337 background color

This paragraph has a background color of #2f3337.

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

#2f3337 border color

This element has a border color of #2f3337.

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

CSS codes

.text {color:#2f3337;}

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

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0b0c0d
```
#0b0c0d rgb(11,12,13)
```
#141617
```
#141617 rgb(20,22,23)
```
#1d1f22
```
#1d1f22 rgb(29,31,34)
```
#26292c
```
#26292c rgb(38,41,44)
```
#2f3337
```
#2f3337 rgb(47,51,55)
```
#383d42
```
#383d42 rgb(56,61,66)
```
#41474c
```
#41474c rgb(65,71,76)
```
#4a5057
```
#4a5057 rgb(74,80,87)
```
#535a61
```
#535a61 rgb(83,90,97)
```
#5c646c
```
#5c646c rgb(92,100,108)
```
#656e76
```
#656e76 rgb(101,110,118)
```
#6e7881
```
#6e7881 rgb(110,120,129)
```

Shade Color Variation

#78818b
```
#78818b rgb(120,129,139)
```
#828b94
```
#828b94 rgb(130,139,148)
```
#8d959d
```
#8d959d rgb(141,149,157)
```
#979fa6
```
#979fa6 rgb(151,159,166)
```
#a2a9af
```
#a2a9af rgb(162,169,175)
```
#adb3b9
```
#adb3b9 rgb(173,179,185)
```
#b7bcc2
```
#b7bcc2 rgb(183,188,194)
```
#c2c6cb
```
#c2c6cb rgb(194,198,203)
```
#ccd0d4
```
#ccd0d4 rgb(204,208,212)
```
#d7dadd
```
#d7dadd rgb(215,218,221)
```
#e1e4e6
```
#e1e4e6 rgb(225,228,230)
```
#ecedef
```
#ecedef rgb(236,237,239)
```
#f7f7f8
```
#f7f7f8 rgb(247,247,248)
```

Tint Color Variation

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

#333333
```
#333333 rgb(51,51,51)
```
#2f3337
```
#2f3337 rgb(47,51,55)
```
#2b333b
```
#2b333b rgb(43,51,59)
```
#27333f
```
#27333f rgb(39,51,63)
```
#233343
```
#233343 rgb(35,51,67)
```
#1f3347
```
#1f3347 rgb(31,51,71)
```
#1b334b
```
#1b334b rgb(27,51,75)
```
#17334f
```
#17334f rgb(23,51,79)
```
#143352
```
#143352 rgb(20,51,82)
```
#103356
```
#103356 rgb(16,51,86)
```
#0c335a
```
#0c335a rgb(12,51,90)
```
#08335e
```
#08335e rgb(8,51,94)
```
#043362
```
#043362 rgb(4,51,98)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#313233 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d3c40 Protanopia 1% of men
#403b42 Deuteranopia 1% of men
#393d41 Tritanopia 0.001% of the population

Trichromacy

#37393d Protanomaly 1% of men, 0.01% of women
#3a383e Deuteranomaly 6% of men, 0.4% of women
#35393d Tritanomaly 0.01% of the population

#2f3337 hex color

#2f3337 Color Information

#2f3337 Color Conversion

Color Schemes with #2f3337

Alternatives to #2f3337

#2f3337 Preview

Shades and Tints of #2f3337

Tones of #2f3337

Color Blindness Simulator