#2f3b67 hex color

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

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

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

The hexadecimal color #2f3b67 has RGB values of R:47, G:59, B:103 and CMYK values of C:0.54, M:0.43, Y:0, K:0.6. Its decimal value is 3095399.

Hex triplet	2f3b67	`#2f3b67`
RGB Decimal	47, 59, 103	`rgb(47,59,103)`
RGB Percent	18.4, 23.1, 40.4	`rgb(18.4%,23.1%,40.4%)`
CMYK	54, 43, 0, 60
HSL	227.1°, 37.3, 29.4	`hsl(227.1,37.3%,29.4%)`
HSV (or HSB)	227.1°, 54.4, 40.4
Web Safe	333366	`#333366`

CIE-LAB	25.896, 9.031, -27.414
XYZ	5.184, 4.711, 13.467
xyY	0.222, 0.202, 4.711
CIE-LCH	25.896, 28.863, 288.233
CIE-LUV	25.896, -6.557, -34.879
Hunter-Lab	21.706, 4.646, -21.593
Binary	00101111, 00111011, 01100111

#2f3b67
```
#2f3b67 rgb(47,59,103)
```
#675b2f
```
#675b2f rgb(103,91,47)
```

Complementary Color

#2f5767
```
#2f5767 rgb(47,87,103)
```
#2f3b67
```
#2f3b67 rgb(47,59,103)
```
#3f2f67
```
#3f2f67 rgb(63,47,103)
```

Analogous Color

#57672f
```
#57672f rgb(87,103,47)
```
#2f3b67
```
#2f3b67 rgb(47,59,103)
```
#673f2f
```
#673f2f rgb(103,63,47)
```

Split Complementary Color

#3b672f
```
#3b672f rgb(59,103,47)
```
#2f3b67
```
#2f3b67 rgb(47,59,103)
```
#672f3b
```
#672f3b rgb(103,47,59)
```

Triadic Color

#2f675b
```
#2f675b rgb(47,103,91)
```
#2f3b67
```
#2f3b67 rgb(47,59,103)
```
#672f3b
```
#672f3b rgb(103,47,59)
```
#675b2f
```
#675b2f rgb(103,91,47)
```

Tetradic Color

#171d32
```
#171d32 rgb(23,29,50)
```
#1f2744
```
#1f2744 rgb(31,39,68)
```
#273155
```
#273155 rgb(39,49,85)
```
#2f3b67
```
#2f3b67 rgb(47,59,103)
```
#374579
```
#374579 rgb(55,69,121)
```
#3f4f8a
```
#3f4f8a rgb(63,79,138)
```
#47599c
```
#47599c rgb(71,89,156)
```

Monochromatic Color

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

#2f4967
```
#2f4967 rgb(47,73,103)
```
#2f4467
```
#2f4467 rgb(47,68,103)
```
#2f4067
```
#2f4067 rgb(47,64,103)
```
#2f3b67
```
#2f3b67 rgb(47,59,103)
```
#2f3667
```
#2f3667 rgb(47,54,103)
```
#2f3267
```
#2f3267 rgb(47,50,103)
```
#312f67
```
#312f67 rgb(49,47,103)
```

Similar Colors

Text with hexadecimal color #2f3b67

This text has a font color of #2f3b67.

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

#2f3b67 background color

This paragraph has a background color of #2f3b67.

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

#2f3b67 border color

This element has a border color of #2f3b67.

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

CSS codes

.text {color:#2f3b67;}

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

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

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

#040509
```
#040509 rgb(4,5,9)
```
#0a0d16
```
#0a0d16 rgb(10,13,22)
```
#101424
```
#101424 rgb(16,20,36)
```
#161c31
```
#161c31 rgb(22,28,49)
```
#1d243f
```
#1d243f rgb(29,36,63)
```
#232c4c
```
#232c4c rgb(35,44,76)
```
#29335a
```
#29335a rgb(41,51,90)
```
#2f3b67
```
#2f3b67 rgb(47,59,103)
```
#354374
```
#354374 rgb(53,67,116)
```
#3b4a82
```
#3b4a82 rgb(59,74,130)
```
#41528f
```
#41528f rgb(65,82,143)
```
#485a9d
```
#485a9d rgb(72,90,157)
```
#4e62aa
```
#4e62aa rgb(78,98,170)
```

Shade Color Variation

#596cb3
```
#596cb3 rgb(89,108,179)
```
#6678b9
```
#6678b9 rgb(102,120,185)
```
#7484bf
```
#7484bf rgb(116,132,191)
```
#8190c6
```
#8190c6 rgb(129,144,198)
```
#8e9ccc
```
#8e9ccc rgb(142,156,204)
```
#9ca8d2
```
#9ca8d2 rgb(156,168,210)
```
#a9b3d8
```
#a9b3d8 rgb(169,179,216)
```
#b7bfde
```
#b7bfde rgb(183,191,222)
```
#c4cbe4
```
#c4cbe4 rgb(196,203,228)
```
#d2d7ea
```
#d2d7ea rgb(210,215,234)
```
#dfe3f1
```
#dfe3f1 rgb(223,227,241)
```
#edeff7
```
#edeff7 rgb(237,239,247)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#464850
```
#464850 rgb(70,72,80)
```
#404556
```
#404556 rgb(64,69,86)
```
#3b425b
```
#3b425b rgb(59,66,91)
```
#353e61
```
#353e61 rgb(53,62,97)
```
#2f3b67
```
#2f3b67 rgb(47,59,103)
```
#29386d
```
#29386d rgb(41,56,109)
```
#233473
```
#233473 rgb(35,52,115)
```
#1e3178
```
#1e3178 rgb(30,49,120)
```
#182e7e
```
#182e7e rgb(24,46,126)
```
#122b84
```
#122b84 rgb(18,43,132)
```
#0c278a
```
#0c278a rgb(12,39,138)
```
#07248f
```
#07248f rgb(7,36,143)
```
#012195
```
#012195 rgb(1,33,149)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#393c45 Atypical Achromatopsia 0.001% of the population

Dichromacy

#35466f Protanopia 1% of men
#2e476d Deuteranopia 1% of men
#2d4b51 Tritanopia 0.001% of the population

Trichromacy

#33426c Protanomaly 1% of men, 0.01% of women
#2e436b Deuteranomaly 6% of men, 0.4% of women
#2e4559 Tritanomaly 0.01% of the population

#2f3b67 hex color

#2f3b67 Color Information

#2f3b67 Color Conversion

Color Schemes with #2f3b67

Alternatives to #2f3b67

#2f3b67 Preview

Shades and Tints of #2f3b67

Tones of #2f3b67

Color Blindness Simulator