#2f4467 hex color

In a RGB color space, hex #2f4467 is composed of 18.4% red, 26.7% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 54.4% cyan, 34% magenta, 0% yellow and 59.6% black. It has a hue angle of 217.5 degrees, a saturation of 37.3% and a lightness of 29.4%. #2f4467 color hex could be obtained by blending #5e88ce with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 27
- B 40
RGB color chart
- C 54
- M 34
- Y 0
- K 60
CMYK color chart

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

The hexadecimal color #2f4467 has RGB values of R:47, G:68, B:103 and CMYK values of C:0.54, M:0.34, Y:0, K:0.6. Its decimal value is 3097703.

Hex triplet	2f4467	`#2f4467`
RGB Decimal	47, 68, 103	`rgb(47,68,103)`
RGB Percent	18.4, 26.7, 40.4	`rgb(18.4%,26.7%,40.4%)`
CMYK	54, 34, 0, 60
HSL	217.5°, 37.3, 29.4	`hsl(217.5,37.3%,29.4%)`
HSV (or HSB)	217.5°, 54.4, 40.4
Web Safe	333366	`#333366`

CIE-LAB	28.688, 2.94, -23.012
XYZ	5.687, 5.718, 13.635
xyY	0.227, 0.228, 5.718
CIE-LCH	28.688, 23.199, 277.281
CIE-LUV	28.688, -9.685, -29.668
Hunter-Lab	23.911, 0.609, -17.071
Binary	00101111, 01000100, 01100111

#2f4467
```
#2f4467 rgb(47,68,103)
```
#67522f
```
#67522f rgb(103,82,47)
```

Complementary Color

#2f6067
```
#2f6067 rgb(47,96,103)
```
#2f4467
```
#2f4467 rgb(47,68,103)
```
#362f67
```
#362f67 rgb(54,47,103)
```

Analogous Color

#60672f
```
#60672f rgb(96,103,47)
```
#2f4467
```
#2f4467 rgb(47,68,103)
```
#67362f
```
#67362f rgb(103,54,47)
```

Split Complementary Color

#44672f
```
#44672f rgb(68,103,47)
```
#2f4467
```
#2f4467 rgb(47,68,103)
```
#672f44
```
#672f44 rgb(103,47,68)
```

Triadic Color

#2f6752
```
#2f6752 rgb(47,103,82)
```
#2f4467
```
#2f4467 rgb(47,68,103)
```
#672f44
```
#672f44 rgb(103,47,68)
```
#67522f
```
#67522f rgb(103,82,47)
```

Tetradic Color

#172132
```
#172132 rgb(23,33,50)
```
#1f2d44
```
#1f2d44 rgb(31,45,68)
```
#273855
```
#273855 rgb(39,56,85)
```
#2f4467
```
#2f4467 rgb(47,68,103)
```
#375079
```
#375079 rgb(55,80,121)
```
#3f5b8a
```
#3f5b8a rgb(63,91,138)
```
#47679c
```
#47679c rgb(71,103,156)
```

Monochromatic Color

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

#2f5267
```
#2f5267 rgb(47,82,103)
```
#2f4d67
```
#2f4d67 rgb(47,77,103)
```
#2f4967
```
#2f4967 rgb(47,73,103)
```
#2f4467
```
#2f4467 rgb(47,68,103)
```
#2f3f67
```
#2f3f67 rgb(47,63,103)
```
#2f3b67
```
#2f3b67 rgb(47,59,103)
```
#2f3667
```
#2f3667 rgb(47,54,103)
```

Similar Colors

Text with hexadecimal color #2f4467

This text has a font color of #2f4467.

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

#2f4467 background color

This paragraph has a background color of #2f4467.

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

#2f4467 border color

This element has a border color of #2f4467.

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

CSS codes

.text {color:#2f4467;}

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

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

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

#040609
```
#040609 rgb(4,6,9)
```
#0a0f16
```
#0a0f16 rgb(10,15,22)
```
#101824
```
#101824 rgb(16,24,36)
```
#162031
```
#162031 rgb(22,32,49)
```
#1d293f
```
#1d293f rgb(29,41,63)
```
#23324c
```
#23324c rgb(35,50,76)
```
#293b5a
```
#293b5a rgb(41,59,90)
```
#2f4467
```
#2f4467 rgb(47,68,103)
```
#354d74
```
#354d74 rgb(53,77,116)
```
#3b5682
```
#3b5682 rgb(59,86,130)
```
#415f8f
```
#415f8f rgb(65,95,143)
```
#48689d
```
#48689d rgb(72,104,157)
```
#4e70aa
```
#4e70aa rgb(78,112,170)
```

Shade Color Variation

#597bb3
```
#597bb3 rgb(89,123,179)
```
#6685b9
```
#6685b9 rgb(102,133,185)
```
#7490bf
```
#7490bf rgb(116,144,191)
```
#819bc6
```
#819bc6 rgb(129,155,198)
```
#8ea5cc
```
#8ea5cc rgb(142,165,204)
```
#9cb0d2
```
#9cb0d2 rgb(156,176,210)
```
#a9bbd8
```
#a9bbd8 rgb(169,187,216)
```
#b7c6de
```
#b7c6de rgb(183,198,222)
```
#c4d0e4
```
#c4d0e4 rgb(196,208,228)
```
#d2dbea
```
#d2dbea rgb(210,219,234)
```
#dfe6f1
```
#dfe6f1 rgb(223,230,241)
```
#edf0f7
```
#edf0f7 rgb(237,240,247)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#464a50
```
#464a50 rgb(70,74,80)
```
#404856
```
#404856 rgb(64,72,86)
```
#3b475b
```
#3b475b rgb(59,71,91)
```
#354561
```
#354561 rgb(53,69,97)
```
#2f4467
```
#2f4467 rgb(47,68,103)
```
#29436d
```
#29436d rgb(41,67,109)
```
#234173
```
#234173 rgb(35,65,115)
```
#1e4078
```
#1e4078 rgb(30,64,120)
```
#183e7e
```
#183e7e rgb(24,62,126)
```
#123d84
```
#123d84 rgb(18,61,132)
```
#0c3b8a
```
#0c3b8a rgb(12,59,138)
```
#073a8f
```
#073a8f rgb(7,58,143)
```
#013895
```
#013895 rgb(1,56,149)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3e4249 Atypical Achromatopsia 0.001% of the population

Dichromacy

#414c6d Protanopia 1% of men
#3d4d6f Deuteranopia 1% of men
#305258 Tritanopia 0.001% of the population

Trichromacy

#3a496b Protanomaly 1% of men, 0.01% of women
#37496c Deuteranomaly 6% of men, 0.4% of women
#2f4d5d Tritanomaly 0.01% of the population

#2f4467 hex color

#2f4467 Color Information

#2f4467 Color Conversion

Color Schemes with #2f4467

Alternatives to #2f4467

#2f4467 Preview

Shades and Tints of #2f4467

Tones of #2f4467

Color Blindness Simulator