#2f3969 hex color

In a RGB color space, hex #2f3969 is composed of 18.4% red, 22.4% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 55.2% cyan, 45.7% magenta, 0% yellow and 58.8% black. It has a hue angle of 229.7 degrees, a saturation of 38.2% and a lightness of 29.8%. #2f3969 color hex could be obtained by blending #5e72d2 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 22
- B 41
RGB color chart
- C 55
- M 46
- Y 0
- K 59
CMYK color chart

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

The hexadecimal color #2f3969 has RGB values of R:47, G:57, B:105 and CMYK values of C:0.55, M:0.46, Y:0, K:0.59. Its decimal value is 3094889.

Hex triplet	2f3969	`#2f3969`
RGB Decimal	47, 57, 105	`rgb(47,57,105)`
RGB Percent	18.4, 22.4, 41.2	`rgb(18.4%,22.4%,41.2%)`
CMYK	55, 46, 0, 59
HSL	229.7°, 38.2, 29.8	`hsl(229.7,38.2%,29.8%)`
HSV (or HSB)	229.7°, 55.2, 41.2
Web Safe	333366	`#333366`

CIE-LAB	25.413, 11.121, -29.469
XYZ	5.185, 4.55, 13.969
xyY	0.219, 0.192, 4.55
CIE-LCH	25.413, 31.497, 290.676
CIE-LUV	25.413, -5.961, -37.429
Hunter-Lab	21.331, 6.055, -23.894
Binary	00101111, 00111001, 01101001

#2f3969
```
#2f3969 rgb(47,57,105)
```
#695f2f
```
#695f2f rgb(105,95,47)
```

Complementary Color

#2f5669
```
#2f5669 rgb(47,86,105)
```
#2f3969
```
#2f3969 rgb(47,57,105)
```
#422f69
```
#422f69 rgb(66,47,105)
```

Analogous Color

#56692f
```
#56692f rgb(86,105,47)
```
#2f3969
```
#2f3969 rgb(47,57,105)
```
#69422f
```
#69422f rgb(105,66,47)
```

Split Complementary Color

#39692f
```
#39692f rgb(57,105,47)
```
#2f3969
```
#2f3969 rgb(47,57,105)
```
#692f39
```
#692f39 rgb(105,47,57)
```

Triadic Color

#2f695f
```
#2f695f rgb(47,105,95)
```
#2f3969
```
#2f3969 rgb(47,57,105)
```
#692f39
```
#692f39 rgb(105,47,57)
```
#695f2f
```
#695f2f rgb(105,95,47)
```

Tetradic Color

#171c34
```
#171c34 rgb(23,28,52)
```
#1f2646
```
#1f2646 rgb(31,38,70)
```
#272f57
```
#272f57 rgb(39,47,87)
```
#2f3969
```
#2f3969 rgb(47,57,105)
```
#37437b
```
#37437b rgb(55,67,123)
```
#3f4c8c
```
#3f4c8c rgb(63,76,140)
```
#47569e
```
#47569e rgb(71,86,158)
```

Monochromatic Color

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

#2f4869
```
#2f4869 rgb(47,72,105)
```
#2f4369
```
#2f4369 rgb(47,67,105)
```
#2f3e69
```
#2f3e69 rgb(47,62,105)
```
#2f3969
```
#2f3969 rgb(47,57,105)
```
#2f3469
```
#2f3469 rgb(47,52,105)
```
#2f2f69
```
#2f2f69 rgb(47,47,105)
```
#342f69
```
#342f69 rgb(52,47,105)
```

Similar Colors

Text with hexadecimal color #2f3969

This text has a font color of #2f3969.

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

#2f3969 background color

This paragraph has a background color of #2f3969.

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

#2f3969 border color

This element has a border color of #2f3969.

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

CSS codes

.text {color:#2f3969;}

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

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

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, #05060a is the darkest color, while #fcfcfd is the lightest one.

#05060a
```
#05060a rgb(5,6,10)
```
#0b0d18
```
#0b0d18 rgb(11,13,24)
```
#111425
```
#111425 rgb(17,20,37)
```
#171c33
```
#171c33 rgb(23,28,51)
```
#1d2340
```
#1d2340 rgb(29,35,64)
```
#232a4e
```
#232a4e rgb(35,42,78)
```
#29325b
```
#29325b rgb(41,50,91)
```
#2f3969
```
#2f3969 rgb(47,57,105)
```
#354077
```
#354077 rgb(53,64,119)
```
#3b4884
```
#3b4884 rgb(59,72,132)
```
#414f92
```
#414f92 rgb(65,79,146)
```
#47569f
```
#47569f rgb(71,86,159)
```
#4d5ead
```
#4d5ead rgb(77,94,173)
```

Shade Color Variation

#5969b5
```
#5969b5 rgb(89,105,181)
```
#6775bb
```
#6775bb rgb(103,117,187)
```
#7481c1
```
#7481c1 rgb(116,129,193)
```
#828ec7
```
#828ec7 rgb(130,142,199)
```
#8f9acd
```
#8f9acd rgb(143,154,205)
```
#9da6d3
```
#9da6d3 rgb(157,166,211)
```
#aab2d9
```
#aab2d9 rgb(170,178,217)
```
#b8bfdf
```
#b8bfdf rgb(184,191,223)
```
#c5cbe5
```
#c5cbe5 rgb(197,203,229)
```
#d3d7eb
```
#d3d7eb rgb(211,215,235)
```
#e0e3f1
```
#e0e3f1 rgb(224,227,241)
```
#eef0f7
```
#eef0f7 rgb(238,240,247)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#464852
```
#464852 rgb(70,72,82)
```
#414457
```
#414457 rgb(65,68,87)
```
#3b415d
```
#3b415d rgb(59,65,93)
```
#353d63
```
#353d63 rgb(53,61,99)
```
#2f3969
```
#2f3969 rgb(47,57,105)
```
#29356f
```
#29356f rgb(41,53,111)
```
#233175
```
#233175 rgb(35,49,117)
```
#1d2e7b
```
#1d2e7b rgb(29,46,123)
```
#182a80
```
#182a80 rgb(24,42,128)
```
#122686
```
#122686 rgb(18,38,134)
```
#0c228c
```
#0c228c rgb(12,34,140)
```
#061e92
```
#061e92 rgb(6,30,146)
```
#001a98
```
#001a98 rgb(0,26,152)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#393b44 Atypical Achromatopsia 0.001% of the population

Dichromacy

#314472 Protanopia 1% of men
#28466f Deuteranopia 1% of men
#2b4a50 Tritanopia 0.001% of the population

Trichromacy

#30406e Protanomaly 1% of men, 0.01% of women
#2a416d Deuteranomaly 6% of men, 0.4% of women
#2c4459 Tritanomaly 0.01% of the population

#2f3969 hex color

#2f3969 Color Information

#2f3969 Color Conversion

Color Schemes with #2f3969

Alternatives to #2f3969

#2f3969 Preview

Shades and Tints of #2f3969

Tones of #2f3969

Color Blindness Simulator