#2f364a hex color

In a RGB color space, hex #2f364a is composed of 18.4% red, 21.2% green and 29% blue. Whereas in a CMYK color space, it is composed of 36.5% cyan, 27% magenta, 0% yellow and 71% black. It has a hue angle of 224.4 degrees, a saturation of 22.3% and a lightness of 23.7%. #2f364a color hex could be obtained by blending #5e6c94 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 18
- G 21
- B 29
RGB color chart
- C 36
- M 27
- Y 0
- K 71
CMYK color chart

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

The hexadecimal color #2f364a has RGB values of R:47, G:54, B:74 and CMYK values of C:0.36, M:0.27, Y:0, K:0.71. Its decimal value is 3094090.

Hex triplet	2f364a	`#2f364a`
RGB Decimal	47, 54, 74	`rgb(47,54,74)`
RGB Percent	18.4, 21.2, 29	`rgb(18.4%,21.2%,29%)`
CMYK	36, 27, 0, 71
HSL	224.4°, 22.3, 23.7	`hsl(224.4,22.3%,23.7%)`
HSV (or HSB)	224.4°, 36.5, 29
Web Safe	333333	`#333333`

CIE-LAB	22.782, 2.707, -13.266
XYZ	3.727, 3.737, 7.003
xyY	0.258, 0.258, 3.737
CIE-LCH	22.782, 13.54, 281.531
CIE-LUV	22.782, -3.94, -15.414
Hunter-Lab	19.331, 0.586, -7.947
Binary	00101111, 00110110, 01001010

#2f364a
```
#2f364a rgb(47,54,74)
```
#4a432f
```
#4a432f rgb(74,67,47)
```

Complementary Color

#2f444a
```
#2f444a rgb(47,68,74)
```
#2f364a
```
#2f364a rgb(47,54,74)
```
#362f4a
```
#362f4a rgb(54,47,74)
```

Analogous Color

#444a2f
```
#444a2f rgb(68,74,47)
```
#2f364a
```
#2f364a rgb(47,54,74)
```
#4a362f
```
#4a362f rgb(74,54,47)
```

Split Complementary Color

#364a2f
```
#364a2f rgb(54,74,47)
```
#2f364a
```
#2f364a rgb(47,54,74)
```
#4a2f36
```
#4a2f36 rgb(74,47,54)
```

Triadic Color

#2f4a43
```
#2f4a43 rgb(47,74,67)
```
#2f364a
```
#2f364a rgb(47,54,74)
```
#4a2f36
```
#4a2f36 rgb(74,47,54)
```
#4a432f
```
#4a432f rgb(74,67,47)
```

Tetradic Color

#11141b
```
#11141b rgb(17,20,27)
```
#1b1f2b
```
#1b1f2b rgb(27,31,43)
```
#252b3a
```
#252b3a rgb(37,43,58)
```
#2f364a
```
#2f364a rgb(47,54,74)
```
#39415a
```
#39415a rgb(57,65,90)
```
#434d69
```
#434d69 rgb(67,77,105)
```
#4d5879
```
#4d5879 rgb(77,88,121)
```

Monochromatic Color

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

#2f3d4a
```
#2f3d4a rgb(47,61,74)
```
#2f3b4a
```
#2f3b4a rgb(47,59,74)
```
#2f384a
```
#2f384a rgb(47,56,74)
```
#2f364a
```
#2f364a rgb(47,54,74)
```
#2f344a
```
#2f344a rgb(47,52,74)
```
#2f324a
```
#2f324a rgb(47,50,74)
```
#2f2f4a
```
#2f2f4a rgb(47,47,74)
```

Similar Colors

Text with hexadecimal color #2f364a

This text has a font color of #2f364a.

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

#2f364a background color

This paragraph has a background color of #2f364a.

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

#2f364a border color

This element has a border color of #2f364a.

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

CSS codes

.text {color:#2f364a;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#090a0e
```
#090a0e rgb(9,10,14)
```
#11131a
```
#11131a rgb(17,19,26)
```
#181c26
```
#181c26 rgb(24,28,38)
```
#202432
```
#202432 rgb(32,36,50)
```
#272d3e
```
#272d3e rgb(39,45,62)
```
#2f364a
```
#2f364a rgb(47,54,74)
```
#373f56
```
#373f56 rgb(55,63,86)
```
#3e4862
```
#3e4862 rgb(62,72,98)
```
#46506e
```
#46506e rgb(70,80,110)
```
#4d597a
```
#4d597a rgb(77,89,122)
```
#556286
```
#556286 rgb(85,98,134)
```
#5d6b92
```
#5d6b92 rgb(93,107,146)
```

Shade Color Variation

#65749d
```
#65749d rgb(101,116,157)
```
#717ea5
```
#717ea5 rgb(113,126,165)
```
#7d89ac
```
#7d89ac rgb(125,137,172)
```
#8994b4
```
#8994b4 rgb(137,148,180)
```
#959fbc
```
#959fbc rgb(149,159,188)
```
#a1aac3
```
#a1aac3 rgb(161,170,195)
```
#adb5cb
```
#adb5cb rgb(173,181,203)
```
#b9c0d3
```
#b9c0d3 rgb(185,192,211)
```
#c5cbda
```
#c5cbda rgb(197,203,218)
```
#d1d5e2
```
#d1d5e2 rgb(209,213,226)
```
#dde0e9
```
#dde0e9 rgb(221,224,233)
```
#e9ebf1
```
#e9ebf1 rgb(233,235,241)
```
#f5f6f9
```
#f5f6f9 rgb(245,246,249)
```

Tint Color Variation

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

#383a41
```
#383a41 rgb(56,58,65)
```
#343845
```
#343845 rgb(52,56,69)
```
#2f364a
```
#2f364a rgb(47,54,74)
```
#2a344f
```
#2a344f rgb(42,52,79)
```
#263253
```
#263253 rgb(38,50,83)
```
#212f58
```
#212f58 rgb(33,47,88)
```
#1c2d5d
```
#1c2d5d rgb(28,45,93)
```
#182b61
```
#182b61 rgb(24,43,97)
```
#132966
```
#132966 rgb(19,41,102)
```
#0e266b
```
#0e266b rgb(14,38,107)
```
#0a246f
```
#0a246f rgb(10,36,111)
```
#052274
```
#052274 rgb(5,34,116)
```
#002079
```
#002079 rgb(0,32,121)
```

Tone Color Variation

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

Dichromacy

#3b4053 Protanopia 1% of men
#3b3f53 Deuteranopia 1% of men
#364247 Tritanopia 0.001% of the population

Trichromacy

#363c4f Protanomaly 1% of men, 0.01% of women
#373c50 Deuteranomaly 6% of men, 0.4% of women
#333e48 Tritanomaly 0.01% of the population

#2f364a hex color

#2f364a Color Information

#2f364a Color Conversion

Color Schemes with #2f364a

Alternatives to #2f364a

#2f364a Preview

Shades and Tints of #2f364a

Tones of #2f364a

Color Blindness Simulator