#2f3167 hex color

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

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

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

The hexadecimal color #2f3167 has RGB values of R:47, G:49, B:103 and CMYK values of C:0.54, M:0.52, Y:0, K:0.6. Its decimal value is 3092839.

Hex triplet	2f3167	`#2f3167`
RGB Decimal	47, 49, 103	`rgb(47,49,103)`
RGB Percent	18.4, 19.2, 40.4	`rgb(18.4%,19.2%,40.4%)`
CMYK	54, 52, 0, 60
HSL	237.9°, 37.3, 29.4	`hsl(237.9,37.3%,29.4%)`
HSV (or HSB)	237.9°, 54.4, 40.4
Web Safe	333366	`#333366`

CIE-LAB	22.931, 15.956, -32.143
XYZ	4.718, 3.78, 13.312
xyY	0.216, 0.173, 3.78
CIE-LCH	22.931, 35.885, 296.401
CIE-LUV	22.931, -3.468, -39.552
Hunter-Lab	19.442, 9.294, -26.986
Binary	00101111, 00110001, 01100111

#2f3167
```
#2f3167 rgb(47,49,103)
```
#67652f
```
#67652f rgb(103,101,47)
```

Complementary Color

#2f4d67
```
#2f4d67 rgb(47,77,103)
```
#2f3167
```
#2f3167 rgb(47,49,103)
```
#492f67
```
#492f67 rgb(73,47,103)
```

Analogous Color

#4d672f
```
#4d672f rgb(77,103,47)
```
#2f3167
```
#2f3167 rgb(47,49,103)
```
#67492f
```
#67492f rgb(103,73,47)
```

Split Complementary Color

#31672f
```
#31672f rgb(49,103,47)
```
#2f3167
```
#2f3167 rgb(47,49,103)
```
#672f31
```
#672f31 rgb(103,47,49)
```

Triadic Color

#2f6765
```
#2f6765 rgb(47,103,101)
```
#2f3167
```
#2f3167 rgb(47,49,103)
```
#672f31
```
#672f31 rgb(103,47,49)
```
#67652f
```
#67652f rgb(103,101,47)
```

Tetradic Color

#171832
```
#171832 rgb(23,24,50)
```
#1f2044
```
#1f2044 rgb(31,32,68)
```
#272955
```
#272955 rgb(39,41,85)
```
#2f3167
```
#2f3167 rgb(47,49,103)
```
#373979
```
#373979 rgb(55,57,121)
```
#3f428a
```
#3f428a rgb(63,66,138)
```
#474a9c
```
#474a9c rgb(71,74,156)
```

Monochromatic Color

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

#2f3f67
```
#2f3f67 rgb(47,63,103)
```
#2f3a67
```
#2f3a67 rgb(47,58,103)
```
#2f3667
```
#2f3667 rgb(47,54,103)
```
#2f3167
```
#2f3167 rgb(47,49,103)
```
#322f67
```
#322f67 rgb(50,47,103)
```
#362f67
```
#362f67 rgb(54,47,103)
```
#3b2f67
```
#3b2f67 rgb(59,47,103)
```

Similar Colors

Text with hexadecimal color #2f3167

This text has a font color of #2f3167.

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

#2f3167 background color

This paragraph has a background color of #2f3167.

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

#2f3167 border color

This element has a border color of #2f3167.

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

CSS codes

.text {color:#2f3167;}

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

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

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

#040409
```
#040409 rgb(4,4,9)
```
#0a0b16
```
#0a0b16 rgb(10,11,22)
```
#101124
```
#101124 rgb(16,17,36)
```
#161731
```
#161731 rgb(22,23,49)
```
#1d1e3f
```
#1d1e3f rgb(29,30,63)
```
#23244c
```
#23244c rgb(35,36,76)
```
#292b5a
```
#292b5a rgb(41,43,90)
```
#2f3167
```
#2f3167 rgb(47,49,103)
```
#353774
```
#353774 rgb(53,55,116)
```
#3b3e82
```
#3b3e82 rgb(59,62,130)
```
#41448f
```
#41448f rgb(65,68,143)
```
#484b9d
```
#484b9d rgb(72,75,157)
```
#4e51aa
```
#4e51aa rgb(78,81,170)
```

Shade Color Variation

#595cb3
```
#595cb3 rgb(89,92,179)
```
#6669b9
```
#6669b9 rgb(102,105,185)
```
#7476bf
```
#7476bf rgb(116,118,191)
```
#8183c6
```
#8183c6 rgb(129,131,198)
```
#8e91cc
```
#8e91cc rgb(142,145,204)
```
#9c9ed2
```
#9c9ed2 rgb(156,158,210)
```
#a9abd8
```
#a9abd8 rgb(169,171,216)
```
#b7b8de
```
#b7b8de rgb(183,184,222)
```
#c4c6e4
```
#c4c6e4 rgb(196,198,228)
```
#d2d3ea
```
#d2d3ea rgb(210,211,234)
```
#dfe0f1
```
#dfe0f1 rgb(223,224,241)
```
#ededf7
```
#ededf7 rgb(237,237,247)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

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

#464650
```
#464650 rgb(70,70,80)
```
#404156
```
#404156 rgb(64,65,86)
```
#3b3c5b
```
#3b3c5b rgb(59,60,91)
```
#353661
```
#353661 rgb(53,54,97)
```
#2f3167
```
#2f3167 rgb(47,49,103)
```
#292c6d
```
#292c6d rgb(41,44,109)
```
#232673
```
#232673 rgb(35,38,115)
```
#1e2178
```
#1e2178 rgb(30,33,120)
```
#181c7e
```
#181c7e rgb(24,28,126)
```
#121684
```
#121684 rgb(18,22,132)
```
#0c118a
```
#0c118a rgb(12,17,138)
```
#070c8f
```
#070c8f rgb(7,12,143)
```
#010695
```
#010695 rgb(1,6,149)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#353641 Atypical Achromatopsia 0.001% of the population

Dichromacy

#233f72 Protanopia 1% of men
#16426c Deuteranopia 1% of men
#2a454a Tritanopia 0.001% of the population

Trichromacy

#273a6e Protanomaly 1% of men, 0.01% of women
#1f3b6a Deuteranomaly 6% of men, 0.4% of women
#2c3d54 Tritanomaly 0.01% of the population

#2f3167 hex color

#2f3167 Color Information

#2f3167 Color Conversion

Color Schemes with #2f3167

Alternatives to #2f3167

#2f3167 Preview

Shades and Tints of #2f3167

Tones of #2f3167

Color Blindness Simulator