#2f4d92 hex color

In a RGB color space, hex #2f4d92 is composed of 18.4% red, 30.2% green and 57.3% blue. Whereas in a CMYK color space, it is composed of 67.8% cyan, 47.3% magenta, 0% yellow and 42.7% black. It has a hue angle of 221.8 degrees, a saturation of 51.3% and a lightness of 37.8%. #2f4d92 color hex could be obtained by blending #5e9aff with #000025. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 30
- B 57
RGB color chart
- C 68
- M 47
- Y 0
- K 43
CMYK color chart

● #2f4d92 color description : Dark moderate blue.

The hexadecimal color #2f4d92 has RGB values of R:47, G:77, B:146 and CMYK values of C:0.68, M:0.47, Y:0, K:0.43. Its decimal value is 3100050.

Hex triplet	2f4d92	`#2f4d92`
RGB Decimal	47, 77, 146	`rgb(47,77,146)`
RGB Percent	18.4, 30.2, 57.3	`rgb(18.4%,30.2%,57.3%)`
CMYK	68, 47, 0, 43
HSL	221.8°, 51.3, 37.8	`hsl(221.8,51.3%,37.8%)`
HSV (or HSB)	221.8°, 67.8, 57.3
Web Safe	336699	`#336699`

CIE-LAB	33.955, 12.684, -41.444
XYZ	9.013, 7.987, 28.259
xyY	0.199, 0.176, 7.987
CIE-LCH	33.955, 43.342, 287.017
CIE-LUV	33.955, -12.821, -58.18
Hunter-Lab	28.261, 7.473, -39.503
Binary	00101111, 01001101, 10010010

#2f4d92
```
#2f4d92 rgb(47,77,146)
```
#92742f
```
#92742f rgb(146,116,47)
```

Complementary Color

#2f7f92
```
#2f7f92 rgb(47,127,146)
```
#2f4d92
```
#2f4d92 rgb(47,77,146)
```
#432f92
```
#432f92 rgb(67,47,146)
```

Analogous Color

#7f922f
```
#7f922f rgb(127,146,47)
```
#2f4d92
```
#2f4d92 rgb(47,77,146)
```
#92432f
```
#92432f rgb(146,67,47)
```

Split Complementary Color

#4d922f
```
#4d922f rgb(77,146,47)
```
#2f4d92
```
#2f4d92 rgb(47,77,146)
```
#922f4d
```
#922f4d rgb(146,47,77)
```

Triadic Color

#2f9274
```
#2f9274 rgb(47,146,116)
```
#2f4d92
```
#2f4d92 rgb(47,77,146)
```
#922f4d
```
#922f4d rgb(146,47,77)
```
#92742f
```
#92742f rgb(146,116,47)
```

Tetradic Color

#1c2e58
```
#1c2e58 rgb(28,46,88)
```
#23396b
```
#23396b rgb(35,57,107)
```
#29437f
```
#29437f rgb(41,67,127)
```
#2f4d92
```
#2f4d92 rgb(47,77,146)
```
#3557a5
```
#3557a5 rgb(53,87,165)
```
#3b61b9
```
#3b61b9 rgb(59,97,185)
```
#496ec4
```
#496ec4 rgb(73,110,196)
```

Monochromatic Color

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

#2f6692
```
#2f6692 rgb(47,102,146)
```
#2f5e92
```
#2f5e92 rgb(47,94,146)
```
#2f5592
```
#2f5592 rgb(47,85,146)
```
#2f4d92
```
#2f4d92 rgb(47,77,146)
```
#2f4592
```
#2f4592 rgb(47,69,146)
```
#2f3c92
```
#2f3c92 rgb(47,60,146)
```
#2f3492
```
#2f3492 rgb(47,52,146)
```

Similar Colors

Text with hexadecimal color #2f4d92

This text has a font color of #2f4d92.

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

#2f4d92 background color

This paragraph has a background color of #2f4d92.

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

#2f4d92 border color

This element has a border color of #2f4d92.

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

CSS codes

.text {color:#2f4d92;}

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

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

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, #04070c is the darkest color, while #fdfdfe is the lightest one.

#04070c
```
#04070c rgb(4,7,12)
```
#090e1b
```
#090e1b rgb(9,14,27)
```
#0e162a
```
#0e162a rgb(14,22,42)
```
#121e39
```
#121e39 rgb(18,30,57)
```
#172648
```
#172648 rgb(23,38,72)
```
#1c2e57
```
#1c2e57 rgb(28,46,87)
```
#213665
```
#213665 rgb(33,54,101)
```
#253d74
```
#253d74 rgb(37,61,116)
```
#2a4583
```
#2a4583 rgb(42,69,131)
```
#2f4d92
```
#2f4d92 rgb(47,77,146)
```
#3455a1
```
#3455a1 rgb(52,85,161)
```
#395db0
```
#395db0 rgb(57,93,176)
```
#3d64bf
```
#3d64bf rgb(61,100,191)
```

Shade Color Variation

#4b70c5
```
#4b70c5 rgb(75,112,197)
```
#597bca
```
#597bca rgb(89,123,202)
```
#6887ce
```
#6887ce rgb(104,135,206)
```
#7793d3
```
#7793d3 rgb(119,147,211)
```
#869fd8
```
#869fd8 rgb(134,159,216)
```
#95abdd
```
#95abdd rgb(149,171,221)
```
#a4b6e2
```
#a4b6e2 rgb(164,182,226)
```
#b2c2e6
```
#b2c2e6 rgb(178,194,230)
```
#c1ceeb
```
#c1ceeb rgb(193,206,235)
```
#d0daf0
```
#d0daf0 rgb(208,218,240)
```
#dfe6f5
```
#dfe6f5 rgb(223,230,245)
```
#eef1f9
```
#eef1f9 rgb(238,241,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#5c5f65
```
#5c5f65 rgb(92,95,101)
```
#545c6d
```
#545c6d rgb(84,92,109)
```
#4d5974
```
#4d5974 rgb(77,89,116)
```
#45567c
```
#45567c rgb(69,86,124)
```
#3e5383
```
#3e5383 rgb(62,83,131)
```
#36508b
```
#36508b rgb(54,80,139)
```
#2f4d92
```
#2f4d92 rgb(47,77,146)
```
#284a99
```
#284a99 rgb(40,74,153)
```
#2047a1
```
#2047a1 rgb(32,71,161)
```
#1944a8
```
#1944a8 rgb(25,68,168)
```
#1141b0
```
#1141b0 rgb(17,65,176)
```
#0a3eb7
```
#0a3eb7 rgb(10,62,183)
```
#023bbf
```
#023bbf rgb(2,59,191)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#464c5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#355698 Protanopia 1% of men
#145a95 Deuteranopia 1% of men
#006168 Tritanopia 0.001% of the population

Trichromacy

#335395 Protanomaly 1% of men, 0.01% of women
#1d5594 Deuteranomaly 6% of men, 0.4% of women
#115a77 Tritanomaly 0.01% of the population

#2f4d92 hex color

#2f4d92 Color Information

#2f4d92 Color Conversion

Color Schemes with #2f4d92

Alternatives to #2f4d92

#2f4d92 Preview

Shades and Tints of #2f4d92

Tones of #2f4d92

Color Blindness Simulator