#2f4164 hex color

In a RGB color space, hex #2f4164 is composed of 18.4% red, 25.5% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 53% cyan, 35% magenta, 0% yellow and 60.8% black. It has a hue angle of 219.6 degrees, a saturation of 36.1% and a lightness of 28.8%. #2f4164 color hex could be obtained by blending #5e82c8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 25
- B 39
RGB color chart
- C 53
- M 35
- Y 0
- K 61
CMYK color chart

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

The hexadecimal color #2f4164 has RGB values of R:47, G:65, B:100 and CMYK values of C:0.53, M:0.35, Y:0, K:0.61. Its decimal value is 3096932.

Hex triplet	2f4164	`#2f4164`
RGB Decimal	47, 65, 100	`rgb(47,65,100)`
RGB Percent	18.4, 25.5, 39.2	`rgb(18.4%,25.5%,39.2%)`
CMYK	53, 35, 0, 61
HSL	219.6°, 36.1, 28.8	`hsl(219.6,36.1%,28.8%)`
HSV (or HSB)	219.6°, 53, 39.2
Web Safe	333366	`#333366`

CIE-LAB	27.586, 3.897, -22.819
XYZ	5.362, 5.305, 12.797
xyY	0.229, 0.226, 5.305
CIE-LCH	27.586, 23.15, 279.691
CIE-LUV	27.586, -8.577, -29.122
Hunter-Lab	23.032, 1.252, -16.821
Binary	00101111, 01000001, 01100100

#2f4164
```
#2f4164 rgb(47,65,100)
```
#64522f
```
#64522f rgb(100,82,47)
```

Complementary Color

#2f5c64
```
#2f5c64 rgb(47,92,100)
```
#2f4164
```
#2f4164 rgb(47,65,100)
```
#382f64
```
#382f64 rgb(56,47,100)
```

Analogous Color

#5c642f
```
#5c642f rgb(92,100,47)
```
#2f4164
```
#2f4164 rgb(47,65,100)
```
#64382f
```
#64382f rgb(100,56,47)
```

Split Complementary Color

#41642f
```
#41642f rgb(65,100,47)
```
#2f4164
```
#2f4164 rgb(47,65,100)
```
#642f41
```
#642f41 rgb(100,47,65)
```

Triadic Color

#2f6452
```
#2f6452 rgb(47,100,82)
```
#2f4164
```
#2f4164 rgb(47,65,100)
```
#642f41
```
#642f41 rgb(100,47,65)
```
#64522f
```
#64522f rgb(100,82,47)
```

Tetradic Color

#171f30
```
#171f30 rgb(23,31,48)
```
#1f2a41
```
#1f2a41 rgb(31,42,65)
```
#273653
```
#273653 rgb(39,54,83)
```
#2f4164
```
#2f4164 rgb(47,65,100)
```
#374c75
```
#374c75 rgb(55,76,117)
```
#3f5887
```
#3f5887 rgb(63,88,135)
```
#476398
```
#476398 rgb(71,99,152)
```

Monochromatic Color

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

#2f4e64
```
#2f4e64 rgb(47,78,100)
```
#2f4a64
```
#2f4a64 rgb(47,74,100)
```
#2f4564
```
#2f4564 rgb(47,69,100)
```
#2f4164
```
#2f4164 rgb(47,65,100)
```
#2f3d64
```
#2f3d64 rgb(47,61,100)
```
#2f3864
```
#2f3864 rgb(47,56,100)
```
#2f3464
```
#2f3464 rgb(47,52,100)
```

Similar Colors

Text with hexadecimal color #2f4164

This text has a font color of #2f4164.

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

#2f4164 background color

This paragraph has a background color of #2f4164.

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

#2f4164 border color

This element has a border color of #2f4164.

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

CSS codes

.text {color:#2f4164;}

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

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

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

#030407
```
#030407 rgb(3,4,7)
```
#090d14
```
#090d14 rgb(9,13,20)
```
#101621
```
#101621 rgb(16,22,33)
```
#161e2f
```
#161e2f rgb(22,30,47)
```
#1c273c
```
#1c273c rgb(28,39,60)
```
#223049
```
#223049 rgb(34,48,73)
```
#293857
```
#293857 rgb(41,56,87)
```
#2f4164
```
#2f4164 rgb(47,65,100)
```
#354a71
```
#354a71 rgb(53,74,113)
```
#3c527f
```
#3c527f rgb(60,82,127)
```
#425b8c
```
#425b8c rgb(66,91,140)
```
#486499
```
#486499 rgb(72,100,153)
```
#4e6ca7
```
#4e6ca7 rgb(78,108,167)
```

Shade Color Variation

#5876b1
```
#5876b1 rgb(88,118,177)
```
#6581b7
```
#6581b7 rgb(101,129,183)
```
#738cbd
```
#738cbd rgb(115,140,189)
```
#8097c3
```
#8097c3 rgb(128,151,195)
```
#8da2ca
```
#8da2ca rgb(141,162,202)
```
#9badd0
```
#9badd0 rgb(155,173,208)
```
#a8b8d6
```
#a8b8d6 rgb(168,184,214)
```
#b6c3dc
```
#b6c3dc rgb(182,195,220)
```
#c3cee3
```
#c3cee3 rgb(195,206,227)
```
#d0d9e9
```
#d0d9e9 rgb(208,217,233)
```
#dee4ef
```
#dee4ef rgb(222,228,239)
```
#ebeff6
```
#ebeff6 rgb(235,239,246)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

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

#46484d
```
#46484d rgb(70,72,77)
```
#404653
```
#404653 rgb(64,70,83)
```
#3a4559
```
#3a4559 rgb(58,69,89)
```
#35435e
```
#35435e rgb(53,67,94)
```
#2f4164
```
#2f4164 rgb(47,65,100)
```
#293f6a
```
#293f6a rgb(41,63,106)
```
#243d6f
```
#243d6f rgb(36,61,111)
```
#1e3c75
```
#1e3c75 rgb(30,60,117)
```
#183a7b
```
#183a7b rgb(24,58,123)
```
#133880
```
#133880 rgb(19,56,128)
```
#0d3686
```
#0d3686 rgb(13,54,134)
```
#07348c
```
#07348c rgb(7,52,140)
```
#023291
```
#023291 rgb(2,50,145)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3d4047 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e496b Protanopia 1% of men
#3a4a6c Deuteranopia 1% of men
#304f55 Tritanopia 0.001% of the population

Trichromacy

#394668 Protanomaly 1% of men, 0.01% of women
#364769 Deuteranomaly 6% of men, 0.4% of women
#304a5a Tritanomaly 0.01% of the population

#2f4164 hex color

#2f4164 Color Information

#2f4164 Color Conversion

Color Schemes with #2f4164

Alternatives to #2f4164

#2f4164 Preview

Shades and Tints of #2f4164

Tones of #2f4164

Color Blindness Simulator