#2f3344 hex color

In a RGB color space, hex #2f3344 is composed of 18.4% red, 20% green and 26.7% blue. Whereas in a CMYK color space, it is composed of 30.9% cyan, 25% magenta, 0% yellow and 73.3% black. It has a hue angle of 228.6 degrees, a saturation of 18.3% and a lightness of 22.5%. #2f3344 color hex could be obtained by blending #5e6688 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 18
- G 20
- B 27
RGB color chart
- C 31
- M 25
- Y 0
- K 73
CMYK color chart

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

The hexadecimal color #2f3344 has RGB values of R:47, G:51, B:68 and CMYK values of C:0.31, M:0.25, Y:0, K:0.73. Its decimal value is 3093316.

Hex triplet	2f3344	`#2f3344`
RGB Decimal	47, 51, 68	`rgb(47,51,68)`
RGB Percent	18.4, 20, 26.7	`rgb(18.4%,20%,26.7%)`
CMYK	31, 25, 0, 73
HSL	228.6°, 18.3, 22.5	`hsl(228.6,18.3%,22.5%)`
HSV (or HSB)	228.6°, 30.9, 26.7
Web Safe	333333	`#333333`

CIE-LAB	21.54, 2.925, -11.144
XYZ	3.399, 3.389, 5.944
xyY	0.267, 0.266, 3.389
CIE-LCH	21.54, 11.522, 284.707
CIE-LUV	21.54, -2.568, -12.624
Hunter-Lab	18.41, 0.741, -6.255
Binary	00101111, 00110011, 01000100

#2f3344
```
#2f3344 rgb(47,51,68)
```
#44402f
```
#44402f rgb(68,64,47)
```

Complementary Color

#2f3e44
```
#2f3e44 rgb(47,62,68)
```
#2f3344
```
#2f3344 rgb(47,51,68)
```
#362f44
```
#362f44 rgb(54,47,68)
```

Analogous Color

#3e442f
```
#3e442f rgb(62,68,47)
```
#2f3344
```
#2f3344 rgb(47,51,68)
```
#44362f
```
#44362f rgb(68,54,47)
```

Split Complementary Color

#33442f
```
#33442f rgb(51,68,47)
```
#2f3344
```
#2f3344 rgb(47,51,68)
```
#442f33
```
#442f33 rgb(68,47,51)
```

Triadic Color

#2f4440
```
#2f4440 rgb(47,68,64)
```
#2f3344
```
#2f3344 rgb(47,51,68)
```
#442f33
```
#442f33 rgb(68,47,51)
```
#44402f
```
#44402f rgb(68,64,47)
```

Tetradic Color

#101117
```
#101117 rgb(16,17,23)
```
#1a1c26
```
#1a1c26 rgb(26,28,38)
```
#252835
```
#252835 rgb(37,40,53)
```
#2f3344
```
#2f3344 rgb(47,51,68)
```
#393e53
```
#393e53 rgb(57,62,83)
```
#444a62
```
#444a62 rgb(68,74,98)
```
#4e5571
```
#4e5571 rgb(78,85,113)
```

Monochromatic Color

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

#2f3844
```
#2f3844 rgb(47,56,68)
```
#2f3744
```
#2f3744 rgb(47,55,68)
```
#2f3544
```
#2f3544 rgb(47,53,68)
```
#2f3344
```
#2f3344 rgb(47,51,68)
```
#2f3144
```
#2f3144 rgb(47,49,68)
```
#2f3044
```
#2f3044 rgb(47,48,68)
```
#302f44
```
#302f44 rgb(48,47,68)
```

Similar Colors

Text with hexadecimal color #2f3344

This text has a font color of #2f3344.

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

#2f3344 background color

This paragraph has a background color of #2f3344.

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

#2f3344 border color

This element has a border color of #2f3344.

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

CSS codes

.text {color:#2f3344;}

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

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

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, #07080a is the darkest color, while #fdfefe is the lightest one.

#07080a
```
#07080a rgb(7,8,10)
```
#0f1016
```
#0f1016 rgb(15,16,22)
```
#171921
```
#171921 rgb(23,25,33)
```
#1f222d
```
#1f222d rgb(31,34,45)
```
#272a38
```
#272a38 rgb(39,42,56)
```
#2f3344
```
#2f3344 rgb(47,51,68)
```
#373c50
```
#373c50 rgb(55,60,80)
```
#3f445b
```
#3f445b rgb(63,68,91)
```
#474d67
```
#474d67 rgb(71,77,103)
```
#4f5672
```
#4f5672 rgb(79,86,114)
```
#575e7e
```
#575e7e rgb(87,94,126)
```
#5f678a
```
#5f678a rgb(95,103,138)
```
#677095
```
#677095 rgb(103,112,149)
```

Shade Color Variation

#727b9e
```
#727b9e rgb(114,123,158)
```
#7e85a6
```
#7e85a6 rgb(126,133,166)
```
#8990ae
```
#8990ae rgb(137,144,174)
```
#959bb6
```
#959bb6 rgb(149,155,182)
```
#a1a6be
```
#a1a6be rgb(161,166,190)
```
#acb1c6
```
#acb1c6 rgb(172,177,198)
```
#b8bcce
```
#b8bcce rgb(184,188,206)
```
#c3c7d6
```
#c3c7d6 rgb(195,199,214)
```
#cfd2de
```
#cfd2de rgb(207,210,222)
```
#dbdde6
```
#dbdde6 rgb(219,221,230)
```
#e6e8ee
```
#e6e8ee rgb(230,232,238)
```
#f2f3f6
```
#f2f3f6 rgb(242,243,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#38383b
```
#38383b rgb(56,56,59)
```
#333640
```
#333640 rgb(51,54,64)
```
#2f3344
```
#2f3344 rgb(47,51,68)
```
#2b3048
```
#2b3048 rgb(43,48,72)
```
#262e4d
```
#262e4d rgb(38,46,77)
```
#222b51
```
#222b51 rgb(34,43,81)
```
#1d2856
```
#1d2856 rgb(29,40,86)
```
#19255a
```
#19255a rgb(25,37,90)
```
#14235f
```
#14235f rgb(20,35,95)
```
#102063
```
#102063 rgb(16,32,99)
```
#0c1d67
```
#0c1d67 rgb(12,29,103)
```
#071a6c
```
#071a6c rgb(7,26,108)
```
#031870
```
#031870 rgb(3,24,112)
```

Tone Color Variation

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

Dichromacy

#393d4d Protanopia 1% of men
#3b3d4d Deuteranopia 1% of men
#373f44 Tritanopia 0.001% of the population

Trichromacy

#35394a Protanomaly 1% of men, 0.01% of women
#36394a Deuteranomaly 6% of men, 0.4% of women
#343a44 Tritanomaly 0.01% of the population

#2f3344 hex color

#2f3344 Color Information

#2f3344 Color Conversion

Color Schemes with #2f3344

Alternatives to #2f3344

#2f3344 Preview

Shades and Tints of #2f3344

Tones of #2f3344

Color Blindness Simulator