colorhexa.com

#2f343e hex color

In a RGB color space, hex #2f343e is composed of 18.4% red, 20.4% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 24.2% cyan, 16.1% magenta, 0% yellow and 75.7% black. It has a hue angle of 220 degrees, a saturation of 13.8% and a lightness of 21.4%. #2f343e color hex could be obtained by blending #5e687c with #000000. Closest websafe color is: #333333.

- R 18
- G 20
- B 24
RGB color chart
- C 24
- M 16
- Y 0
- K 76
CMYK color chart

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

The hexadecimal color #2f343e has RGB values of R:47, G:52, B:62 and CMYK values of C:0.24, M:0.16, Y:0, K:0.76. Its decimal value is 3093566.

Hex triplet	2f343e	`#2f343e`
RGB Decimal	47, 52, 62	`rgb(47,52,62)`
RGB Percent	18.4, 20.4, 24.3	`rgb(18.4%,20.4%,24.3%)`
CMYK	24, 16, 0, 76
HSL	220°, 13.8, 21.4	`hsl(220,13.8%,21.4%)`
HSV (or HSB)	220°, 24.2, 24.3
Web Safe	333333	`#333333`

CIE-LAB	21.609, 0.505, -6.98
XYZ	3.27, 3.408, 5.043
xyY	0.279, 0.291, 3.408
CIE-LCH	21.609, 6.998, 274.135
CIE-LUV	21.609, -2.728, -7.619
Hunter-Lab	18.461, -0.693, -3.273
Binary	00101111, 00110100, 00111110

#2f343e
```
#2f343e rgb(47,52,62)
```
#3e392f
```
#3e392f rgb(62,57,47)
```

Complementary Color

#2f3c3e
```
#2f3c3e rgb(47,60,62)
```
#2f343e
```
#2f343e rgb(47,52,62)
```
#322f3e
```
#322f3e rgb(50,47,62)
```

Analogous Color

#3c3e2f
```
#3c3e2f rgb(60,62,47)
```
#2f343e
```
#2f343e rgb(47,52,62)
```
#3e322f
```
#3e322f rgb(62,50,47)
```

Split Complementary Color

#0e1012
```
#0e1012 rgb(14,16,18)
```
#191c21
```
#191c21 rgb(25,28,33)
```
#24282f
```
#24282f rgb(36,40,47)
```
#2f343e
```
#2f343e rgb(47,52,62)
```
#3a404d
```
#3a404d rgb(58,64,77)
```
#454c5b
```
#454c5b rgb(69,76,91)
```
#50586a
```
#50586a rgb(80,88,106)
```

Monochromatic Color

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

#2f383e
```
#2f383e rgb(47,56,62)
```
#2f373e
```
#2f373e rgb(47,55,62)
```
#2f353e
```
#2f353e rgb(47,53,62)
```
#2f343e
```
#2f343e rgb(47,52,62)
```
#2f333e
```
#2f333e rgb(47,51,62)
```
#2f323e
```
#2f323e rgb(47,50,62)
```
#2f303e
```
#2f303e rgb(47,48,62)
```

Similar Colors

Text with hexadecimal color #2f343e

This text has a font color of #2f343e.

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

#2f343e background color

This paragraph has a background color of #2f343e.

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

#2f343e border color

This element has a border color of #2f343e.

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

CSS codes

.text {color:#2f343e;}

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

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

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

#050506
```
#050506 rgb(5,5,6)
```
#0d0f11
```
#0d0f11 rgb(13,15,17)
```
#16181d
```
#16181d rgb(22,24,29)
```
#1e2128
```
#1e2128 rgb(30,33,40)
```
#272b33
```
#272b33 rgb(39,43,51)
```
#2f343e
```
#2f343e rgb(47,52,62)
```
#373d49
```
#373d49 rgb(55,61,73)
```
#404754
```
#404754 rgb(64,71,84)
```
#48505f
```
#48505f rgb(72,80,95)
```
#51596b
```
#51596b rgb(81,89,107)
```
#596376
```
#596376 rgb(89,99,118)
```
#626c81
```
#626c81 rgb(98,108,129)
```
#6a768c
```
#6a768c rgb(106,118,140)
```

Shade Color Variation

#747f96
```
#747f96 rgb(116,127,150)
```
#7f8a9e
```
#7f8a9e rgb(127,138,158)
```
#8a94a7
```
#8a94a7 rgb(138,148,167)
```
#969eaf
```
#969eaf rgb(150,158,175)
```
#a1a8b8
```
#a1a8b8 rgb(161,168,184)
```
#acb3c0
```
#acb3c0 rgb(172,179,192)
```
#b7bdc9
```
#b7bdc9 rgb(183,189,201)
```
#c2c7d1
```
#c2c7d1 rgb(194,199,209)
```
#cdd1d9
```
#cdd1d9 rgb(205,209,217)
```
#d9dce2
```
#d9dce2 rgb(217,220,226)
```
#e4e6ea
```
#e4e6ea rgb(228,230,234)
```
#eff0f3
```
#eff0f3 rgb(239,240,243)
```
#fafafb
```
#fafafb rgb(250,250,251)
```

Tint Color Variation

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

#33353a
```
#33353a rgb(51,53,58)
```
#2f343e
```
#2f343e rgb(47,52,62)
```
#2b3342
```
#2b3342 rgb(43,51,66)
```
#273146
```
#273146 rgb(39,49,70)
```
#22304b
```
#22304b rgb(34,48,75)
```
#1e2e4f
```
#1e2e4f rgb(30,46,79)
```
#1a2d53
```
#1a2d53 rgb(26,45,83)
```
#162c57
```
#162c57 rgb(22,44,87)
```
#122a5b
```
#122a5b rgb(18,42,91)
```
#0d2960
```
#0d2960 rgb(13,41,96)
```
#092764
```
#092764 rgb(9,39,100)
```
#052668
```
#052668 rgb(5,38,104)
```
#01256c
```
#01256c rgb(1,37,108)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#333436 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c3d47 Protanopia 1% of men
#3e3d48 Deuteranopia 1% of men
#383f43 Tritanopia 0.001% of the population

Trichromacy

#373a44 Protanomaly 1% of men, 0.01% of women
#393944 Deuteranomaly 6% of men, 0.4% of women
#353b41 Tritanomaly 0.01% of the population