#2f4494 hex color

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

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

● #2f4494 color description : Dark moderate blue.

The hexadecimal color #2f4494 has RGB values of R:47, G:68, B:148 and CMYK values of C:0.68, M:0.54, Y:0, K:0.42. Its decimal value is 3097748.

Hex triplet	2f4494	`#2f4494`
RGB Decimal	47, 68, 148	`rgb(47,68,148)`
RGB Percent	18.4, 26.7, 58	`rgb(18.4%,26.7%,58%)`
CMYK	68, 54, 0, 42
HSL	227.5°, 51.8, 38.2	`hsl(227.5,51.8%,38.2%)`
HSV (or HSB)	227.5°, 68.2, 58
Web Safe	333399	`#333399`

CIE-LAB	31.523, 19.484, -46.58
XYZ	8.584, 6.876, 28.89
xyY	0.194, 0.155, 6.876
CIE-LCH	31.523, 50.491, 292.699
CIE-LUV	31.523, -10.155, -64.097
Hunter-Lab	26.222, 12.54, -46.966
Binary	00101111, 01000100, 10010100

#2f4494
```
#2f4494 rgb(47,68,148)
```
#947f2f
```
#947f2f rgb(148,127,47)
```

Complementary Color

#2f7794
```
#2f7794 rgb(47,119,148)
```
#2f4494
```
#2f4494 rgb(47,68,148)
```
#4d2f94
```
#4d2f94 rgb(77,47,148)
```

Analogous Color

#77942f
```
#77942f rgb(119,148,47)
```
#2f4494
```
#2f4494 rgb(47,68,148)
```
#944d2f
```
#944d2f rgb(148,77,47)
```

Split Complementary Color

#44942f
```
#44942f rgb(68,148,47)
```
#2f4494
```
#2f4494 rgb(47,68,148)
```
#942f44
```
#942f44 rgb(148,47,68)
```

Triadic Color

#2f947f
```
#2f947f rgb(47,148,127)
```
#2f4494
```
#2f4494 rgb(47,68,148)
```
#942f44
```
#942f44 rgb(148,47,68)
```
#947f2f
```
#947f2f rgb(148,127,47)
```

Tetradic Color

#1d295a
```
#1d295a rgb(29,41,90)
```
#23326d
```
#23326d rgb(35,50,109)
```
#293b81
```
#293b81 rgb(41,59,129)
```
#2f4494
```
#2f4494 rgb(47,68,148)
```
#354da7
```
#354da7 rgb(53,77,167)
```
#3b56bb
```
#3b56bb rgb(59,86,187)
```
#4a64c6
```
#4a64c6 rgb(74,100,198)
```

Monochromatic Color

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

#2f5d94
```
#2f5d94 rgb(47,93,148)
```
#2f5594
```
#2f5594 rgb(47,85,148)
```
#2f4c94
```
#2f4c94 rgb(47,76,148)
```
#2f4494
```
#2f4494 rgb(47,68,148)
```
#2f3c94
```
#2f3c94 rgb(47,60,148)
```
#2f3394
```
#2f3394 rgb(47,51,148)
```
#332f94
```
#332f94 rgb(51,47,148)
```

Similar Colors

Text with hexadecimal color #2f4494

This text has a font color of #2f4494.

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

#2f4494 background color

This paragraph has a background color of #2f4494.

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

#2f4494 border color

This element has a border color of #2f4494.

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

CSS codes

.text {color:#2f4494;}

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

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

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

#04060e
```
#04060e rgb(4,6,14)
```
#090d1d
```
#090d1d rgb(9,13,29)
```
#0e142c
```
#0e142c rgb(14,20,44)
```
#131b3b
```
#131b3b rgb(19,27,59)
```
#17224a
```
#17224a rgb(23,34,74)
```
#1c2958
```
#1c2958 rgb(28,41,88)
```
#212f67
```
#212f67 rgb(33,47,103)
```
#263676
```
#263676 rgb(38,54,118)
```
#2a3d85
```
#2a3d85 rgb(42,61,133)
```
#2f4494
```
#2f4494 rgb(47,68,148)
```
#344ba3
```
#344ba3 rgb(52,75,163)
```
#3852b2
```
#3852b2 rgb(56,82,178)
```
#3d59c1
```
#3d59c1 rgb(61,89,193)
```

Shade Color Variation

#4b65c6
```
#4b65c6 rgb(75,101,198)
```
#5a72cb
```
#5a72cb rgb(90,114,203)
```
#697ecf
```
#697ecf rgb(105,126,207)
```
#788bd4
```
#788bd4 rgb(120,139,212)
```
#8798d9
```
#8798d9 rgb(135,152,217)
```
#96a5de
```
#96a5de rgb(150,165,222)
```
#a5b2e2
```
#a5b2e2 rgb(165,178,226)
```
#b4bee7
```
#b4bee7 rgb(180,190,231)
```
#c3cbec
```
#c3cbec rgb(195,203,236)
```
#d1d8f1
```
#d1d8f1 rgb(209,216,241)
```
#e0e5f5
```
#e0e5f5 rgb(224,229,245)
```
#eff1fa
```
#eff1fa rgb(239,241,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#5c5e67
```
#5c5e67 rgb(92,94,103)
```
#555a6f
```
#555a6f rgb(85,90,111)
```
#4d5676
```
#4d5676 rgb(77,86,118)
```
#46517e
```
#46517e rgb(70,81,126)
```
#3e4d85
```
#3e4d85 rgb(62,77,133)
```
#37488d
```
#37488d rgb(55,72,141)
```
#2f4494
```
#2f4494 rgb(47,68,148)
```
#28409c
```
#28409c rgb(40,64,156)
```
#203ba3
```
#203ba3 rgb(32,59,163)
```
#1937ab
```
#1937ab rgb(25,55,171)
```
#1132b2
```
#1132b2 rgb(17,50,178)
```
#0a2eba
```
#0a2eba rgb(10,46,186)
```
#022ac1
```
#022ac1 rgb(2,42,193)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#424656 Atypical Achromatopsia 0.001% of the population

Dichromacy

#17519c Protanopia 1% of men
#00558c Deuteranopia 1% of men
#005b62 Tritanopia 0.001% of the population

Trichromacy

#204c99 Protanomaly 1% of men, 0.01% of women
#114e8f Deuteranomaly 6% of men, 0.4% of women
#115374 Tritanomaly 0.01% of the population

#2f4494 hex color

#2f4494 Color Information

#2f4494 Color Conversion

Color Schemes with #2f4494

Alternatives to #2f4494

#2f4494 Preview

Shades and Tints of #2f4494

Tones of #2f4494

Color Blindness Simulator