#2f3394 hex color

In a RGB color space, hex #2f3394 is composed of 18.4% red, 20% green and 58% blue. Whereas in a CMYK color space, it is composed of 68.2% cyan, 65.5% magenta, 0% yellow and 42% black. It has a hue angle of 237.6 degrees, a saturation of 51.8% and a lightness of 38.2%. #2f3394 color hex could be obtained by blending #5e66ff with #000029. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 18
- G 20
- B 58
RGB color chart
- C 68
- M 66
- Y 0
- K 42
CMYK color chart

● #2f3394 color description : Dark moderate blue.

The hexadecimal color #2f3394 has RGB values of R:47, G:51, B:148 and CMYK values of C:0.68, M:0.66, Y:0, K:0.42. Its decimal value is 3093396.

Hex triplet	2f3394	`#2f3394`
RGB Decimal	47, 51, 148	`rgb(47,51,148)`
RGB Percent	18.4, 20, 58	`rgb(18.4%,20%,58%)`
CMYK	68, 66, 0, 42
HSL	237.6°, 51.8, 38.2	`hsl(237.6,51.8%,38.2%)`
HSV (or HSB)	237.6°, 68.2, 58
Web Safe	333399	`#333399`

CIE-LAB	27.045, 30.813, -53.863
XYZ	7.7, 5.11, 28.596
xyY	0.186, 0.123, 5.11
CIE-LCH	27.045, 62.054, 299.772
CIE-LUV	27.045, -5.906, -69.626
Hunter-Lab	22.605, 21.248, -59.181
Binary	00101111, 00110011, 10010100

#2f3394
```
#2f3394 rgb(47,51,148)
```
#94902f
```
#94902f rgb(148,144,47)
```

Complementary Color

#2f6694
```
#2f6694 rgb(47,102,148)
```
#2f3394
```
#2f3394 rgb(47,51,148)
```
#5e2f94
```
#5e2f94 rgb(94,47,148)
```

Analogous Color

#66942f
```
#66942f rgb(102,148,47)
```
#2f3394
```
#2f3394 rgb(47,51,148)
```
#945e2f
```
#945e2f rgb(148,94,47)
```

Split Complementary Color

#33942f
```
#33942f rgb(51,148,47)
```
#2f3394
```
#2f3394 rgb(47,51,148)
```
#942f33
```
#942f33 rgb(148,47,51)
```

Triadic Color

#2f9490
```
#2f9490 rgb(47,148,144)
```
#2f3394
```
#2f3394 rgb(47,51,148)
```
#942f33
```
#942f33 rgb(148,47,51)
```
#94902f
```
#94902f rgb(148,144,47)
```

Tetradic Color

#1d1f5a
```
#1d1f5a rgb(29,31,90)
```
#23266d
```
#23266d rgb(35,38,109)
```
#292c81
```
#292c81 rgb(41,44,129)
```
#2f3394
```
#2f3394 rgb(47,51,148)
```
#353aa7
```
#353aa7 rgb(53,58,167)
```
#3b40bb
```
#3b40bb rgb(59,64,187)
```
#4a4fc6
```
#4a4fc6 rgb(74,79,198)
```

Monochromatic Color

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

#2f4c94
```
#2f4c94 rgb(47,76,148)
```
#2f4494
```
#2f4494 rgb(47,68,148)
```
#2f3b94
```
#2f3b94 rgb(47,59,148)
```
#2f3394
```
#2f3394 rgb(47,51,148)
```
#332f94
```
#332f94 rgb(51,47,148)
```
#3c2f94
```
#3c2f94 rgb(60,47,148)
```
#442f94
```
#442f94 rgb(68,47,148)
```

Similar Colors

Text with hexadecimal color #2f3394

This text has a font color of #2f3394.

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

#2f3394 background color

This paragraph has a background color of #2f3394.

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

#2f3394 border color

This element has a border color of #2f3394.

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

CSS codes

.text {color:#2f3394;}

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

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

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

#04050e
```
#04050e rgb(4,5,14)
```
#090a1d
```
#090a1d rgb(9,10,29)
```
#0e0f2c
```
#0e0f2c rgb(14,15,44)
```
#13143b
```
#13143b rgb(19,20,59)
```
#17194a
```
#17194a rgb(23,25,74)
```
#1c1e58
```
#1c1e58 rgb(28,30,88)
```
#212467
```
#212467 rgb(33,36,103)
```
#262976
```
#262976 rgb(38,41,118)
```
#2a2e85
```
#2a2e85 rgb(42,46,133)
```
#2f3394
```
#2f3394 rgb(47,51,148)
```
#3438a3
```
#3438a3 rgb(52,56,163)
```
#383db2
```
#383db2 rgb(56,61,178)
```
#3d42c1
```
#3d42c1 rgb(61,66,193)
```

Shade Color Variation

#4b50c6
```
#4b50c6 rgb(75,80,198)
```
#5a5fcb
```
#5a5fcb rgb(90,95,203)
```
#696dcf
```
#696dcf rgb(105,109,207)
```
#787cd4
```
#787cd4 rgb(120,124,212)
```
#878ad9
```
#878ad9 rgb(135,138,217)
```
#9699de
```
#9699de rgb(150,153,222)
```
#a5a7e2
```
#a5a7e2 rgb(165,167,226)
```
#b4b6e7
```
#b4b6e7 rgb(180,182,231)
```
#c3c4ec
```
#c3c4ec rgb(195,196,236)
```
#d1d3f1
```
#d1d3f1 rgb(209,211,241)
```
#e0e1f5
```
#e0e1f5 rgb(224,225,245)
```
#eff0fa
```
#eff0fa rgb(239,240,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#5c5c67
```
#5c5c67 rgb(92,92,103)
```
#55566f
```
#55566f rgb(85,86,111)
```
#4d4f76
```
#4d4f76 rgb(77,79,118)
```
#46487e
```
#46487e rgb(70,72,126)
```
#3e4185
```
#3e4185 rgb(62,65,133)
```
#373a8d
```
#373a8d rgb(55,58,141)
```
#2f3394
```
#2f3394 rgb(47,51,148)
```
#282c9c
```
#282c9c rgb(40,44,156)
```
#2025a3
```
#2025a3 rgb(32,37,163)
```
#191eab
```
#191eab rgb(25,30,171)
```
#1117b2
```
#1117b2 rgb(17,23,178)
```
#0a10ba
```
#0a10ba rgb(10,16,186)
```
#020ac1
```
#020ac1 rgb(2,10,193)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3a3b4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#00478b Protanopia 1% of men
#004b7a Deuteranopia 1% of men
#005156 Tritanopia 0.001% of the population

Trichromacy

#11408e Protanomaly 1% of men, 0.01% of women
#114283 Deuteranomaly 6% of men, 0.4% of women
#11466c Tritanomaly 0.01% of the population

#2f3394 hex color

#2f3394 Color Information

#2f3394 Color Conversion

Color Schemes with #2f3394

Alternatives to #2f3394

#2f3394 Preview

Shades and Tints of #2f3394

Tones of #2f3394

Color Blindness Simulator