#2f344f hex color

In a RGB color space, hex #2f344f is composed of 18.4% red, 20.4% green and 31% blue. Whereas in a CMYK color space, it is composed of 40.5% cyan, 34.2% magenta, 0% yellow and 69% black. It has a hue angle of 230.6 degrees, a saturation of 25.4% and a lightness of 24.7%. #2f344f color hex could be obtained by blending #5e689e with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 20
- B 31
RGB color chart
- C 41
- M 34
- Y 0
- K 69
CMYK color chart

● #2f344f color description : Very dark desaturated blue.

The hexadecimal color #2f344f has RGB values of R:47, G:52, B:79 and CMYK values of C:0.41, M:0.34, Y:0, K:0.69. Its decimal value is 3093583.

Hex triplet	2f344f	`#2f344f`
RGB Decimal	47, 52, 79	`rgb(47,52,79)`
RGB Percent	18.4, 20.4, 31	`rgb(18.4%,20.4%,31%)`
CMYK	41, 34, 0, 69
HSL	230.6°, 25.4, 24.7	`hsl(230.6,25.4%,24.7%)`
HSV (or HSB)	230.6°, 40.5, 31
Web Safe	333366	`#333366`

CIE-LAB	22.39, 5.665, -17.211
XYZ	3.811, 3.625, 7.896
xyY	0.249, 0.236, 3.625
CIE-LCH	22.39, 18.12, 288.218
CIE-LUV	22.39, -3.384, -20.335
Hunter-Lab	19.039, 2.415, -11.261
Binary	00101111, 00110100, 01001111

#2f344f
```
#2f344f rgb(47,52,79)
```
#4f4a2f
```
#4f4a2f rgb(79,74,47)
```

Complementary Color

#2f444f
```
#2f444f rgb(47,68,79)
```
#2f344f
```
#2f344f rgb(47,52,79)
```
#3a2f4f
```
#3a2f4f rgb(58,47,79)
```

Analogous Color

#444f2f
```
#444f2f rgb(68,79,47)
```
#2f344f
```
#2f344f rgb(47,52,79)
```
#4f3a2f
```
#4f3a2f rgb(79,58,47)
```

Split Complementary Color

#344f2f
```
#344f2f rgb(52,79,47)
```
#2f344f
```
#2f344f rgb(47,52,79)
```
#4f2f34
```
#4f2f34 rgb(79,47,52)
```

Triadic Color

#2f4f4a
```
#2f4f4a rgb(47,79,74)
```
#2f344f
```
#2f344f rgb(47,52,79)
```
#4f2f34
```
#4f2f34 rgb(79,47,52)
```
#4f4a2f
```
#4f4a2f rgb(79,74,47)
```

Tetradic Color

#12141f
```
#12141f rgb(18,20,31)
```
#1c1f2f
```
#1c1f2f rgb(28,31,47)
```
#25293f
```
#25293f rgb(37,41,63)
```
#2f344f
```
#2f344f rgb(47,52,79)
```
#393f5f
```
#393f5f rgb(57,63,95)
```
#42496f
```
#42496f rgb(66,73,111)
```
#4c547f
```
#4c547f rgb(76,84,127)
```

Monochromatic Color

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

#2f3c4f
```
#2f3c4f rgb(47,60,79)
```
#2f394f
```
#2f394f rgb(47,57,79)
```
#2f374f
```
#2f374f rgb(47,55,79)
```
#2f344f
```
#2f344f rgb(47,52,79)
```
#2f314f
```
#2f314f rgb(47,49,79)
```
#2f2f4f
```
#2f2f4f rgb(47,47,79)
```
#322f4f
```
#322f4f rgb(50,47,79)
```

Similar Colors

Text with hexadecimal color #2f344f

This text has a font color of #2f344f.

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

#2f344f background color

This paragraph has a background color of #2f344f.

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

#2f344f border color

This element has a border color of #2f344f.

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

CSS codes

.text {color:#2f344f;}

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

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

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

#030305
```
#030305 rgb(3,3,5)
```
#0a0c12
```
#0a0c12 rgb(10,12,18)
```
#12141e
```
#12141e rgb(18,20,30)
```
#191c2a
```
#191c2a rgb(25,28,42)
```
#202436
```
#202436 rgb(32,36,54)
```
#282c43
```
#282c43 rgb(40,44,67)
```
#2f344f
```
#2f344f rgb(47,52,79)
```
#363c5b
```
#363c5b rgb(54,60,91)
```
#3e4468
```
#3e4468 rgb(62,68,104)
```
#454c74
```
#454c74 rgb(69,76,116)
```
#4c5480
```
#4c5480 rgb(76,84,128)
```
#545c8c
```
#545c8c rgb(84,92,140)
```
#5b6599
```
#5b6599 rgb(91,101,153)
```

Shade Color Variation

#646ea3
```
#646ea3 rgb(100,110,163)
```
#717aaa
```
#717aaa rgb(113,122,170)
```
#7d85b2
```
#7d85b2 rgb(125,133,178)
```
#8991b9
```
#8991b9 rgb(137,145,185)
```
#969cc0
```
#969cc0 rgb(150,156,192)
```
#a2a8c8
```
#a2a8c8 rgb(162,168,200)
```
#aeb3cf
```
#aeb3cf rgb(174,179,207)
```
#babfd6
```
#babfd6 rgb(186,191,214)
```
#c7cade
```
#c7cade rgb(199,202,222)
```
#d3d6e5
```
#d3d6e5 rgb(211,214,229)
```
#dfe1ec
```
#dfe1ec rgb(223,225,236)
```
#ecedf3
```
#ecedf3 rgb(236,237,243)
```
#f8f8fb
```
#f8f8fb rgb(248,248,251)
```

Tint Color Variation

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

#3e3e40
```
#3e3e40 rgb(62,62,64)
```
#393b45
```
#393b45 rgb(57,59,69)
```
#34374a
```
#34374a rgb(52,55,74)
```
#2f344f
```
#2f344f rgb(47,52,79)
```
#2a3154
```
#2a3154 rgb(42,49,84)
```
#252d59
```
#252d59 rgb(37,45,89)
```
#202a5e
```
#202a5e rgb(32,42,94)
```
#1c2762
```
#1c2762 rgb(28,39,98)
```
#172367
```
#172367 rgb(23,35,103)
```
#12206c
```
#12206c rgb(18,32,108)
```
#0d1d71
```
#0d1d71 rgb(13,29,113)
```
#081976
```
#081976 rgb(8,25,118)
```
#03167b
```
#03167b rgb(3,22,123)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#35363b Atypical Achromatopsia 0.001% of the population

Dichromacy

#373f58 Protanopia 1% of men
#363f57 Deuteranopia 1% of men
#344246 Tritanopia 0.001% of the population

Trichromacy

#343b55 Protanomaly 1% of men, 0.01% of women
#333b54 Deuteranomaly 6% of men, 0.4% of women
#323c49 Tritanomaly 0.01% of the population

#2f344f hex color

#2f344f Color Information

#2f344f Color Conversion

Color Schemes with #2f344f

Alternatives to #2f344f

#2f344f Preview

Shades and Tints of #2f344f

Tones of #2f344f

Color Blindness Simulator