#2f313d hex color

In a RGB color space, hex #2f313d is composed of 18.4% red, 19.2% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 23% cyan, 19.7% magenta, 0% yellow and 76.1% black. It has a hue angle of 231.4 degrees, a saturation of 13% and a lightness of 21.2%. #2f313d color hex could be obtained by blending #5e627a with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 18
- G 19
- B 24
RGB color chart
- C 23
- M 20
- Y 0
- K 76
CMYK color chart

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

The hexadecimal color #2f313d has RGB values of R:47, G:49, B:61 and CMYK values of C:0.23, M:0.2, Y:0, K:0.76. Its decimal value is 3092797.

Hex triplet	2f313d	`#2f313d`
RGB Decimal	47, 49, 61	`rgb(47,49,61)`
RGB Percent	18.4, 19.2, 23.9	`rgb(18.4%,19.2%,23.9%)`
CMYK	23, 20, 0, 76
HSL	231.4°, 13, 21.2	`hsl(231.4,13%,21.2%)`
HSV (or HSB)	231.4°, 23, 23.9
Web Safe	333333	`#333333`

CIE-LAB	20.588, 2.264, -7.845
XYZ	3.113, 3.138, 4.856
xyY	0.28, 0.283, 3.138
CIE-LCH	20.588, 8.165, 286.1
CIE-LUV	20.588, -1.484, -8.613
Hunter-Lab	17.714, 0.367, -3.855
Binary	00101111, 00110001, 00111101

#2f313d
```
#2f313d rgb(47,49,61)
```
#3d3b2f
```
#3d3b2f rgb(61,59,47)
```

Complementary Color

#2f383d
```
#2f383d rgb(47,56,61)
```
#2f313d
```
#2f313d rgb(47,49,61)
```
#342f3d
```
#342f3d rgb(52,47,61)
```

Analogous Color

#383d2f
```
#383d2f rgb(56,61,47)
```
#2f313d
```
#2f313d rgb(47,49,61)
```
#3d342f
```
#3d342f rgb(61,52,47)
```

Split Complementary Color

#313d2f
```
#313d2f rgb(49,61,47)
```
#2f313d
```
#2f313d rgb(47,49,61)
```
#3d2f31
```
#3d2f31 rgb(61,47,49)
```

Triadic Color

#2f3d3b
```
#2f3d3b rgb(47,61,59)
```
#2f313d
```
#2f313d rgb(47,49,61)
```
#3d2f31
```
#3d2f31 rgb(61,47,49)
```
#3d3b2f
```
#3d3b2f rgb(61,59,47)
```

Tetradic Color

#0e0e12
```
#0e0e12 rgb(14,14,18)
```
#191a20
```
#191a20 rgb(25,26,32)
```
#24252f
```
#24252f rgb(36,37,47)
```
#2f313d
```
#2f313d rgb(47,49,61)
```
#3a3d4b
```
#3a3d4b rgb(58,61,75)
```
#45485a
```
#45485a rgb(69,72,90)
```
#505468
```
#505468 rgb(80,84,104)
```

Monochromatic Color

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

#2f353d
```
#2f353d rgb(47,53,61)
```
#2f333d
```
#2f333d rgb(47,51,61)
```
#2f323d
```
#2f323d rgb(47,50,61)
```
#2f313d
```
#2f313d rgb(47,49,61)
```
#2f303d
```
#2f303d rgb(47,48,61)
```
#2f2f3d
```
#2f2f3d rgb(47,47,61)
```
#312f3d
```
#312f3d rgb(49,47,61)
```

Similar Colors

Text with hexadecimal color #2f313d

This text has a font color of #2f313d.

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

#2f313d background color

This paragraph has a background color of #2f313d.

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

#2f313d border color

This element has a border color of #2f313d.

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

CSS codes

.text {color:#2f313d;}

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

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

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

#040506
```
#040506 rgb(4,5,6)
```
#0d0d11
```
#0d0d11 rgb(13,13,17)
```
#15161c
```
#15161c rgb(21,22,28)
```
#1e1f27
```
#1e1f27 rgb(30,31,39)
```
#262832
```
#262832 rgb(38,40,50)
```
#2f313d
```
#2f313d rgb(47,49,61)
```
#383a48
```
#383a48 rgb(56,58,72)
```
#404353
```
#404353 rgb(64,67,83)
```
#494c5e
```
#494c5e rgb(73,76,94)
```
#515569
```
#515569 rgb(81,85,105)
```
#5a5d74
```
#5a5d74 rgb(90,93,116)
```
#62667f
```
#62667f rgb(98,102,127)
```
#6b6f8b
```
#6b6f8b rgb(107,111,139)
```

Shade Color Variation

#757994
```
#757994 rgb(117,121,148)
```
#80849d
```
#80849d rgb(128,132,157)
```
#8b8fa5
```
#8b8fa5 rgb(139,143,165)
```
#9699ae
```
#9699ae rgb(150,153,174)
```
#a1a4b6
```
#a1a4b6 rgb(161,164,182)
```
#acafbf
```
#acafbf rgb(172,175,191)
```
#b7b9c8
```
#b7b9c8 rgb(183,185,200)
```
#c2c4d0
```
#c2c4d0 rgb(194,196,208)
```
#cdcfd9
```
#cdcfd9 rgb(205,207,217)
```
#d8dae1
```
#d8dae1 rgb(216,218,225)
```
#e3e4ea
```
#e3e4ea rgb(227,228,234)
```
#eeeff2
```
#eeeff2 rgb(238,239,242)
```
#fafafb
```
#fafafb rgb(250,250,251)
```

Tint Color Variation

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

#333439
```
#333439 rgb(51,52,57)
```
#2f313d
```
#2f313d rgb(47,49,61)
```
#2b2e41
```
#2b2e41 rgb(43,46,65)
```
#272b45
```
#272b45 rgb(39,43,69)
```
#232849
```
#232849 rgb(35,40,73)
```
#1e254e
```
#1e254e rgb(30,37,78)
```
#1a2252
```
#1a2252 rgb(26,34,82)
```
#161f56
```
#161f56 rgb(22,31,86)
```
#121c5a
```
#121c5a rgb(18,28,90)
```
#0e195e
```
#0e195e rgb(14,25,94)
```
#0a1662
```
#0a1662 rgb(10,22,98)
```
#051367
```
#051367 rgb(5,19,103)
```
#01106b
```
#01106b rgb(1,16,107)
```

Tone Color Variation

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

Dichromacy

#393b47 Protanopia 1% of men
#3c3b47 Deuteranopia 1% of men
#383c41 Tritanopia 0.001% of the population

Trichromacy

#353743 Protanomaly 1% of men, 0.01% of women
#373743 Deuteranomaly 6% of men, 0.4% of women
#35383f Tritanomaly 0.01% of the population

#2f313d hex color

#2f313d Color Information

#2f313d Color Conversion

Color Schemes with #2f313d

Alternatives to #2f313d

#2f313d Preview

Shades and Tints of #2f313d

Tones of #2f313d

Color Blindness Simulator