#2f333d hex color

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

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

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

The hexadecimal color #2f333d has RGB values of R:47, G:51, B:61 and CMYK values of C:0.23, M:0.16, Y:0, K:0.76. Its decimal value is 3093309.

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

CIE-LAB	21.241, 0.901, -6.857
XYZ	3.198, 3.309, 4.885
xyY	0.281, 0.29, 3.309
CIE-LCH	21.241, 6.916, 277.488
CIE-LUV	21.241, -2.285, -7.472
Hunter-Lab	18.19, -0.449, -3.188
Binary	00101111, 00110011, 00111101

#2f333d
```
#2f333d rgb(47,51,61)
```
#3d392f
```
#3d392f rgb(61,57,47)
```

Complementary Color

#2f3a3d
```
#2f3a3d rgb(47,58,61)
```
#2f333d
```
#2f333d rgb(47,51,61)
```
#322f3d
```
#322f3d rgb(50,47,61)
```

Analogous Color

#3a3d2f
```
#3a3d2f rgb(58,61,47)
```
#2f333d
```
#2f333d rgb(47,51,61)
```
#3d322f
```
#3d322f rgb(61,50,47)
```

Split Complementary Color

#333d2f
```
#333d2f rgb(51,61,47)
```
#2f333d
```
#2f333d rgb(47,51,61)
```
#3d2f33
```
#3d2f33 rgb(61,47,51)
```

Triadic Color

#2f3d39
```
#2f3d39 rgb(47,61,57)
```
#2f333d
```
#2f333d rgb(47,51,61)
```
#3d2f33
```
#3d2f33 rgb(61,47,51)
```
#3d392f
```
#3d392f rgb(61,57,47)
```

Tetradic Color

#0e0f12
```
#0e0f12 rgb(14,15,18)
```
#191b20
```
#191b20 rgb(25,27,32)
```
#24272f
```
#24272f rgb(36,39,47)
```
#2f333d
```
#2f333d rgb(47,51,61)
```
#3a3f4b
```
#3a3f4b rgb(58,63,75)
```
#454b5a
```
#454b5a rgb(69,75,90)
```
#505768
```
#505768 rgb(80,87,104)
```

Monochromatic Color

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

#2f373d
```
#2f373d rgb(47,55,61)
```
#2f353d
```
#2f353d rgb(47,53,61)
```
#2f343d
```
#2f343d rgb(47,52,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)
```

Similar Colors

Text with hexadecimal color #2f333d

This text has a font color of #2f333d.

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

#2f333d background color

This paragraph has a background color of #2f333d.

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

#2f333d border color

This element has a border color of #2f333d.

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

CSS codes

.text {color:#2f333d;}

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

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

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)
```
#0d0e11
```
#0d0e11 rgb(13,14,17)
```
#15171c
```
#15171c rgb(21,23,28)
```
#1e2027
```
#1e2027 rgb(30,32,39)
```
#262a32
```
#262a32 rgb(38,42,50)
```
#2f333d
```
#2f333d rgb(47,51,61)
```
#383c48
```
#383c48 rgb(56,60,72)
```
#404653
```
#404653 rgb(64,70,83)
```
#494f5e
```
#494f5e rgb(73,79,94)
```
#515869
```
#515869 rgb(81,88,105)
```
#5a6174
```
#5a6174 rgb(90,97,116)
```
#626b7f
```
#626b7f rgb(98,107,127)
```
#6b748b
```
#6b748b rgb(107,116,139)
```

Shade Color Variation

#757e94
```
#757e94 rgb(117,126,148)
```
#80889d
```
#80889d rgb(128,136,157)
```
#8b92a5
```
#8b92a5 rgb(139,146,165)
```
#969dae
```
#969dae rgb(150,157,174)
```
#a1a7b6
```
#a1a7b6 rgb(161,167,182)
```
#acb1bf
```
#acb1bf rgb(172,177,191)
```
#b7bcc8
```
#b7bcc8 rgb(183,188,200)
```
#c2c6d0
```
#c2c6d0 rgb(194,198,208)
```
#cdd0d9
```
#cdd0d9 rgb(205,208,217)
```
#d8dbe1
```
#d8dbe1 rgb(216,219,225)
```
#e3e5ea
```
#e3e5ea rgb(227,229,234)
```
#eef0f2
```
#eef0f2 rgb(238,240,242)
```
#fafafb
```
#fafafb rgb(250,250,251)
```

Tint Color Variation

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

#333539
```
#333539 rgb(51,53,57)
```
#2f333d
```
#2f333d rgb(47,51,61)
```
#2b3141
```
#2b3141 rgb(43,49,65)
```
#272f45
```
#272f45 rgb(39,47,69)
```
#232e49
```
#232e49 rgb(35,46,73)
```
#1e2c4e
```
#1e2c4e rgb(30,44,78)
```
#1a2a52
```
#1a2a52 rgb(26,42,82)
```
#162856
```
#162856 rgb(22,40,86)
```
#12275a
```
#12275a rgb(18,39,90)
```
#0e255e
```
#0e255e rgb(14,37,94)
```
#0a2362
```
#0a2362 rgb(10,35,98)
```
#052167
```
#052167 rgb(5,33,103)
```
#011f6b
```
#011f6b rgb(1,31,107)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#323335 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b3d46 Protanopia 1% of men
#3e3c47 Deuteranopia 1% of men
#383e42 Tritanopia 0.001% of the population

Trichromacy

#373943 Protanomaly 1% of men, 0.01% of women
#383843 Deuteranomaly 6% of men, 0.4% of women
#353a40 Tritanomaly 0.01% of the population

#2f333d hex color

#2f333d Color Information

#2f333d Color Conversion

Color Schemes with #2f333d

Alternatives to #2f333d

#2f333d Preview

Shades and Tints of #2f333d

Tones of #2f333d

Color Blindness Simulator