#2f347e hex color

In a RGB color space, hex #2f347e is composed of 18.4% red, 20.4% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 58.7% magenta, 0% yellow and 50.6% black. It has a hue angle of 236.2 degrees, a saturation of 45.7% and a lightness of 33.9%. #2f347e color hex could be obtained by blending #5e68fc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 20
- B 49
RGB color chart
- C 63
- M 59
- Y 0
- K 51
CMYK color chart

● #2f347e color description : Dark moderate blue.

The hexadecimal color #2f347e has RGB values of R:47, G:52, B:126 and CMYK values of C:0.63, M:0.59, Y:0, K:0.51. Its decimal value is 3093630.

Hex triplet	2f347e	`#2f347e`
RGB Decimal	47, 52, 126	`rgb(47,52,126)`
RGB Percent	18.4, 20.4, 49.4	`rgb(18.4%,20.4%,49.4%)`
CMYK	63, 59, 0, 51
HSL	236.2°, 45.7, 33.9	`hsl(236.2,45.7%,33.9%)`
HSV (or HSB)	236.2°, 62.7, 49.4
Web Safe	333366	`#333366`

CIE-LAB	25.462, 22.184, -42.758
XYZ	6.165, 4.566, 20.294
xyY	0.199, 0.147, 4.566
CIE-LCH	25.462, 48.17, 297.422
CIE-LUV	25.462, -5.261, -54.659
Hunter-Lab	21.369, 14.105, -41.349
Binary	00101111, 00110100, 01111110

#2f347e
```
#2f347e rgb(47,52,126)
```
#7e792f
```
#7e792f rgb(126,121,47)
```

Complementary Color

#2f5c7e
```
#2f5c7e rgb(47,92,126)
```
#2f347e
```
#2f347e rgb(47,52,126)
```
#522f7e
```
#522f7e rgb(82,47,126)
```

Analogous Color

#5c7e2f
```
#5c7e2f rgb(92,126,47)
```
#2f347e
```
#2f347e rgb(47,52,126)
```
#7e512f
```
#7e512f rgb(126,81,47)
```

Split Complementary Color

#347e2f
```
#347e2f rgb(52,126,47)
```
#2f347e
```
#2f347e rgb(47,52,126)
```
#7e2f34
```
#7e2f34 rgb(126,47,52)
```

Triadic Color

#2f7e79
```
#2f7e79 rgb(47,126,121)
```
#2f347e
```
#2f347e rgb(47,52,126)
```
#7e2f34
```
#7e2f34 rgb(126,47,52)
```
#7e792f
```
#7e792f rgb(126,121,47)
```

Tetradic Color

#1a1d46
```
#1a1d46 rgb(26,29,70)
```
#212559
```
#212559 rgb(33,37,89)
```
#282c6b
```
#282c6b rgb(40,44,107)
```
#2f347e
```
#2f347e rgb(47,52,126)
```
#363c91
```
#363c91 rgb(54,60,145)
```
#3d43a3
```
#3d43a3 rgb(61,67,163)
```
#444bb6
```
#444bb6 rgb(68,75,182)
```

Monochromatic Color

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

#2f487e
```
#2f487e rgb(47,72,126)
```
#2f417e
```
#2f417e rgb(47,65,126)
```
#2f3b7e
```
#2f3b7e rgb(47,59,126)
```
#2f347e
```
#2f347e rgb(47,52,126)
```
#312f7e
```
#312f7e rgb(49,47,126)
```
#372f7e
```
#372f7e rgb(55,47,126)
```
#3e2f7e
```
#3e2f7e rgb(62,47,126)
```

Similar Colors

Text with hexadecimal color #2f347e

This text has a font color of #2f347e.

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

#2f347e background color

This paragraph has a background color of #2f347e.

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

#2f347e border color

This element has a border color of #2f347e.

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

CSS codes

.text {color:#2f347e;}

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

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

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

#04050c
```
#04050c rgb(4,5,12)
```
#0a0b1a
```
#0a0b1a rgb(10,11,26)
```
#0f1128
```
#0f1128 rgb(15,17,40)
```
#141737
```
#141737 rgb(20,23,55)
```
#1a1c45
```
#1a1c45 rgb(26,28,69)
```
#1f2253
```
#1f2253 rgb(31,34,83)
```
#242861
```
#242861 rgb(36,40,97)
```
#2a2e70
```
#2a2e70 rgb(42,46,112)
```
#2f347e
```
#2f347e rgb(47,52,126)
```
#343a8c
```
#343a8c rgb(52,58,140)
```
#3a409b
```
#3a409b rgb(58,64,155)
```
#3f46a9
```
#3f46a9 rgb(63,70,169)
```
#444cb7
```
#444cb7 rgb(68,76,183)
```

Shade Color Variation

#5158be
```
#5158be rgb(81,88,190)
```
#5f66c3
```
#5f66c3 rgb(95,102,195)
```
#6e73c9
```
#6e73c9 rgb(110,115,201)
```
#7c81ce
```
#7c81ce rgb(124,129,206)
```
#8a8fd3
```
#8a8fd3 rgb(138,143,211)
```
#989cd9
```
#989cd9 rgb(152,156,217)
```
#a7aade
```
#a7aade rgb(167,170,222)
```
#b5b8e3
```
#b5b8e3 rgb(181,184,227)
```
#c3c6e9
```
#c3c6e9 rgb(195,198,233)
```
#d2d3ee
```
#d2d3ee rgb(210,211,238)
```
#e0e1f3
```
#e0e1f3 rgb(224,225,243)
```
#eeeff9
```
#eeeff9 rgb(238,239,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#50515d
```
#50515d rgb(80,81,93)
```
#4a4b63
```
#4a4b63 rgb(74,75,99)
```
#43456a
```
#43456a rgb(67,69,106)
```
#3c4071
```
#3c4071 rgb(60,64,113)
```
#363a77
```
#363a77 rgb(54,58,119)
```
#2f347e
```
#2f347e rgb(47,52,126)
```
#282e85
```
#282e85 rgb(40,46,133)
```
#22288b
```
#22288b rgb(34,40,139)
```
#1b2392
```
#1b2392 rgb(27,35,146)
```
#141d99
```
#141d99 rgb(20,29,153)
```
#0e179f
```
#0e179f rgb(14,23,159)
```
#0711a6
```
#0711a6 rgb(7,17,166)
```
#000bad
```
#000bad rgb(0,11,173)
```

Tone Color Variation

Below, you can see how #2f347e 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
#393a48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004485 Protanopia 1% of men
#004775 Deuteranopia 1% of men
#174c52 Tritanopia 0.001% of the population

Trichromacy

#113e83 Protanomaly 1% of men, 0.01% of women
#114078 Deuteranomaly 6% of men, 0.4% of women
#204362 Tritanomaly 0.01% of the population

#2f347e hex color

#2f347e Color Information

#2f347e Color Conversion

Color Schemes with #2f347e

Alternatives to #2f347e

#2f347e Preview

Shades and Tints of #2f347e

Tones of #2f347e

Color Blindness Simulator